@charset "utf-8";
/* CSS Document */

/* ===================================================================
 内部ページ
=================================================================== */

#main { clear:both; width:100%; text-align:center; margin:0 auto; }
#main:after { content:" "; display:block; clear:both;}

.box { clear:both; max-width:96%; width:1200px; margin:0 auto; }
.box:after { content:" "; display:block; clear:both;}

@media screen and (max-width: 1199px) {
	.box { max-width:96%; }
}

/* title
-------------------------------------------------------------------- */
#mv-page { clear:both; width:100%; margin:0 auto; text-align:center; height:360px; padding:60px 0 0 0; }
#mv-page:after { content:" "; display:block; clear:both;}

.title-info { background:url(../parts/title_info.jpg) no-repeat center 60px; }
.title-company {background:url(../parts/title_company.jpg) no-repeat center 60px; }
.title-offer { background:url(../parts/title_offer.jpg) no-repeat center 60px; }
.title-staff { background:url(../parts/title_staff.jpg) no-repeat center 60px; }
.title-method { background:url(../parts/title_method.jpg) no-repeat center 60px; }
.title-natural { background:url(../parts/title_natural.jpg) no-repeat center 60px; }
.title-barrier { background:url(../parts/title_barrier.jpg) no-repeat center 60px; }
.title-seismic { background:url(../parts/title_seismic.jpg) no-repeat center 60px; }
.title-reform { background:url(../parts/title_reform.jpg) no-repeat center 60px; }
.title-schedule { background:url(../parts/title_schedule.jpg) no-repeat center 60px; }
.title-gallery { background:url(../parts/title_gallery.jpg) no-repeat center 60px; }
.title-customer { background:url(../parts/title_customer.jpg) no-repeat center 60px; }
.title-event { background:url(../parts/title_event.jpg) no-repeat center 60px; }
.title-privacy { background:url(../parts/title_privacy.jpg) no-repeat center 60px; }

#mv-page .page-title { color:#fff; text-align:center; margin:0 auto; padding-top:90px; }
#mv-page h2 { text-align:center; font-size:60px; padding-left:0.1em; margin:0; line-height:0.85; letter-spacing:0.1em; background:url(../parts/ico_3point_g.png) no-repeat center 1.1em;}
#mv-page h2 strong { font-size:13px; color:#fff; font-weight:bold; letter-spacing:0.1em; padding-left:0.1em;}

@media screen and (max-width: 960px) {
	#mv-page { height:260px; background-size:auto 260px; }
	#mv-page img { display:none; }
	#mv-page h2 { text-align:center; font-size:30px; padding-left:0.1em; margin:0; line-height:1.1; letter-spacing:0.1em; background:url(../parts/ico_3point_g.png) no-repeat center 1.2em;}
}


/* 内部共通
-------------------------------------------------------------------- */

.page {}
.topic-path { font-size:12px; margin:3px auto 80px auto; width:100%; max-width:1200px; text-align:left; }

.page h3 { margin:0 auto 1em auto; padding:0 0 0 0.2em; text-align:center; font-size:33px; letter-spacing:0.2em; line-height:1.4; color:#000; font-weight: normal; font-family:"Noto Sans Japanese"; }
.page h3 span { font-size:12px; color:#66A61E; font-weight:bold; letter-spacing:0.05em; }

/* CMS Designer ページナビゲーション------- */
.page .page-link{ width:100%; max-width:1200px; border-top:1px solid #CCC; padding:10px 0 0 0; margin:30px auto 30px auto; font-size: 85%;}
.page .page-link .back{ float:left; margin:0 10px 0 0; padding:0 0 0 10px; }
.page .page-link .next{ float:right; margin:0 0 0 10px; padding:0 10px 0 0; }
.page .page-link .nxt-prv-list { text-align:center;}

@media screen and (max-width:960px){
	.page h3 { font-size:28px; letter-spacing:0.1em;  }
}

/* 新着情報
-------------------------------------------------------------------- */

#page-news { clear:both; width:100%; max-width:1200px; margin:0 auto; border:20px solid #EEE; padding:5%; }
#page-news:after { content:" "; display:block; clear:both;}

#page-news dl { width:100%; padding:0; margin:5px 0 0 0; }
#page-news dt,
#page-news dd { padding: 15px 10px 5px 25px; text-align:left;}
#page-news dt { width: 200px; float: left; color:#202020; background: url(../parts/ico_pen.png) no-repeat left 17px;}
#page-news dd { margin-left: 200px; }
#page-news dd:after { content: ''; display: block; clear: both;}
#page-news .go-next { float:left; width:20%; text-align:right; padding-top:15px;}
#page-news a:bt {}
#page-news dd.pdf a { background:url(../parts/ico_pdf.png) no-repeat right 2px; padding-right:20px; }

@media screen and (max-width:960px){
	#page-news dl { width:90%; float:left; padding:0; margin:5px 0 0 0; }
	#page-news .go-next { clear:both; float:none; width:90%; text-align:center; padding-top:25px;}
}

@media screen and (max-width:640px){
	#page-news dt { width: 100%; float: none; color:#202020;}
	#page-news dd { margin-left: 0; padding-top:0; }
}


/* 家づくり
-------------------------------------------------------------------- */
#page-method .catch { clear:both; width:100%; margin:0 auto 80px auto; padding:0; }
#page-method .catch:after { content:" "; display:block; clear:both;}

#page-method .method { width:100%; text-align:center; margin:0 auto 80px auto; }
#page-method .method:after { content:" "; display:block; clear:both;}
#page-method .method ul { width:100%; text-align:center; margin:0 auto; }
#page-method .method li { width:100%; height:600px; padding:50px 0 0 0; font-weight:16px; text-align:center; color:#111;}
#page-method .method li h4 { font-size:37px; margin:20px auto 0 auto; padding-bottom:16px; font-weight:bold; font-family:"Noto Sans Japanese"; letter-spacing:0.12em; }
#page-method .method li.build01 h4 { background:url(../parts/build_ico01.png) no-repeat center bottom; }
#page-method .method li.build02 h4 { background:url(../parts/build_ico02.png) no-repeat center bottom; }
#page-method .method li.build03 h4 { background:url(../parts/build_ico03.png) no-repeat center bottom; }
#page-method .method li h5 { font-size:20px; margin:10px auto 20px auto; font-weight:bold; color:#66A61E; }
#page-method .method li p { margin:0 auto; text-align:left; }
#page-method .method li .txt { width:54%; text-align:center; margin-left:6%; padding:40px 3% 40px 3%; background-color:rgba(255,255,255,0.35);}

#page-method .method li.build02 .txt { margin-left:40%;}
#page-method .method li.build01 { background:#EEE url(../parts/method_build01.jpg) no-repeat right top;}
#page-method .method li.build02 { text-align:right; background:url(../parts/method_build02.jpg) no-repeat left top;}
#page-method .method li.build03 { background:#EEE url(../parts/method_build03.jpg) no-repeat right top;}

#page-method .method li:after,
#page-method .method li .txt:after { content:" "; display:block; clear:both;}

#page-method .method .go-next { clear:both; padding-top:50px; padding-bottom:15px;}
#page-method .method .go-next a.bt { padding-right:60px; padding-left:50px; }

@media screen and (max-width:1199px){
	#page-method .methodli .txt { width:54%; }
	#page-method .method li.build02 .txt { margin-left:40%;}
}


@media screen and (max-width:960px){
	#page-method .method li h4 { font-size:28px; }
	#page-method .method li.build01,
	#page-method .method li.build02,
	#page-method .method li.build03 { height:auto; background-size: auto 100%; padding:50px 0;}
	#page-method .method li .txt { width:96%; text-align:center; margin:0 auto; padding:40px 3% 0 3%; height: auto; background-color:rgba(255,255,255,0.35);}
	#page-method .method li.build02 .txt { margin-left:auto;}
}

#page-method .reform { width:100%; text-align:center; background:url(../parts/method_reform.jpg) no-repeat right top; padding:0; margin-bottom:60px; }
#page-method .reform .txt { width:40%; text-align:center; padding:100px 5% 0 5%; background:url(../parts/method_reform_txt.png) no-repeat right top;  }
#page-method .reform .txt h3 { margin:0 auto 1em auto; padding:0 0 0 0.2em; text-align:center; line-height:1.6; color:#000; background:url(../parts/ico_3point.png) no-repeat center 1.6em; }
#page-method .reform .txt h3 span { font-size:20px; color:#fff; font-weight:bold; letter-spacing:0.05em; }
#page-method .reform .txt p { text-align:left; color:#fff;  }
#page-method .reform .go-next { padding-top:30px; padding-bottom:15px;}
#page-method .reform .go-next a.bt { padding-right:60px; padding-left:50px; }

#page-method .reform .method-reform-sp { display:none; }

@media screen and (max-width:1360px){
	#page-method .reform .txt { width:60%; }
}


@media screen and (min-width:961px){
	#page-method .reform { height:600px; }
	#page-method .reform .txt { height:600px; }
}

@media screen and (max-width:960px){
	#page-method .reform { width:100%; text-align:center; background:none; margin-bottom:60px; }
	#page-method .reform .txt h3 span { font-size:16px; }
	#page-method .reform .txt { width:100%; background: none; background-color:#66A51E; margin-bottom:0; padding:30px 5% 15px 5%; ; }
	#page-method .reform .method-reform-sp { display: block; }
	#page-method .reform .go-next a.bt { padding-right:40px; padding-left:30px; }
}

/* 家づくり　共通 ----------------------- */

.method-anc { width:100%; text-align:center; margin:0 auto 70px auto ; border-bottom:1px solid #66A51E; }
.method-anc ul { max-width:1200px; width:94%; text-align:center; padding:5px 0 0 0; margin:0 auto ; background: url(../parts/method_anc_bt.gif) repeat-x left top; border-top:1px solid #66A51E; }
.method-anc ul li { float:left; width:20%; border-left:1px solid #66A51E; }
.method-anc ul li:last-child { border-right:1px solid #66A51E; }
.method-anc ul li a { color:#000; display:block; padding:15px 0 10px 22px; text-decoration:none; letter-spacing:0; }
.method-anc ul li a:hover { color: #000; text-decoration: none; opacity:0.75; filter: alpha(opacity=75); }
.method-anc ul li.anc01 a { background:url(../parts/mtd_ico01.png) no-repeat 10px 50%; }
.method-anc ul li.anc02 a { background:url(../parts/mtd_ico02.png) no-repeat 10px 50%; }
.method-anc ul li.anc03 a { background:url(../parts/mtd_ico03.png) no-repeat 10px 50%; }
.method-anc ul li.anc04 a { background:url(../parts/mtd_ico04.png) no-repeat 10px 50%; }
.method-anc ul li.anc05 a { background:url(../parts/mtd_ico05.png) no-repeat 10px 50%; }
.method-anc ul li.anc01 a:hover { background:#E8F2DE url(../parts/mtd_ico01.png) no-repeat 10px 50%; }
.method-anc ul li.anc02 a:hover { background:#E8F2DE url(../parts/mtd_ico02.png) no-repeat 10px 50%; }
.method-anc ul li.anc03 a:hover { background:#E8F2DE url(../parts/mtd_ico03.png) no-repeat 10px 50%; }
.method-anc ul li.anc04 a:hover { background:#E8F2DE url(../parts/mtd_ico04.png) no-repeat 10px 50%; }
.method-anc ul li.anc05 a:hover { background:#E8F2DE url(../parts/mtd_ico05.png) no-repeat 10px 50%; }

.method-anc:after,
.method-anc ul:after,
.method-anc ul li:after { content:" "; display:block; clear:both;}

@media screen and (min-width: 461px) and (max-width: 1199px) {
	.method-anc ul { display: flex; justify-content: space-around; }
	.method-anc ul li a { color:#000; display:block; padding:47px 2px 10px 2px; line-height:1.1; font-size:15px; }
	.method-anc ul li.anc01 a { background:url(../parts/mtd_ico01.png) no-repeat 50% 10px; }
	.method-anc ul li.anc02 a { background:url(../parts/mtd_ico02.png) no-repeat 50% 10px; }
	.method-anc ul li.anc03 a { background:url(../parts/mtd_ico03.png) no-repeat 50% 10px; }
	.method-anc ul li.anc04 a { background:url(../parts/mtd_ico04.png) no-repeat 50% 10px; }
	.method-anc ul li.anc05 a { background:url(../parts/mtd_ico05.png) no-repeat 50% 10px; }
	.method-anc ul li.anc01 a:hover { background:#E8F2DE url(../parts/mtd_ico01.png) no-repeat 50% 10px; }
	.method-anc ul li.anc02 a:hover { background:#E8F2DE url(../parts/mtd_ico02.png) no-repeat 50% 10px; }
	.method-anc ul li.anc03 a:hover { background:#E8F2DE url(../parts/mtd_ico03.png) no-repeat 50% 10px; }
	.method-anc ul li.anc04 a:hover { background:#E8F2DE url(../parts/mtd_ico04.png) no-repeat 50% 10px; }
	.method-anc ul li.anc05 a:hover { background:#E8F2DE url(../parts/mtd_ico05.png) no-repeat 50% 10px; }
}

@media screen and (max-width:460px){
	.method-anc ul li { float:none; width:100%; border-top:1px solid #66A51E; border-right:1px solid #66A51E; }
}

/* 自然素材の家
-------------------------------------------------------------------- */
#page-natural .catch h3 { margin:0 auto 1em auto; padding:0 0 0.8em 0.2em; text-align:center; font-size:33px; letter-spacing:0.2em; color:#000; background:url(../parts/ico_line2.png) no-repeat center bottom; }
#page-natural .catch { margin-bottom:60px;}

#page-natural .natural { width:100%; text-align:center; margin:0 auto; }
#page-natural .natural:after { content:" "; display:block; clear:both;}

#page-natural .natural .wood { width:100%; height:600px; padding:70px 0 50px 0; margin:0 auto 100px auto; font-weight:16px; text-align:center; color:#111; background: #EEE url(../parts/natural_wood.jpg) no-repeat left top;}
#page-natural .natural .wood h4 { font-size:34px; margin:20px auto 1em auto; padding-bottom:0.3em; font-weight:bold; font-family:"Noto Sans Japanese"; letter-spacing:0.12em; background:url(../parts/ico_3point.png) no-repeat center bottom; }
#page-natural .natural .wood p { margin:0 auto; text-align:left; }
#page-natural .natural .wood .txt { width:54%; text-align:center; margin-left:40%; padding:30px 5%; background-color:rgba(255,255,255,0.5);}
#page-natural .natural .wood .txt:after { content:" "; display:block; clear:both;}

@media screen and (max-width:1199px){
	#page-natural .natural .wood .txt { width:54%; }
	#page-natural .natural .wood .txt { margin-left:40%;}
}

@media screen and (max-width:960px){
	#page-natural .natural .wood { height:auto; background-size: auto 100%; padding:50px 0 50px 0;}
	#page-natural .catch h3 { font-size:28px; letter-spacing:0.1em; }
	#page-natural .natural .wood .txt { width:96%; text-align:center; margin:0 auto; padding:40px 3% 0 3%; height: auto; background-color:rgba(255,255,255,0.35);}
	#page-natural .natural .wood h4 { font-size:28px; letter-spacing:0.1em; }
}

#page-natural .natural .wall { clear:both; max-width:1200px; width:96%; margin:0 auto 50px auto; }
#page-natural .natural .wall:after { content:" "; display:block; clear:both;}
#page-natural .natural .wall h4 { font-size:27px; margin:0 auto 1.5em auto; padding:6px; font-family:"Noto Sans Japanese"; letter-spacing:0.2em; background:#222; color:#fff; }
#page-natural .natural .wall p { margin:0 auto; text-align:left; }
#page-natural .natural .wall .txt { float:left; width:50%; padding:0 2.5%;}
#page-natural .natural .wall .photo { width:100%; text-align:center; margin-bottom:10px; }
#page-natural .natural .wall h5 { font-size:20px; margin:10px auto 10px auto; font-weight:bold; color:#333; }

#page-natural .natural .sod { clear:both; width:100%; padding:50px 0 80px 0; font-weight:16px; text-align:center; color:#111; background:#EEE;}
#page-natural .natural .sod:after { content:" "; display:block; clear:both;}
#page-natural .natural .sod h4 { font-size:27px; margin:0 auto 1.5em auto; padding:6px; font-family:"Noto Sans Japanese"; letter-spacing:0.2em; background:#222; color:#fff; }
#page-natural .natural .sod .txt { float:right; width:50%; padding:40px 5%;}
#page-natural .natural .sod .txt:after { content:" "; display:block; clear:both;}
#page-natural .natural .sod .photo { width:50%; float:left; text-align:center; }


@media screen and (max-width:960px){
	#page-natural .natural .sod .txt,
	#page-natural .natural .wall .txt { width:94%; float:none; text-align:center; margin:0 auto; padding:40px 0; }
	#page-natural .natural .sod .photo,
	#page-natural .natural .wall .photo { width:94%; float:none; margin:0 auto; }
}

@media screen and (max-width:640px){
	#page-natural .natural .wall h4,
	#page-natural .natural .sod h4 { font-size:21px; letter-spacing:0.1em; }
}


#page-natural .design { clear:both; background:url(../parts/natural_design.jpg) no-repeat center top; padding:80px 3%; margin-bottom:60px;}
#page-natural .design h3 { margin:0 auto 1em auto; padding:0 0 0.8em 0.2em; text-align:center; font-size:33px; letter-spacing:0.2em; color:#000; background:url(../parts/ico_3point.png) no-repeat center bottom; font-weight:bold; }
#page-natural .design .txt { max-width:960px; width:96%; text-align:center; margin:0 auto; padding:40px 3%; background-color:rgba(255,255,255,0.35);}

#page-natural .order {}
#page-natural .order h3 { margin:0 auto 1em auto; padding:0 0 0.8em 0.2em; text-align:center; font-size:33px; letter-spacing:0.2em; color:#000; background: url(../parts/build_ico01.png) no-repeat center bottom; font-weight:bold; }
#page-natural .order .txt { margin:0 auto 30px auto; }
#page-natural .order .photo ul li { float:left; width:50%;}

@media screen and (max-width:640px){
	#page-natural .design h3,
	#page-natural .order h3 { font-size:25px; letter-spacing:0.1em;}
	#page-natural .order .photo ul li { float:none; width:100%;}
}

/* 高気密・高断熱の家
-------------------------------------------------------------------- */
#page-barrier h3 { margin:0 auto 1em auto; padding:0 0 0.8em 0.2em; text-align:center; color:#000; background:url(../parts/ico_line2.png) no-repeat center bottom; }
#page-barrier .catch { margin-bottom:60px;}
#page-barrier h4 { font-size:27px; margin:1em auto 1.5em auto; padding:10px; text-align:center; font-family:"Noto Sans Japanese"; letter-spacing:0.2em; background:#222; color:#fff; }

#page-barrier .insulation { background:#EEE; padding:40px 0; }
#page-barrier .insulation .txt { max-width:1200px; width:96%; text-align:left; margin:0 auto; }
#page-barrier .insulation .photo { max-width:1200px; text-align:center; margin:0 auto; }
#page-barrier .insulation .photo ul { width:100%; padding:30px 10px 0 10px; margin:0 auto; text-align:center; }
#page-barrier .insulation .photo ul li { margin-bottom:15px; }
#page-barrier .insulation .photo:after,
#page-barrier .insulation .photo ul:after { content:" "; display:block; clear:both;}


#page-barrier .roof { background:#FFF; padding:40px 0; }
#page-barrier .roof .txt { max-width:1200px; width:96%; text-align:left; margin:0 auto; }
#page-barrier .roof .photo { max-width:1200px; text-align:center; margin:0 auto; }
#page-barrier .roof .photo ul { width:100%; padding:30px 10px 0 10px; margin:0 auto; text-align:center; }
#page-barrier .roof .photo ul li { margin-bottom:15px; }
#page-barrier .roof .photo:after,
#page-barrier .roof .photo ul:after { content:" "; display:block; clear:both;}

#page-barrier .heat-area { margin-bottom:60px; padding:60px 0; background:url(../parts/barrier_heat_bg.jpg) no-repeat center top;}
#page-barrier .heat { max-width:1200px; width:96%; text-align:left; margin:0 auto; padding:40px 3%; background-color:rgba(255,255,255,0.6); }
#page-barrier .heat .txt { float:left; width:65%; }
#page-barrier .heat .photo { float:right; width:30%; }
#page-barrier .heat-area:after,
#page-barrier .heat:after { content:" "; display:block; clear:both;}

@media screen and (min-width:961px){
	#page-barrier .insulation .photo ul,
	#page-barrier .roof .photo ul { display: flex; justify-content: space-around; }
}

@media screen and (max-width:960px){
	#page-barrier .heat-area {  background:url(../parts/barrier_heat_bg.jpg) no-repeat center 50%; background-size: auto 100%;}
	#page-barrier .heat .txt { float:none; width:100%; margin:0 auto 15px auto; }
	#page-barrier .heat .photo { float:none; width:100%; text-align:center; margin:0 auto; }
}

/* 高耐震・高耐久の家
-------------------------------------------------------------------- */
#page-seismic .catch h3 { margin:0 auto 1em auto; padding:0 0 0.8em 0.2em; text-align:center; color:#000; background:url(../parts/ico_line2.png) no-repeat center bottom; }
#page-seismic .catch { margin-bottom:60px;}
#page-seismic .catch:after { content:" "; display:block; clear:both;}

#page-seismic .rocket h3 { max-width:1200px; font-size:27px; margin:0 auto 1.5em auto; padding:10px; text-align:center; font-family:"Noto Sans Japanese"; letter-spacing:0.2em; background:#222; color:#fff; font-weight: normal; }
#page-seismic .rocket { width:100%; text-align:center; margin:0 auto 80px auto; }
#page-seismic .rocket:after { content:" "; display:block; clear:both;}

#page-seismic .rocket .point { clear:both; margin:30px auto 50px auto;}
#page-seismic .rocket .point ul { width:94%; max-width:1200px; margin:0 auto;}
#page-seismic .rocket .point li { float:left; width:48%; margin:0 1%; padding:10px 20px; font-size:19px; font-weight:bold; border:3px solid #66A61E; }
#page-seismic .rocket .point li img { float:left; margin-right:20px; }
#page-seismic .rocket .point li h4 { font-size:28px; font-family:"Noto Sans Japanese"; text-align:left; line-height:1.2;}
#page-seismic .rocket .point li p { font-size:16px; text-align:left; }
#page-seismic .rocket .point li p strong { color:#66A61E; }

#page-seismic .rocket .point:after,
#page-seismic .rocket .point ul:after,
#page-seismic .rocket .point li:after { content:" "; display:block; clear:both;}

@media screen and (max-width:960px){
	#page-seismic .rocket h3 { font-size:23px; letter-spacing:0.1em; }
	#page-seismic .rocket .point li h4 { font-size:25px; }
	#page-seismic .rocket .point li { float:none; width:100%; margin:0 auto 10px auto; }
}

#page-seismic .rocket .quake,
#page-seismic .rocket .space { width:100%; height:700px; padding:70px 0 0 0; margin:0 auto; font-weight:16px; text-align:center; color:#111;}
#page-seismic .rocket .quake h4,
#page-seismic .rocket .space h4 { font-size:34px; margin:20px auto 0 auto; padding-bottom:16px; font-weight:bold; font-family:"Noto Sans Japanese"; letter-spacing:0.12em; }
#page-seismic .rocket .quake h4 { background:url(../parts/ico_quake.png) no-repeat center bottom; }
#page-seismic .rocket .space h4 { background:url(../parts/ico_space.png) no-repeat center bottom; }
#page-seismic .rocket h5 { font-size:20px; margin:10px auto 15px auto; font-weight:bold; }
#page-seismic .rocket p { margin:0 auto; text-align:center; }
#page-seismic .rocket .txt { width:54%; text-align:center; margin-left:6%; padding:30px 3%; background-color:rgba(255,255,255,0.5);}
#page-seismic .rocket .txt:after { content:" "; display:block; clear:both;}
#page-seismic .rocket .space .txt { margin-left:40%;}
#page-seismic .rocket .quake { background:#EEE url(../parts/seismic_quake.jpg) no-repeat right top; }
#page-seismic .rocket .space { text-align:right; background:url(../parts/seismic_space.jpg) no-repeat left top;}

#page-seismic .rocket ul.photo { max-width:600px; width:100%; padding:20px 0 0 0; margin:0 auto; }
#page-seismic .rocket ul.photo li { float:left; width:50%; text-align:center; font-size:14px; }

@media screen and (max-width:1199px){
	#page-seismic .rocket .quake .txt
	#page-seismic .rocket .space .txt, { width:54%; }
	#page-seismic .rocket .space .txt { margin-left:40%;}
}

@media screen and (max-width:640px){
	#page-seismic .rocket .quake h4,
	#page-seismic .rocket .space h4 { font-size:28px; }
	#page-seismic .rocket h5 { font-size:18px; }
	#page-seismic .rocket .quake .txt,
	#page-seismic .rocket .space .txt { width:96%; text-align:center; margin:0 auto; padding:40px 3% 0 3%; height: auto; background-color:rgba(255,255,255,0.35);}
	#page-seismic .rocket .space .txt { margin-left:auto;}
}

#page-seismic .base,
#page-seismic .durability { width:100%; padding:50px 0; font-weight:16px; text-align:center; color:#111;}
#page-seismic .base:after,
#page-seismic .durability:after { content:" "; display:block; clear:both;}

#page-seismic .base h4,
#page-seismic .durability h4 { font-size:27px; margin:0 auto 1.5em auto; padding:10px; text-align:center; font-family:"Noto Sans Japanese"; letter-spacing:0.2em; background:#222; color:#fff; }

#page-seismic .base { background:#EEE;}
#page-seismic .base .txt { float:right; width:50%; padding:40px 5%;}

#page-seismic .durability .txt { float:left; width:50%; padding:40px 5%;  }

#page-seismic .base .txt:after,
#page-seismic .durability .txt:after { content:" "; display:block; clear:both;}

@media screen and (max-width:1199px){
	#page-seismic .base .txt { float:right; width:60%; padding:0 1%;}
	#page-seismic .base .photo { width:40%; float:left; text-align:center; }
	#page-seismic .durability .txt { float:left; width:60%; padding:0 1%; }
	#page-seismic .durability .photo { width:40%; float:right; text-align:center; }
}

@media screen and (max-width:960px){
	#page-seismic .base .txt,
	#page-seismic .durability .txt { width:94%; float:none; text-align:center; margin:0 auto; padding:40px 0; }
	#page-seismic .base .photo,
	#page-seismic .durability .photo { width:94%; float:none; margin:0 auto; }
}

@media screen and (max-width:640px){
	#page-seismic .base h4,
	#page-seismic .durability h4 { font-size:23px; letter-spacing:0.1em; }
}

/* リフォーム
-------------------------------------------------------------------- */
#page-reform .catch { width:100%; text-align:center; margin:0 auto 60px auto; }
#page-reform .catch  h3 { margin:0 auto 1.5em auto; padding:0 0 0.8em 0.2em; text-align:center; color:#000; background:url(../parts/ico_line2.png) no-repeat center bottom; }

#page-reform .timing { width:100%; text-align:center; margin:0 auto; padding:30px 0; background:#EEE; }
#page-reform .timing:after { content:" "; display:block; clear:both;}
#page-reform .timing h3 { margin:0 auto 1em auto; padding: 2em 0 0 0.2em; text-align:center; font-size:30px; letter-spacing:0.2em; color:#000; background:url(../parts/ico_bulb.png) no-repeat center top; font-weight:bold; }
#page-reform .timing ul { max-width:1200px; width:94%; margin:0 auto 30px auto;}
#page-reform .timing ul:after { content:" "; display:block; clear:both;}
#page-reform .timing li { float:left; width:30%; margin:0 1.65%; padding:20px 15px; font-size:19px; font-weight:bold; border:3px solid #66A61E; background:url(../parts/reform_timing.gif) repeat-y left top;}
#page-reform .timing p { font-size:22px; }
#page-reform .timing p strong { color: #66A61E; }

@media screen and (max-width:640px){
	#page-reform .timing h3 { font-size:25px; letter-spacing:0.1em;}
	#page-reform .timing li { float:none; width:100%; margin-bottom:5px; }
}


#page-reform .merit { width:100%; text-align:center; margin:0 auto 100px auto; padding:80px 0; background:url(../parts/reform_merit_bg.jpg) no-repeat center top; }
#page-reform .merit:after { content:" "; display:block; clear:both;}
#page-reform .merit h3 { margin:0 auto 1.5em auto; padding:0 0 0.5em 0.2em; text-align:center; font-size:30px; letter-spacing:0.2em; color:#000; background: url(../parts/ico_3point.png) no-repeat center bottom; font-weight:bold; }
#page-reform .merit ul { max-width:1200px; width:94%; text-align:center; margin:0 auto; }
#page-reform .merit li { width:100%; padding:20px 1%; margin:0 0 25px 0; font-weight:16px; text-align:left; background:#fff; border-left:5px #66A61E solid;}
#page-reform .merit li:after { content:" "; display:block; clear:both;}
#page-reform .merit li h4 { font-size:25px; margin:0 auto 0.3em auto; font-family:"Noto Sans Japanese"; letter-spacing:0.15em; color:#000; }
#page-reform .merit li p { margin:0 auto; text-align:left; }
#page-reform .merit li .photo { float:left; width:27%;}
#page-reform .merit li .txt { float:left; width:73%;}

@media screen and (max-width:640px){
	#page-reform .merit {  background-size: auto 100%; }
	#page-reform .merit h3 { font-size:25px; letter-spacing:0.1em; }
	#page-reform .merit li h4 { font-size:21px; line-height:1.35; }
	#page-reform .merit li {padding:20px 10px 20px 15px; }
	#page-reform .merit li .photo { text-align:center;}
	#page-reform .merit li .photo,
	#page-reform .merit li .txt { float:none; width:100%; }
}

#page-reform .pro { width:100%; text-align:center; margin:0 auto; }
#page-reform .pro:after { content:" "; display:block; clear:both;}
#page-reform .pro h3 { margin:0 auto 1em auto; padding:0 0 0.8em 0.2em; text-align:center; color:#000; background:url(../parts/ico_3point_g.png) no-repeat center bottom; font-weight:bold; }
#page-reform .pro ul { width:100%; text-align:center; margin:0 auto; }
#page-reform .pro li { width:100%; padding:50px 0; font-weight:16px; text-align:center; color:#111;}
#page-reform .pro li:after { content:" "; display:block; clear:both;}
#page-reform .pro li h4 { font-size:27px; margin:1em auto 1.2em auto; padding:6px; font-family:"Noto Sans Japanese"; letter-spacing:0.2em; background:#222; color:#fff; }
#page-reform .pro li h5 { font-size:20px; margin:10px auto 20px auto; font-weight:bold; color:#66A61E; }
#page-reform .pro li p { margin:0 auto; text-align:left; }
#page-reform .pro li.proR .txt { float:right; width:50%; padding:40px 5%;}
#page-reform .pro li.proL .txt { float:left; width:50%; padding:40px 5%; }
#page-reform .pro li .txt:after { content:" "; display:block; clear:both;}
#page-reform .pro li.proR .photo { width:50%; padding:0 3%; float:left; text-align:center; }
#page-reform .pro li.proL .photo { width:50%; padding:0 3%; float:right; text-align:center; }
#page-reform .pro li.proR { background:#EEE ;}
#page-reform .pro li.proL { background:#fff;}

@media screen and (max-width:1199px){
	#page-reform .pro li.proR .txt,
	#page-reform .pro li.proL .txt { padding:10px 3%; }
}

@media screen and (max-width:960px){
	#page-reform .pro ul { }
	#page-reform .pro li { padding:0 20px 50px 20px; }
	#page-reform .pro li.proR .txt,
	#page-reform .pro li.proL .txt,
	#page-reform .pro li.wall .txt { width:94%; float:none; text-align:center; margin:0 auto; padding:30px 0; }
	#page-reform .pro li.proR .photo,
	#page-reform .pro li.proL .photo,
	#page-reform .pro li.wall .photo { width:94%; float:none; margin:0 auto; }
	#page-reform .pro li h4 { font-size:21px; }
}

#page-reform .reform-message { max-width:1200px; width:100%; margin:20px auto; font-size:27px; font-family:"Noto Sans Japanese"; color:#66A61E;}

@media screen and (max-width:960px){
	#page-reform .reform-message { font-size:21px; }
	#page-reform .reform-message br { display:none; }
}
	

/* 家づくりスケジュール
-------------------------------------------------------------------- */
#page-schedule h3 { margin:0 auto 1em auto; padding:0 0 0.8em 0.2em; text-align:center; color:#000; background:url(../parts/ico_line2.png) no-repeat center bottom; }
#page-schedule .catch { margin-bottom:60px;}
#page-schedule .catch:after { content:" "; display:block; clear:both;}

#page-schedule .step { width:100%; text-align:center; margin:0 auto 60px auto; }
#page-schedule .step:after { content:" "; display:block; clear:both;}
#page-schedule .step ul { max-width:1200px; width:94%; text-align:center; margin:0 auto; }
#page-schedule .step li { width:100%; margin-bottom:30px; padding:20px 0 10px 0; font-weight:16px; text-align:center; color:#111; background:url(../parts/schedule_flow.gif) repeat-y left top; border:#66A61E 3px solid; }
#page-schedule .step li:after { content:" "; display:block; clear:both;}
#page-schedule .step li .photo { width:23%; float:left; text-align:center; }
#page-schedule .step li .txt { float:right; width:75%; padding:0 2% 0 1%; text-align:left;}
#page-schedule .step li .txt h4 { font-size:27px; font-family:"Noto Sans Japanese"; margin-bottom:0.5em; }
#page-schedule .step li .txt h4 span{ font-size:16px;}

@media screen and (max-width:960px){
	#page-schedule .step li .photo { width:100%; float:none; text-align:center; margin-bottom:20px; }
	#page-schedule .step li .txt { float:none; width:100%; padding:0 20px 0 25px; text-align:left;}
	#page-schedule .step li .txt h4 { font-size:23px; }
}

/* 施工事例　一覧
-------------------------------------------------------------------- */
#page-gallery-list .catch h3 { background:none; font-size:30px;}
#page-gallery-list .catch p { font-size:18px;}
#page-gallery-list .catch { clear:both; width:100%; margin:0 auto 80px auto; padding:0; }
#page-gallery-list .catch:after { content:" "; display:block; clear:both;}

#page-gallery-list { clear:both; width:100%; margin:0 auto 80px auto; }
#page-gallery-list:after { content:" "; display:block; clear:both;}
#page-gallery-list h3 { margin:0 auto 1em auto; padding:0 0 0 0.2em; text-align:center; font-size:33px; letter-spacing:0.2em; line-height:1.4; color:#000; background:url(../parts/ico_3point.png) no-repeat center 1.45em; }
#page-gallery-list h3 span { font-size:12px; color:#66A61E; font-weight:bold; letter-spacing:0.05em; }
#page-gallery-list ul { width:96%; max-width:1200px; margin:0 auto; }
#page-gallery-list ul:after { content:" "; display:block; clear:both;}
#page-gallery-list li { position: relative; }
#page-gallery-list li:after { content:" "; display:block; clear:both;}
#page-gallery-list li .txt { width:80%; color:#fff; text-align:center; margin:0 auto; padding:0; position:absolute; 
top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%);
 }
 
#page-gallery-list li a { background:#000; display: block; }
#page-gallery-list li a .txt { display:none;}
#page-gallery-list li a:hover .txt { display: block;}
#page-gallery-list li a:hover img{ opacity:0.45; filter: alpha(opacity=45); -webkit-transition: all .3s; transition: all .3s; }

#page-gallery-list li .txt h4 { margin:0 auto ; padding:0 0 0.6em 0; text-align:center; font-size:17px; letter-spacing:0.12em; line-height:1; color:#fff; }
#page-gallery-list li .txt p { font-size:15px; text-align:center; background:url(../parts/ico_3point_w.png) no-repeat center top; padding-top:1em; }

@media only screen and (min-width: 641px) {
	#page-gallery-list ul { width:100%; max-width:1200px; margin:0 auto; 
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex;
    -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content: space-between; }
	#page-gallery-list li { width:31.666666666666664%; margin:0.8333333333333334%; margin-bottom:17px; background:#EEE; padding:17px 1.6666666666666667%; -webkit-flex-direction: row; flex-direction: row;}
	#page-gallery-list img { height:255px; width:340px; object-fit: cover;}
}


@media screen and (max-width:640px){
	#page-gallery-list .catch h3 { background:none; font-size:23px;}
	#page-gallery-list li { float:none; width:96%; margin-left:auto; margin-right:auto; padding:8.32%; }
}


/* 施工事例　詳細
-------------------------------------------------------------------- */

#page-gallery .catch h3 { width:94%; max-width:960px; margin:0 auto 1em auto; padding:15px 0 11px 0.2em; text-align:center; font-size:30px; letter-spacing:0.2em; color:#000; border-bottom:1px solid #555; border-top:1px solid #555; background:none; font-weight:bold; }
#page-gallery .catch p { font-size:21px; margin-bottom:50px; }

#page-gallery .gallery-box { clear:both; width:100%; margin:0 auto 50px auto; padding:60px 0 30px 0; background:#EEE; text-align:center; }
#page-gallery .gallery-box:after { content:" "; display:block; clear:both;}

#page-gallery .gallery-box .jirei_main{ clear:both; width:94%; max-width:960px; max-height:664px; margin:0 auto; text-align:center;}
#page-gallery .gallery-box .jirei_main img { max-height:640px;}
#page-gallery .gallery-box .jirei_photo{ clear:both; width:94%; max-width:960px; margin:0 auto; padding:20px 0;}
#page-gallery .gallery-box .jirei_photo li{ float:left; width:18%; margin:0 1%; overflow:hidden;}
#page-gallery .gallery-box .jirei_photo li img { max-height:172px;}
#page-gallery .gallery-box .jirei_main:after,
#page-gallery .gallery-box .jirei_photo:after { content:" "; display:block; clear:both;}

#page-gallery .sentence { clear:both; width:100%; max-width:960px; margin: 0 auto; text-align:right; font-size:13px; letter-spacing:0.02em; color:#333;}
#page-gallery .jirei_box { clear:both; width:94%; max-width:960px; margin:10px auto 40px auto; padding:30px 40px; border:5px solid #EEE;}
#page-gallery .jirei_box p { text-align:left; }


@media screen and (max-width:640px){
	#page-gallery .catch h3 { font-size:20px; letter-spacing:0.1em; }
	#page-gallery .catch p { font-size:18px; }
	#page-gallery .jirei_box { padding:30px 20px; }
}

/* お客様の声　一覧
-------------------------------------------------------------------- */
#page-customer-list .catch h3 { background:none; font-size:30px;}
#page-customer-list .catch p { font-size:18px;}
#page-customer-list .catch { clear:both; width:100%; margin:0 auto 80px auto; padding:0; }
#page-customer-list .catch:after { content:" "; display:block; clear:both;}

#page-customer-list .customer { width:100%; max-width:1200px; margin:0 auto; }
#page-customer-list .customer dl { width:47%;/* 564px */ margin:0 1.5% 30px 1.5%; background:#EEE; padding:35px 30px;}
#page-customer-list .customer dl:after { content:" "; display:block; clear:both;}
#page-customer-list .customer dt { float:left; width:48%; padding-top:8px; }
#page-customer-list .customer dd { float:right; width:48%; text-align:left; }
#page-customer-list .customer dd h4 { font-size:20px; border-bottom:1px solid #000; margin-bottom:1em; }
#page-customer-list .customer dd p { line-height:1.35em; }
#page-customer-list .customer .go-next { margin-top:30px; text-align:right; }
#page-customer-list .customer .go-next a.bt { padding:8px 30px 6px 20px; background:#000 url(../parts/ico_arrow_w.png) no-repeat right 10px top 50%; color:#FFF; font-size:14px; letter-spacing:0.12em; text-decoration:none;}



@media only screen and (min-width: 564px) {
	#page-customer-list .customer { width:100%; max-width:1200px; margin:0 auto; 
	display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex;
    -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; justify-content: space-between; }
	#page-customer-list .customer dl { width:47%;/* 564px */ margin:0 1.5% 30px 1.5%; background:#EEE; padding:35px 30px; -webkit-flex-direction: row; flex-direction: row;}
	#page-customer-list .customer::after{ content:""; display: block; width:47%;/* 564px */ margin:0 1.5% 30px 1.5%;  padding:35px 30px;  }
}

@media screen and (max-width: 960px) {
	#page-customer-list .customer dt { float:none; width:100%; padding:0 0 5px 0; }
	#page-customer-list .customer dd { float:none; width:100%; text-align:left; }
}

@media screen and (max-width:563px){
	#page-customer-list .customer dl {  width:96%; margin:0 auto 30px auto; float:none; }
}

/* お客様の声　詳細
-------------------------------------------------------------------- */
#page-customer .customer { width:100%; max-width:1200px; margin:0 auto; border:20px solid #EEE; padding:5%; }

#page-customer .catch { margin:0 auto 50px auto; padding:0; }
#page-customer .catch:after { content:" "; display:block; clear:both;}
#page-customer .catch h3 { float:left; width:50%; margin:2em auto 1.5em auto; padding:12px 0 10px 0.2em; text-align:center; font-size:33px; letter-spacing:0.2em; color:#000; border-bottom:1px solid #555; border-top:1px solid #555; background:none; font-weight:bold; }
#page-customer .catch .photo { float:right; width:43.103448275862064%;/* 500px */ }

#page-customer .txt { text-align:left; padding: 0 1em 0 1em; padding-top: 0; padding-bottom: 0; font-size: 16px; line-height: 2.5;
 background: repeating-linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,0) 39px, #ccc 39px, #ccc 40px);}
#page-customer .txt p {  margin-top: 0; margin-bottom: 40px;}

@media screen and (max-width:640px){
	#page-customer .catch h3 { width:100%; float:none; font-size:20px; letter-spacing:0.1em; }
	#page-customer .catch .photo { float:nonet; max-width:500px; width:100%; margin:0 auto; }

}


/* イベント・見学会　一覧
-------------------------------------------------------------------- */
#page-event-list .catch h3 { background:none; font-size:30px;}
#page-event-list .catch p { font-size:18px;}
#page-event-list .catch { clear:both; width:100%; margin:0 auto 80px auto; padding:0; }
#page-event-list .catch:after { content:" "; display:block; clear:both;}

#page-event-list { width:100%; max-width:1200px; margin:0 auto; }
#page-event-list .event { width:94%; max-width:1200px; margin:0 auto 50px auto; background:#EEE; padding:40px 5% 30px 5%;}
#page-event-list .event:after { content:" "; display:block; clear:both;}

#page-event-list .event .photo { float:left; width:33.33333333333333%;}
#page-event-list .event .txt { float:right; width:61.5%; text-align:left;}
#page-event-list .event h4 {margin:0 auto 1.5em auto; padding:12px 0 10px 0.2em; text-align:center; font-size:23px; letter-spacing:0.2em; color:#444; border-bottom:1px solid #7D776E; border-top:1px solid #7D776E; background:none; font-weight:bold; }
#page-event-list .event ul { margin:0 auto 1em auto; padding-bottom:1em; border-bottom:1px dotted #A4A099;}
#page-event-list .event li.day { padding:0 0 0 22px; margin-bottom:5px; font-size:18px; font-weight:bold; color:#CB142C; background:url(../parts/ico_calendar.png) no-repeat 1px 6px; }
#page-event-list .event li.time { padding:0 0 0 22px; background:url(../parts/ico_clock.png) no-repeat left 4px; }
#page-event-list .event li.add { padding:0 0 0 22px; background:url(../parts/ico_map.png) no-repeat 1px 3px; }
#page-event-list .event .comment p { float:left; width:75%; line-height:1.35em; }
#page-event-list .event .go-next { float:right; width:25%; margin-top:10px; text-align:right; }
#page-event-list .event .go-next a.bt { padding:8px 26px 6px 16px; background:#000 url(../parts/ico_arrow_w.png) no-repeat right 10px top 50%; color:#FFF; font-size:14px; letter-spacing:0.12em; text-decoration:none;}

@media screen and (max-width:960px){
	#page-event-list .event h4 { font-size:20px; letter-spacing:0.1em; line-height:1.35; }
	#page-event-list .event .comment p { float:none; width:100%; }
	#page-event-list .event .go-next { float:none; width:100%; text-align:center; }
	#page-event-list .event .photo { float:none; width:100%; max-width:345px; margin:0 auto 15px auto;}
	#page-event-list .event .txt { float:none; width:100%; }
}


/* イベント・見学会　詳細
-------------------------------------------------------------------- */

#page-event .catch h3 { width:94%; max-width:1200px; margin:0 auto 1.5em auto; padding:15px 0 11px 0.2em; text-align:center; font-size:30px; letter-spacing:0.2em; color:#000; border-bottom:1px solid #555; border-top:1px solid #555; background:none; font-weight:bold; }

#page-event .event .box { margin-bottom:30px; max-width:94%;}
#page-event .event .photo { float:left; width:50%;}
#page-event .event .txt { float:right; width:48%; text-align:left;}
#page-event .event ul { margin:1em auto 1em auto; padding-bottom:1em;}
#page-event .event li.day { padding:0 0 0 22px; margin-bottom:5px; font-size:23px; font-weight:bold; color:#CB142C; background:url(../parts/ico_calendar.png) no-repeat 1px 10px; }
#page-event .event li.time { padding:0 0 0 22px; font-size:18px; background:url(../parts/ico_clock.png) no-repeat left 6px; }
#page-event .event li.add { padding:0 0 0 22px; font-size:18px; background:url(../parts/ico_map.png) no-repeat 1px 5px; }
#page-event .event li.map { padding:0 0 0 22px;  }

#page-event .event .go-next { float:right; width:20%; margin-top:10px; text-align:right; }
#page-event .event .go-next a.bt { padding:8px 26px 6px 16px; background:#000 url(../parts/ico_arrow_w.png) no-repeat right 10px top 50%; color:#FFF; font-size:14px; letter-spacing:0.12em; text-decoration:none;}

#page-event .event .comment { clear:both; margin-top:50px; padding:30px 40px; border:5px solid #EEE;}
#page-event .event .comment p {line-height:1.35em; text-align:left; }
#page-event .event h4 { margin:0 auto 1em auto; padding:12px 0 10px 0.2em; text-align:center; font-size:22px; letter-spacing:0.2em; background:none; font-weight:bold; }

#page-event .event .photolist {}
#page-event .event .photolist ul li { float:left; margin-bottom:10px; }
#page-event .event .photolist ul li img { max-width:96%; }


@media screen and (max-width:960px){
	#page-event .catch h3 { font-size:20px; letter-spacing:0.1em;}
	#page-event .event .photo { float:none; width:100%; text-align:center;}
	#page-event .event .txt { float:none; width:100%; text-align:left;}
	#page-event .event .photolist ul li { float:none; margin:0 auto 10px auto; text-align:center; }
	#page-event .event .comment { padding:30px 20px; }
	#page-event .event h4 { font-size:18px; letter-spacing:0.1em; }
}



/* 会社概要
-------------------------------------------------------------------- */
#page-company {}
#page-company .catch { clear:both; width:94%; margin:0 auto 80px auto; padding:0; }
#page-company .catch:after { content:" "; display:block; clear:both;}
#page-company .catch h3 { background:none; }
#page-company .catch p { font-size:18px;}

@media screen and (max-width: 640px) {
	#page-company .catch p { font-size:16px; text-align:left; }
	#page-company .catch p br { display:none; }
}

.company-prof { clear:both; width:100%; margin:0 auto 80px auto; padding:80px 0 80px 0; background:#EEE; }
.company-prof:after { content:" "; display:block; clear:both;}
.company-prof h3 { margin:0 auto 1em auto; padding:0 0 0 0.2em; text-align:center; line-height:1.4; color:#000; background:url(../parts/ico_3point.png) no-repeat center 1.5em; }
.company-prof dl,
.company-prof dt,
.company-prof dd { box-sizing: border-box;}
.company-prof dl { float:left; width:60%; border-bottom: 1px solid #ccc; }
.company-prof dt,
.company-prof dd { border-top: 1px solid #ccc; text-align:left;}
.company-prof dt { width: 8em; float: left; padding: 10px 0 0 10px;}
.company-prof dd { margin-left: 8em; padding: 10px 10px 10px 0; }
.company-prof dd:after { content: ''; display: block; clear: both;}
.company-prof .map { float:right; width:36%; border:6px solid #fff;}
.company-prof .map iframe { width:100%;}
.company-prof .box { margin-bottom:30px;}

@media screen and (max-width: 640px) {
	.company-prof dl { float:none; width:100%; margin:0 auto 30px auto; letter-spacing:0; }
	.company-prof dt { width: 6.5em; }
	.company-prof dd { margin-left: 6.5em; }
	.company-prof .map { float:none; width:100%; }
	.company-prof .map iframe { width:100%; height:320px; }
}

.company-history { clear:both; width:100%; margin:0 auto 80px auto; }
.company-history:after { content:" "; display:block; clear:both;}
.company-history h3 { margin:0 auto 1em auto; padding:0 0 0 0.2em; text-align:center; line-height:1.4; color:#000; background:url(../parts/ico_3point.png) no-repeat center 1.5em; }
.company-history dl,
.company-history dt,
.company-history dd { box-sizing: border-box;}
.company-history dl { width:100%; max-width:600px; margin:0 auto; border-bottom: 1px solid #ccc;}
.company-history dt,
.company-history dd { border-top: 1px solid #ccc; text-align:left;}
.company-history dt { width: 10em; float: left; padding: 8px 0 0 10px;}
.company-history dd { margin-left: 10em; padding: 8px 10px 8px 0;}
.company-history dd:after { content: ''; display: block; clear: both;}

@media screen and (max-width: 640px) {
	.company-history dl { letter-spacing:0;}
	.company-history dt { width: 7.7em; float: left;}
	.company-history dd { margin-left: 7.7em; padding-bottom: 8px;}
}

.company-heart { clear:both; width:100%; margin:0 auto 80px auto; padding:80px 0 80px 0; background:#66A51E; }
.company-heart:after { content:" "; display:block; clear:both;}
.company-heart h3 { background:none; color:#fff; }
.company-heart p { color:#fff; margin-bottom:1em; font-size:17px; }
.company-heart { width:100%; text-align:center; background:url(../parts/company_heart.jpg) no-repeat right top; padding:0; margin-bottom:60px; }
.company-heart .txt { width:60%; text-align:center; padding:60px 2% 20px 2%; background:url(../parts/company_heart_txt.png) no-repeat right top;  }
.company-heart .txt h3 { margin:0 auto 1em auto; padding:0 0 0 0.2em; text-align:center; line-height:1.4; color:#000; background:url(../parts/ico_3point.png) no-repeat center 1.45em; }
.company-heart .txt h3 span { font-size:12px; color:#fff; font-weight:bold; letter-spacing:0.05em; }
.company-heart .txt p { text-align: center; color:#fff; }
.company-heart .company-heart-sp { display:none; }
@media screen and (min-width:961px){
	.company-heart { height:660px; }
	.company-heart .txt { height:660px; }
}
@media screen and (max-width:960px){
	.company-heart { width:100%; text-align:center; background:none; margin-bottom:60px; }
	.company-heart .txt { width:100%; background: none; background-color:#66A51E; margin-bottom:0; padding:30px 5% 15px 5%; }
	.company-heart .company-heart-sp { display: block; }
}
@media screen and (max-width:640px){
	.company-heart .txt p { text-align:left; }
}


/* スタッフ紹介
-------------------------------------------------------------------- */

#page-staff {}
#page-staff .staff { clear:both; width:96%; max-width:1200px; margin:0 auto 25px auto; padding:0; }
#page-staff .staff:after { content:" "; display:block; clear:both;}
#page-staff .staff .txt h4 { font-size:23px; margin-bottom:1em; padding:10px; border-bottom:1px solid #888; }
#page-staff .staff .txt h4 span { font-size:17px;  margin-right:1em; color:#66A61E; font-weight:bold; }


@media screen and (min-width:961px){
	#page-staff .staff .photo { width:28%;}
	#page-staff .staff .txt { width:69%; text-align:left;}
	
	#page-staff .staffL { }
	#page-staff .staffL .photo { float:right; margin-right:1%;}
	#page-staff .staffL .txt { float:left; }
	#page-staff .staffL .txt {
		 position: relative; display: inline-block; margin: 0 15px 1.5em 0; padding: 15px 30px 20px 30px; min-width: 120px; max-width: 100%;
		 font-size: 16px; background: #FFF; border: solid 3px #555; border-radius: 12px; box-sizing: border-box; }
	#page-staff .staffL .txt:before{
		content: ""; position: absolute; top: 50%; right: -24px; margin-top: -12px;
		border: 12px solid transparent; border-left: 12px solid #FFF; z-index: 2; }
	#page-staff .staffL .txt:after{
		content: ""; position: absolute; top: 50%; right: -30px; margin-top: -14px;
		border: 14px solid transparent; border-left: 14px solid #555; z-index: 1;}
		
	#page-staff .staffR {  }
	#page-staff .staffR .photo { float:left; margin-left:1%;}
	#page-staff .staffR .txt { float:right;}
	#page-staff .staffR .txt {
		position: relative; display: inline-block; margin: 0 0 1.5em 15px; padding: 15px 30px 20px 30px; min-width: 120px; max-width: 100%;
		font-size: 16px; background: #FFF; border: solid 3px #555; box-sizing: border-box; border-radius: 12px; }
	#page-staff .staffR .txt:before{
		content: ""; position: absolute; top: 50%; left: -24px; margin-top: -12px;
		border: 12px solid transparent; border-right: 12px solid #FFF; z-index: 2;}
	#page-staff .staffR .txt:after{
		content: ""; position: absolute; top: 50%; left: -30px; margin-top: -14px;
		border: 14px solid transparent; border-right: 14px solid #555; z-index: 1;}
}

@media screen and (max-width:960px){
	#page-staff .staffR {  }
	#page-staff .staffR .photo,
	#page-staff .staffL .photo { float:none; margin:0 auto;}
	#page-staff .staffR .txt,
	#page-staff .staffL .txt { float:none; text-align:left; padding: 15px 30px 20px 30px;
		position: relative; display: inline-block; margin: 1.5em 0; min-width: 120px; max-width: 100%;
		font-size: 16px; background: #FFF; border: solid 3px #555; box-sizing: border-box; border-radius: 12px; }
	#page-staff .staffR .txt:before,
	#page-staff .staffL .txt:before{
		 content: ""; position: absolute; top: -24px; left: 50%; margin-left: -15px;
		 border: 12px solid transparent; border-bottom: 12px solid #FFF; z-index: 2; }
	#page-staff .staffR .txt:after,
	#page-staff .staffL .txt:after{
		content: ""; position: absolute; top: -30px; left: 50%; margin-left: -17px;
		border: 14px solid transparent; border-bottom: 14px solid #555; z-index: 1;}
}


#page-staff .message { clear:both; width:100%; text-align:center; background:url(../parts/staff_message_bg.jpg) no-repeat right top; padding:0; margin-bottom:60px; }
#page-staff .message .txt { width:50%; text-align:center; padding:80px 5% 0 5%; background:url(../parts/staff_message_txt.png) no-repeat right top;  }
#page-staff .message .txt p { color:#fff;  }
#page-staff .message span { font-size:26px; font-family:"Noto Sans Japanese"; }
#page-staff .sp-br { display: none; }

@media screen and (max-width:1199px){
	#page-staff .message .txt { width:60%; text-align:center; padding:80px 3% 0 3%; }
}

@media screen and (min-width:961px){
	#page-staff .message { height:800px; }
	#page-staff .message .txt { height:800px; }
	#page-staff .message .message-sp { display: none; }
}

@media screen and (max-width:960px){
	#page-staff .message { width:100%; text-align:center; background:none; margin-bottom:60px; }
	#page-staff .message .txt h3 { font-size:25px; letter-spacing:0.1em; }
	#page-staff .message .txt { width:100%; background: none; background-color:#66A51E; margin-bottom:0; padding:30px 5% 15px 5%; ; }
	#page-staff .message .message-sp { display: block; }
}
@media screen and (max-width:460px){
	#page-staff .sp-br { display: block; }
}


/* 求人情報
-------------------------------------------------------------------- */

#page-offer .catch { width:96%; max-width:960px; text-align:left; margin:0 auto 60px auto;}
#page-offer .recruit { width:96%; max-width:960px; text-align:left; margin:0 auto 60px auto;}
#page-offer .recruit h4 { margin:0 auto 1em auto; padding:0 0 0.8em 0.2em; text-align:center; font-size:33px; letter-spacing:0.2em; color:#000; background:url(../parts/ico_line2.png) no-repeat center bottom; font-weight:bold; }
#page-offer .recruit table { width:100%; text-align:left; margin:0 auto 60px auto;}
#page-offer .recruit table,
#page-offer .recruit th,
#page-offer .recruit td {  border-collapse:collapse;}
#page-offer .recruit th,
#page-offer .recruit td { border: 1px solid #ccc; text-align:left; padding:10px 15px;}
#page-offer .recruit th { width: 8em; background:#EEE; }
#page-offer .recruit td { }
#page-offer .recruit td:after { content: ''; display: block; clear: both;}

@media screen and (max-width: 640px) {
	#page-offer .recruit dl { float:none; width:100%; margin:0 auto 30px auto; letter-spacing:0; }
	#page-offer .recruit th,
	#page-offer .recruit td { border: 1px solid #ccc; text-align:left; padding:10px 5px;}
	#page-offer .recruit th { width: 6em; background:#EEE; }
	#page-offer .recruit td { padding-left:10px; }
	#page-offer .recruit .map { float:none; width:100%; }
	#page-offer .recruit .map iframe { width:100%; height:320px; }
}

#page-offer .contact { width:96%; max-width:960px; padding:20px 3%; margin:0 auto 30px auto; border:1px solid #66A61E; text-align:left;  }
#page-offer .contact:after { content: ''; display: block; clear: both;}
#page-offer .contact h4 { font-size:19px; color:#66A61E; margin-bottom:0.5em;}
#page-offer .contact .offer-txt { float:left; font-size:17px; margin-left:0.5em;}
#page-offer .contact .offer-mail { float:right; }

@media screen and (max-width: 760px) {
	#page-offer .contact .offer-txt { float:none; margin:0 auto 10px auto;}
	#page-offer .contact .offer-mail { float:none; text-align:center; width:100%;}
}

/* プライバシー
-------------------------------------------------------------------- */
#page-privacy .catch { width:96%; max-width:1200px; text-align:left; margin:0 auto 60px auto;}
#page-privacy .catch h3 { margin:0 auto 1em auto; padding:0 0 0.8em 0.2em; text-align:center; font-size:33px; letter-spacing:0.2em; color:#000; background:url(../parts/ico_line2.png) no-repeat center bottom; font-weight:bold; }
#page-privacy .catch p { text-align:left; }
#page-privacy .privacy-policy { width:96%; max-width:1200px; text-align:left; margin:0 auto;}
#page-privacy .privacy-policy h4 {margin:2em auto 1em auto; padding:10px 0 8px 0.2em; text-align:left; font-size:20px; letter-spacing:0.2em; border-bottom:1px solid #7D776E; border-top:1px solid #7D776E; background:none; font-weight:bold; }
#page-privacy .privacy-policy ul { margin:1em auto;}
#page-privacy .privacy-policy li { width:100%; padding:0 0 0 15px; margin:0 0 0.7em 0; text-align:left; background:url(../parts/ico_list.png) no-repeat left 5px;line-height:1.2;}