@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/

#index a:link {
	color:#fff;
}

#index a:visited {
	color:#fff;
}

#index a:hover {
	text-decoration: none;
	color:#fff;
}

#index a:active {
	color:#fff;
}
.wrap{
	width:1000px;
	margin:0 auto;
}

.onlysm{
	display:none;
}
.onlypc{
	display:block;
}

.sumaho{
	display:none;
}
/*////////////////////////////////////////////////////////////////// */

a:link {
}
a:visited {
}
a:hover {
}
a:active {
}

#top2 {
}

/* =========================================================
index
========================================================= */
#index {
}

/* =========================================================
top
========================================================= */
#index #top {
}

/* =========================================================
head
========================================================= */
#index #top #head {
	padding:8px 0;
}

#index #top #head .wrap {
}

#index #top #head .wrap .bind {
	width:1000px;
	margin:0 auto;
}

#index #top #head .wrap .bind .left {
	width:;
	float:left;
}

#index #top #head .wrap .bind .left img {
}

#index #top #head .wrap .bind .right {
	float:right;
}

#index #top #head .wrap .bind .right img {
}

/* =========================================================
contents
========================================================= */
#index #top #contents {
}

#index #top #contents .bg {
}

#index #top #contents .bg .wrap {
	position:relative;
	padding:60px 0 80px 0;
}

#index #top #contents .bg .wrap h1 {
}

#index #top #contents .bg .wrap h1 img {
}

#index #top #contents .bg .wrap .btn {
	text-align:center;
	margin:40px 0 0 0 ;
}

#index #top #contents .bg .wrap .btn img {
}

#index #top #contents .bg .wrap .shita {
	position:absolute;
	top:720px;
	left:475px;
}

#index #top #contents .bg .wrap .shita img {
}

/* =========================================================
contents2
========================================================= */
#index #contents2 {
}

#index #contents2 .bg {
	background: #000;
}

#index #contents2 .bg .wrap {
}

#index #contents2 .bg .wrap .bg_red {
	background-color:#d7003a;
	padding:15px 0 50px 0;
}

#index #contents2 .bg .wrap .bg_red .img {
}

#index #contents2 .bg .wrap .bg_red .img h2 {
}

#index #contents2 .bg .wrap .bg_red .img h2 img {
}

#index #contents2 .bg .wrap .bg_red .img .main {
	text-align:center;
	margin:20px 0 8px 0;
}

#index #contents2 .bg .wrap .bg_red .img .main p {
}

#index #contents2 .bg .wrap .bg_red .img .main p img {
}

#index #contents2 .bg .wrap .bg_red .box_all {
}

#index #contents2 .bg .wrap .bg_red .box_all h2 {
}

#index #contents2 .bg .wrap .bg_red .box_all h2 img {
}

#index #contents2 .bg .wrap .bg_red .box_all .inner {
	margin:0 auto;
	width:900px;
}

#index #contents2 .bg .wrap .bg_red .box_all .inner .box {
	background-color:#fff;
	position:relative;
	margin:185px auto 0 auto;
	padding:75px 0 30px 0;
}

#index #contents2 .bg .wrap .bg_red .box_all .inner .box h3 {
	position:absolute;
	top:-170px;
	left:-50px;
}
#index #contents2 .bg .wrap .bg_red .box_all .inner .box .title{
	display:none;
}
#index #contents2 .bg .wrap .bg_red .box_all .inner .box h3 img {
}

#index #contents2 .bg .wrap .bg_red .box_all .inner .box .main {
}

#index #contents2 .bg .wrap .bg_red .box_all .inner .box .main .text {
	width:850px;
	margin:0 auto;
	font-size:24px;
	line-height:150%;
	letter-spacing:0.08em;
}

#index #contents2 .bg .wrap .btnarea {
	position:relative;
	background-color:#232323;
	padding:30px 0;
	text-align:center;
}

#index #contents2 .bg .wrap .btnarea .wrap {
}

#index #contents2 .bg .wrap .btnarea .wrap .text {
	color:#fff;
	font-weight:bold;
	font-size:26px;
}

#index #contents2 .bg .wrap .btnarea .wrap .btn {
	margin-top:10px;
}

#index #contents2 .bg .wrap .btnarea .wrap .btn img {
	
}

#index #contents2 .bg .wrap .btnarea .wrap .bottom {
	position:absolute;
	top:0px;
	left:460px;
}

#index #contents2 .bg .wrap .btnarea .wrap .bottom img {
}

/* =========================================================
contents3
========================================================= */
#index #contents3 {
}

#index #contents3 .bg {
	background:#030;
}

#index #contents3 .bg .wrap {
}

#index #contents3 .bg .wrap .bg_gray {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f2f2f2', endColorstr = '#ffffff');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#f2f2f2', endColorstr = '#ffffff')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #f2f2f2, #ffffff);
background-image: -ms-linear-gradient(top, #f2f2f2, #ffffff);
background-image: -o-linear-gradient(top, #f2f2f2, #ffffff);
background-image: -webkit-gradient(linear, center top, center bottom, from(#f2f2f2), to(#ffffff));
background-image: -webkit-linear-gradient(top, #f2f2f2, #ffffff);
background-image: linear-gradient(top, #f2f2f2, #ffffff);
/*--IE9 DOES NOT SUPPORT CSS3 GRADIENT BACKGROUNDS--*/
	padding:15px 0 ;
}

#index #contents3 .bg .wrap .bg_gray .top {
}

#index #contents3 .bg .wrap .bg_gray .top h2 {
	text-align:center;
	margin-bottom:30px;
}

#index #contents3 .bg .wrap .bg_gray .top h2 img {
}

#index #contents3 .bg .wrap .bg_gray .top .main2 {
	text-align:center;
}

#index #contents3 .bg .wrap .bg_gray .top .main img {
}

#index #contents3 .bg .wrap .bg_gray .main {
	width:900px;
	margin:30px auto;
	background-color:#fff;
	padding:2px 0 20px 0;
	border:#ffc8a5 3px solid;
}

#index #contents3 .bg .wrap .bg_gray .main h3 {
	text-align:center;
}

#index #contents3 .bg .wrap .bg_gray .main h3 img {
}

#index #contents3 .bg .wrap .bg_gray .main .inner {
	width:830px;
	margin:0 auto;
}

#index #contents3 .bg .wrap .bg_gray .main .inner h4 {
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}

#index #contents3 .bg .wrap .bg_gray .main .inner .img {
}

#index #contents3 .bg .wrap .bg_gray .main .inner .img img {
}

#index #contents3 .bg .wrap .bg_gray .main .inner .textarea {
	width:820px;
	margin:20px auto 0 auto;
	border:#d4d4d4 1px solid;
	padding:25px 0 0 0 ;
}

#index #contents3 .bg .wrap .bg_gray .main .inner .textarea .ue {
	width:740px;
	margin:0 auto;
	border-bottom:#d4d4d4 2px solid;
	padding-bottom:30px;
}

#index #contents3 .bg .wrap .bg_gray .main .inner .textarea .ue .datail {
	font-size:16px;
}

#index #contents3 .bg .wrap .bg_gray .main .inner .textarea .ue .red {
	font-size:14px;
	margin-top:18px;
}

#index #contents3 .bg .wrap .bg_gray .main .inner .textarea .shita {
	width:740px;
	margin:0 auto;
	padding:30px;
	background:url(../img/contents3_shita_bg.jpg) 40px 50% no-repeat;
}

#index #contents3 .bg .wrap .bg_gray .main .inner .textarea .shita h5 {
	font-size:18px;
	margin:0 0 5px 70px;
}

#index #contents3 .bg .wrap .bg_gray .main .inner .textarea .shita p {
	font-size:14px;
	margin-left:70px;
}

#index #contents3 .bg .wrap .bg_gray .img2 {
	text-align:center;
}

#index #contents3 .bg .wrap .bg_gray .img2 .img {
	margin-bottom:35px;
}

#index #contents3 .bg .wrap .bg_gray .img2 .img img {
}

#index #contents3 .bg .wrap .bg_gray .img2 .text {
	font-size:14px;
	line-height:200%;
	letter-spacing:0.1em;
	text-align:left;
	width:720px;
	margin:0 auto 70px auto;
}

#index #contents3 .bg .wrap .bg_gray .img2 .btn {
}

#index #contents3 .bg .wrap .bg_gray .img2 .btn img {
}

/* =========================================================
contents4
========================================================= */
#index #contents4 {
}

#index #contents4 .bg {
	padding:20px 0 40px 0;
	background-color:#fef3d4;
}

#index #contents4 .bg .wrap {
}

#index #contents4 .bg .wrap h2 {
	text-align:center;
	margin-bottom:5px;
}

#index #contents4 .bg .wrap h2 img {
}

#index #contents4 .bg .wrap .inner {
	width:830px;
	margin:0 auto;
}
 
#index #contents4 .bg .wrap .inner .box{
	border-bottom:#fb5f12 1px solid;
	padding:25px 0;
}

#index #contents4 .bg .wrap .inner .line{
	border-top:#fb5f12 1px solid;
}

#index #contents4 .bg .wrap .inner .box1 .cf {
}

#index #contents4 .bg .wrap .inner .box1 .cf .left {
	width:220px;
	float:left;
	text-align:center;
}

#index #contents4 .bg .wrap .inner .box1 .cf .left img {
}

#index #contents4 .bg .wrap .inner .box1 .cf .right {
	width:580px;
	margin-right:20px;
	float:right;
}

#index #contents4 .bg .wrap .inner .box .cf h3 {
	font-size:18px;
	margin-bottom:10px;
	color:#fa7a16;
}

#index #contents4 .bg .wrap .inner .box .cf .text {
	font-size:16px;
	line-height:180%;
}

#index #contents4 .bg .wrap .inner .box2 {
}

#index #contents4 .bg .wrap .inner .box2 .bind {
}

#index #contents4 .bg .wrap .inner .box2 .bind .right {
	width:220px;
	float:right;
	text-align:center;
}

#index #contents4 .bg .wrap .inner .box2 .bind .right img {
}

#index #contents4 .bg .wrap .inner .box2 .bind .left {
	width:580px;
	float:left;
	margin-left:20px;
}

#index #contents4 .bg .wrap .inner .box2 .bind .left h3 {
}

#index #contents4 .bg .wrap .inner .box2 .bind .left .text {
}

#index #contents4 .bg .wrap .inner .btn {
	text-align:center;
	margin-top:80px;
}

#index #contents4 .bg .wrap .inner .btn img {
}

/* =========================================================
contents5
========================================================= */
#index #contents5 {
}

#index #contents5 .bg {
	background:#930;
}

#index #contents5 .bg .wrap {
}

#index #contents5 .bg .wrap .bg_main {
	padding:70px 0 60px 0;
	background-color:#f9f8f7;
}

#index #contents5 .bg .wrap .bg_main h2 {
	text-align:center;
}

#index #contents5 .bg .wrap .bg_main h2 img {
}

#index #contents5 .bg .wrap .bg_main .img {
	text-align:center;
	margin:15px 0 50px 0;
}

#index #contents5 .bg .wrap .bg_main .img img {
}

#index #contents5 .bg .wrap .bg_main .media {
	background-color:#fef3d4;
	width:870px;
	padding:35px 0;
	margin:45px auto 30px auto;
}

#index #contents5 .bg .wrap .bg_main .media h3 {
	text-align:center;
	margin-bottom:30px;
}

#index #contents5 .bg .wrap .bg_main .media h3 img {
}

#index #contents5 .bg .wrap .bg_main .media .datail {
	width:800px;
	margin:0 auto;
	background-color:#fff;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/

}

#index #contents5 .bg .wrap .bg_main .media .datail .inner {
	width:650px;
	margin:0 auto;
	font-size:18px;
	padding:30px 0;
	letter-spacing:0.1em;
}

#index #contents5 .bg .wrap .bg_main .media .datail .inner ul {
}

#index #contents5 .bg .wrap .bg_main .media .datail .inner ul li {
	margin-bottom:5px;
}

#index #contents5 .bg .wrap .bg_main .media .datail .inner p {
	margin-top:40px;
}

#index #contents5 .bg .wrap .bg_main .btn {
	text-align:center;
}

#index #contents5 .bg .wrap .bg_main .btn img {
}

/* =========================================================
contents6
========================================================= */
#index #contents6 {
	font-size:16px;
	text-align:center;
}

#index #contents6 .bg {
	background-color:#fef3d4;
	padding:50px 0 130px 0;
}

#index #contents6 .bg .wrap {
}

#index #contents6 .bg .wrap h2 {
	margin-bottom:40px;
	text-align:center;
}

#index #contents6 .bg .wrap h2 img {
}

#index #contents6 .bg .wrap .ac {
}

#index #contents6 .bg .wrap ul {
}

#index #contents6 .bg .wrap ul li {
	margin-top:40px;
}

#index #contents6 .bg .wrap ul li img {
}

#index #contents6 .bg .wrap .text1{
	line-height:200%;
	letter-spacing:0.1em;
}

#index #contents6 .bg .wrap .text2{
	margin-top:30px;
}



/*------------------------------
	会社概要用スタイル
-------------------------------*/


.company_info_title{
	font-size:1.4em;
	letter-spacing:0.1em;
	padding:10px 60px;
	background:#930;
	border-radius:5px;
	display:table;
	margin:0 auto 15px auto;
	color:#FFF;

	/* box-shadow */
	box-shadow:3px 2px 0px 0px #ead7c2;
	-moz-box-shadow:3px 2px 0px 0px #ead7c2;
	-webkit-box-shadow:3px 2px 0px 0px #ead7c2;
}

.company_info{
	width:800px;
	margin:0 auto 50px auto;
	border:#bbaf8c solid 1px;
	border-radius:5px;
	padding:15px;
	background:#fff;
}

.company_info .profile_box{
	width:100%;
	background:#fff;
	border:#bbaf8c solid 1px;
}

.company_info .profile_box dl{
	border-bottom:#c7b070 dashed 1px;
	vertical-align:middle;
}

.company_info .profile_box dl.last_table{
	border-bottom:none;
}

.company_info .profile_box dl dt{
	padding:10px;
	font-size:1.1em;
	letter-spacing:0.06em;
	font-weight:normal;
	background:#fffdf7;
	color:#333;
	text-align:left;
	float:left;
	width:134px;
	display:table-cell;
	vertical-align:middle;
}

.company_info .profile_box dl dd{
	padding:10px 20px;
	text-align:left;
	color:#666;
	font-size:0.98em;
	letter-spacing:0.04em;
	border-left:#c7b070 dashed 1px;
	display:table-cell;
	vertical-align: middle;
	float:left;
}



/* ///////////////////////////////////////////////////////////////////

2017.4.24 追加修正

/////////////////////////////////////////////////////////////////// */



/* =========================================================
top
========================================================= */
#top {
	background:url(../img/new_main1.png) center 6px no-repeat #000;
	height:726px;
}

/* =========================================================
head
========================================================= */
#head {
	border-top:#f44e37 solid 7px;
}

#head .wrap {
	height:726px;
}

#head .wrap .inq_area {
	width:930px;
	margin:0 auto;
	padding-top:10px;
}

#head .wrap .inq_area .logo {
	float:left;
}

#head .wrap .inq_area .logo img {
}


#head .wrap .inq_area .right_area {
	float:right;
}

#head .wrap .inq_area .right_area .tel {
	text-align:center;
	padding-bottom:14px;
}


#head .wrap .inq_area .right_area .tel img {
}

#head .wrap .inq_area .right_area .inq_btn {
}

#head .wrap .inq_area .right_area .inq_btn img {
}

#head .wrap .main_copy_area {
	text-align:center;
	margin-top:75px;
}

#head .wrap .main_copy_area p {
}

#head .wrap .main_copy_area p img {
}

#head .wrap .main_step_area {
	margin-top:90px;
	text-align:center;
}

#head .wrap p {
}

#head .wrap p img {
}

.new_main_btn {
	background:#e1eef6;
	padding:20px 0 10px 0;
}

.new_main_btn p {
	text-align:center;
}

.new_main_btn p img {
}