/*********************************************
	HOME（動画）
*********************************************/
#top_video{
	margin:-50px -500% 30px -500%;
	text-align:center;
	overflow:hidden;
	position:relative;
	background: #F4EED9;
}

.top_video_inner{
	margin-top:0px;
}

/*#top_video video{
	width:100vw;
	min-width:1020px;
	height:auto;
	margin-bottom:-200px;
}*/

/*#top_video video {
    min-width: 1020px;
    height: auto;
    margin-bottom: -200px;
    max-height: 842px;
    width: 100vw;
}*/
#top_video video {
    min-width: 1020px;
    height: auto;
    margin-bottom: -10px;
    max-height: 750px;
    width: 100vw;
}


#video_after{
	display:none;
	margin-bottom:30px;
}
#video_after.tablet_slide{
	display:block;
}
.video_skip{
	color:#fff;
	cursor: pointer;
	position:absolute;
	bottom:3%;
	right:50%;
	margin-right:-450px;
	background:rgba(0,0,0,0.3);
	padding:3px 10px;
}





/*********************************************
	home
*********************************************/
.infoblock{
	height:300px;
}
.staffblock{
	/*height:610px;*/
	width: 194px;
	height: 194px;
	padding:5px;
}
.infoblock, .staffblock{
	border:solid 1px #ccc;
}
.item.box1, .item.box2{
	position:relative;
}
.item.box1 .box1_inner{
	width:194px;
	height:400px;

	transform:rotateY(0deg);
	transition:0.3s;

}

.item.box1.orange .box1_inner{ background:url(images/top/top_r6_c2.png) center top no-repeat; }
.item.box1.blue .box1_inner{ background:url(images/top/top_r6_c8.png) center top no-repeat; }
.item.box1.pink .box1_inner{ background:url(images/top/top_r6_c15.png) center top no-repeat; }


.item.box1.orange:hover .box1_inner{ background:url(images/top/top_r6_c2_r.png) center top no-repeat; }
.item.box1.blue:hover .box1_inner{ background:url(images/top/top_r6_c8_r.png) center top no-repeat; }
.item.box1.pink:hover .box1_inner{ background:url(images/top/top_r6_c15_r.png) center top no-repeat; }

.item.box1:hover .box1_inner{
	transform:rotateY(180deg);
	transition:0.5s;
}
.item.box1 > .box1_inner img{ display:none; }

.item.box1 ul{
	transform:rotateY(90deg);
	transition:0.5s;
	visibility:hidden;
}
.item.box1:hover ul{
	transform:rotateY(180deg);
	transition:0.5s;
	visibility:visible;
}

.item.box1 ul{
	width:100%;
	padding:10px 25px;
	background:rgba(255,255,255,0.8);
	position:absolute;
	bottom:4px;
	font-size:14px;
	z-index:3;
}
.item.box1 ul li, .item.box2 ul li{ padding:5px 0; }
.item.box1.orange ul li i{ color:#F3A672; }
.item.box1.blue ul li i{ color:#4D9DE6; }
.item.box1.pink ul li i{ color:#FFBDBD; }

.item.box2 > a{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	font-size:0;
	height:100%;
	width:40%;
}
.item.box2 ul{
	position:absolute;
	top:10px;
	left:180px;
	font-size:12px;
	height:280px;
}
.item.box2 ul li{
	line-height:32px;
	height:12.5%;
	padding:0;
}
.item.box2.ocher ul li i{ color:#DEAA52; }

.infoblock{
	padding:12px;
	background: #fff url(images/top/top_r13_c17.png) 608px 82px no-repeat;
	border-radius:10px;
	height:335px;
}
.infoblock h2{
	padding:2px;
	border-bottom:solid 1px #ccc;
}
.infoblock h2 img{ float:left; }
.infoblock h2 a{ float:right; }
.infoblock ul{
	width:580px;
    /*height: 240px;*/
    height: 290px;
    max-height: 290px;
    overflow-y: scroll;
}
.infoblock ul li{
	border-bottom: dashed 1px #ccc;
/*    height: 36px;*/
    line-height: 19px;
    padding: 9px 5px;
    font-size: 0;
	background:#fff;
	white-space:nowrap;
}
.infoblock ul li > *{
	display:inline-block;
	font-size:14px
}
.infoblock ul li > a:nth-child(3){
	width:360px;
	white-space: normal;
}
.infoblock ul li span, .infoblock ul li .cat{
	font-size:12px;
}
.infoblock ul li span.icon{
	display:inline-block;
	width: 24px;
    height: 24px;
    margin: -3px 7px 0 0;
    background: #E96781;
}
.infoblock ul li .cat{
	color:#fff;
	width:80px;
	padding:1px 0 0 0;
	margin:0 10px;
	text-align:center;
	background:#6EC0BD;
}
.infoblock ul li.sd-fukuoka span.icon, .infoblock ul li.sd-fukuoka .cat{ background:#79BBB9; }
.infoblock ul li.sd-kurume span.icon, .infoblock ul li.sd-kurume .cat{ background:#9EBE35; }
.infoblock ul li.sd-kumamoto span.icon, .infoblock ul li.sd-kumamoto .cat{ background:#EF6481; }
.infoblock ul li.customhome span.icon, .infoblock ul li.customhome .cat{ background:#DEAA52; }
.infoblock ul li.wt_sekou span.icon, .infoblock ul li.wt_sekou .cat{ background:#B399EE; }
.infoblock ul li.wt_voice span.icon, .infoblock ul li.wt_voice .cat{ background:#e74242; }
.infoblock ul li.sd-osirase span.icon, .infoblock ul li.sd-osirase .cat{ background:#f3bf3f; }

.home_onerank{
	height:335px;
}

.staffblock h2{
	display: none;
	margin-top: 5px;
	padding-bottom: 5px;
	border-bottom:solid 1px #ccc;
}
.staffblock h2 + ul{
	display: none;
}
.staffblock h2 + ul + a{
	display: none;
}
.staffblock ul li a{
	display:block;
	padding:10px 0;
	margin:0 5px;
	border-bottom:dashed 1px #ccc;
}
.staffblock ul li a dl dt{
	width:50px;
	height:0;
	padding-top:50px;
	overflow:hidden;
	margin-right:5px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
.staffblock ul li a dl{ font-size:0; }
.staffblock ul li a dl > *{
	display:inline-block;
}
.staffblock ul li a dl dd{
	width:116px;
    height: 42px;
    overflow: hidden;
}
.staffblock ul li a dl dd,
.staffblock ul li a dl dd *{
	font-size:12px;
	line-height:1.2;
}
.staffblock .more_staff img{
	display:block;
	margin:5px auto 0 auto;
}

.fb_box{
	height:410px;
}








/*kab住まいるパーク*/
.jutaku-tenjijyo{
	font-size:0;
	text-align:center;
}
.jutaku-tenjijyo > *{
	display:inline-block;
	font-size:16px;
}
.jutaku-tenjijyo section{
	margin-bottom:50px;
}
.jutaku-tenjijyo section.box1{
	margin-top:90px;
}
.jutaku-tenjijyo section.box1 p{
	width:806px;
	margin-top:40px;
	text-align:left;
	margin: 40px auto 0;
	line-height: 2;
}
.jutaku-tenjijyo section.box2 ul{
	font-size:0;
}
.jutaku-tenjijyo section.box2 ul li{
	display:inline-block;
	width:300px;
	margin:0 12px;
}
.jutaku-tenjijyo section.box2 ul li p{
	font-size:13px;
	text-align:left;
}
.jutaku-tenjijyo section.box2 ul li p span{
	font-weight:bold;
}
.jutaku-tenjijyo section .text01{
	display:inline-block;
	height:34px;
	line-height:34px;
	padding-left:40px;
	margin:50px 0;
	background:url(images/modelhouse/kabsmilepark/icon01.png) left center no-repeat;
}
.jutaku-tenjijyo section.block{ display:block; }
.jutaku-tenjijyo section .text02{
	display:block;
	font-size:13px;
	padding: 90px 20px 20px;
	border:solid 1px #ddd;
	border-radius:10px;
	margin-top:57px;
	position:relative;

}
.jutaku-tenjijyo section .text02:after{
    content: "";
    width: 50px;
    height: 67px;
    background: url(images/modelhouse/kabsmilepark/icon02.png) center top no-repeat;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -33.5px;
}
.jutaku-tenjijyo .dl02{
	background:url(images/modelhouse/kabsmilepark/bk01.png) left top no-repeat,
				url(images/modelhouse/kabsmilepark/bk01.png) right top no-repeat,
				url(images/modelhouse/kabsmilepark/bk01.png) left bottom no-repeat,
				url(images/modelhouse/kabsmilepark/bk01.png) right bottom no-repeat;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
	padding:10px 65px;
}
.jutaku-tenjijyo .dl02 dt{
	font-size:18px;
	font-weight:bold;
}
/*****/

.chumon{
	font-size:0;
	text-align:center;
}
.chumon > *{
	display:inline-block;
	font-size:16px;
}
.chumon section{
	margin-bottom:50px;
}
.chumon section.box1{
	margin-top:90px;
}
.chumon section.box1 p{
	width:806px;
	margin-top:40px;
	text-align:left;
	margin: 40px auto 0;
	line-height: 2;
}
.chumon section.box2 ul{
	font-size:0;
}
.chumon section.box2 ul li{
	display:inline-block;
	width:300px;
	margin:0 12px;
}
.chumon section.box2 ul li p{
	font-size:13px;
	text-align:left;
}
.chumon section.box2 ul li p span{
	font-weight:bold;
}
.chumon section .text01{
	display:inline-block;
	height:34px;
	line-height:34px;
	padding-left:40px;
	margin:50px 0;
	background:url(images/modelhouse/kabsmilepark/icon01.png) left center no-repeat;
}
.chumon section.block{ display:block; }
.chumon section .text02{
	display:block;
	font-size:13px;
	padding: 90px 20px 20px;
	border:solid 1px #ddd;
	border-radius:10px;
	margin-top:57px;
	position:relative;

}
.chumon section .text02:after{
    content: "";
    width: 50px;
    height: 67px;
    background: url(images/modelhouse/kabsmilepark/icon02.png) center top no-repeat;
    position: absolute;
    top: 5px;
    left: 50%;
    margin-left: -33.5px;
}
.chumon .dl02{
	background:url(images/modelhouse/kabsmilepark/bk01.png) left top no-repeat,
				url(images/modelhouse/kabsmilepark/bk01.png) right top no-repeat,
				url(images/modelhouse/kabsmilepark/bk01.png) left bottom no-repeat,
				url(images/modelhouse/kabsmilepark/bk01.png) right bottom no-repeat;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
	padding:10px 65px;
}
.chumon .dl02 dt{
	font-size:18px;
	font-weight:bold;
}


/*********************************************
	施工例
*********************************************/
/*アーカイブ*/
.constructioncase_message{
	margin-bottom: 45px;
	text-align:center;
	font-size:16px;
}
.construction_term{
	font-size:0;
	text-align:center;
	margin-bottom:40px;
}
.construction_term li{
	display:inline-block;
	font-size:16px;
	margin:0 10px 10px;
	height:28px;
	line-height:28px;
}
.construction_single li{
	height:auto;
	line-height:1.4;
	margin-bottom:10px;
}
.construction_term li a{
	display:block;
	color:#fff;
	padding:0 7px;
}
.construction_term li a{ background:#BCA5F1; }
.construction_term li a.brand7{ background:#67C6E4; }
.construction_term li a.brand8{ background:#A7D079; }
.construction_term li a.brand9{ background:#E5BE78; }
.construction_term li a.brand10{ background:#FFA082; }
.construction_term li a.brand11{ background:#ED97BC; }
.construction_term li a.brand12{ background:#BCA5F1; }
.construction_term li a.brand67{ background:#797FCE; }
.construction_term li a.brand71{ background:#47C6BE; }

.construction_term li a.brand330{ background:#2A83DC; }
.construction_term li a.brand376{ background:#f1a5b9; }
.construction_term li a.brand377{ background:#ed5b58; }

#constructioncase_archive{
	font-size:0;
}
#constructioncase_archive article{
	display:inline-block;
	width:490px;
	margin-bottom:50px;
	position:relative;
	transition: background-color .3s;
}
#constructioncase_archive article > a{
	display:block;
	border:solid 1px #DDD;
	border-radius:10px;
	overflow:hidden;
	transition:.3s;
}
#constructioncase_archive article > a:after{
	content:"";
	width:100%;
	height:100%;
	border:solid 1px #DDD;
	border-radius:10px;
	position:absolute;
	top:0;
	left:0;
	transition:.3s;
}
#constructioncase_archive article:hover > a:after{
	content:"";
	width:100%;
	height:100%;
	border-radius:10px;
	position:absolute;
	top:0;
	left:0;
	transition: .3s;
}
#constructioncase_archive article:hover{ transition: background-color .3s; }
#constructioncase_archive article.brand7:hover{ background-color:rgba(103, 198, 228, 0.1); }
#constructioncase_archive article.brand8:hover{ background-color:rgba(167, 208, 121,0.1); }
#constructioncase_archive article.brand9:hover{ background-color:rgba(229, 190, 120, 0.1); }
#constructioncase_archive article.brand10:hover{ background-color:rgba(255, 160, 130, 0.1); }
#constructioncase_archive article.brand11:hover{ background-color:rgba(237, 151, 188, 0.1); }
#constructioncase_archive article.brand12:hover{ background-color:rgba(188, 165, 241, 0.1); }
#constructioncase_archive article.brand67:hover{ background-color:rgba(121, 127, 206, 0.1); }
#constructioncase_archive article.brand71:hover{ background-color:rgba(71, 198, 190, 0.1); }
#constructioncase_archive article.brand330:hover{ background-color:rgba(42, 131, 220, 0.1); }
#constructioncase_archive article.brand376:hover{ background-color:rgba(241, 165, 185, 0.1); }
#constructioncase_archive article.brand377:hover{ background-color:rgba(237, 91, 88, 0.1); }

#constructioncase_archive article.brand7:hover a:after{ border:solid 3px #67C6E4; }
#constructioncase_archive article.brand8:hover a:after{ border:solid 3px #A7D079; }
#constructioncase_archive article.brand9:hover a:after{ border:solid 3px #E5BE78; }
#constructioncase_archive article.brand10:hover a:after{ border:solid 3px #FFA082; }
#constructioncase_archive article.brand11:hover a:after{ border:solid 3px #ED97BC; }
#constructioncase_archive article.brand12:hover a:after{ border:solid 3px #BCA5F1; }
#constructioncase_archive article.brand67:hover a:after{ border:solid 3px #797FCE; }
#constructioncase_archive article.brand71:hover a:after{ border:solid 3px #47C6BE; }
#constructioncase_archive article.brand330:hover a:after{ border:solid 3px #2A83DC; }
#constructioncase_archive article.brand376:hover a:after{ border:solid 3px #f1a5b9; }
#constructioncase_archive article.brand377:hover a:after{ border:solid 3px #ed5b58; }

/*
#constructioncase_archive article:hover{ transition:.1s; }
#constructioncase_archive article.brand7:hover{ border:solid 3px #67C6E4; }
#constructioncase_archive article.brand8:hover{ border:solid 3px #A7D079; }
#constructioncase_archive article.brand9:hover{ border:solid 3px #E5BE78; }
#constructioncase_archive article.brand10:hover{ border:solid 3px #FFA082; }
#constructioncase_archive article.brand11:hover{ border:solid 3px #ED97BC; }
#constructioncase_archive article.brand12:hover{ border:solid 3px #BCA5F1; }
#constructioncase_archive article.brand330:hover{ border:solid 3px #2A83DC; }
#constructioncase_archive article.brand376:hover{ border:solid 3px #f1a5b9; }
#constructioncase_archive article.brand377:hover{ border:solid 3px #ed5b58; }
*/

#constructioncase_archive article:nth-child(odd){ margin-right:20px; }
#constructioncase_archive article .imgx1 div{
	width:100%;
	height:327px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#constructioncase_archive article .imgx2{ font-size:0; }
#constructioncase_archive article .imgx2 div{
	display:inline-block;
	width:50%;
	height:160px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#constructioncase_archive article dl{
	padding:20px;
}
#constructioncase_archive article dl dt{
	font-size:20px;
	font-weight:bold;
}
#constructioncase_archive article dl dd:last-child{
	font-size:13px;
}
#constructioncase_archive article p.term{
	display:inline-block;
	color:#fff;
	height:28px;
	line-height:30px;
	padding:0 15px;
}

article span.term{ background:#BCA5F1; }
article span.term.brand7{ background:#67C6E4; }
article span.term.brand8{ background:#A7D079; }
article span.term.brand9{ background:#E5BE78; }
article span.term.brand10{ background:#FFA082; }
article span.term.brand11{ background:#ED97BC; }
article span.term.brand12{ background:#BCA5F1; }
article span.term.brand67{ background:#797FCE; }
article span.term.brand71{ background:#47C6BE; }
article span.term.brand330{ background:#2A83DC; }
article span.term.brand376{ background:#f1a5b9; }
article span.term.brand377{ background:#ed5b58; }
article .brand7{ background:#67C6E4; }
article .brand8{ background:#A7D079; }
article .brand9{ background:#E5BE78; }
article .brand10{ background:#FFA082; }
article .brand11{ background:#ED97BC; }
article .brand12{ background:#BCA5F1; }
article .brand67{ background:#797FCE; }
article .brand71{ background:#47C6BE; }
article .brand330{ background:#2A83DC; }
article .brand376{ background:#f1a5b9; }
article .brand377{ background:#ed5b58; }


/*
#constructioncase_archive article p.brand7{ background:#67C6E4; }
#constructioncase_archive article p.brand8{ background:#A7D079; }
#constructioncase_archive article p.brand9{ background:#E5BE78; }
#constructioncase_archive article p.brand10{ background:#FFA082; }
#constructioncase_archive article p.brand11{ background:#ED97BC; }
#constructioncase_archive article p.brand12{ background:#BCA5F1; }
*/

/*詳細*/
.carousel_wrap{
	margin:55px -500%;
	text-align:center;
	padding:40px 500%;
	background:url(images/constructioncase/carousel_bk.png) left top repeat;
}
.carousel_wrap > p{
	font-family: 'GenJyuuXP_Bold';
	font-size:26px;
	margin-bottom:5px;
}
.carousel_wrap > a{
	display: inline-block;
	background: #2AB04D;
	border-radius: 5px;
	font-size: 14px;
	color: #fff;
	padding: 0 15px;
	height: 25px;
	line-height: 27px;
	margin-bottom: 20px;
}
.carousel_wrap .itemlist{
	font-size:0;
	margin:0 -100px;
}

.carousel_wrap .itemlist li{
	display:inline-block;
	margin:0 15px;
	width:300px;
}
.carousel_wrap .itemlist li a{
	display:block;
	width:300px;
	height:0;
	padding-top:200px;
	border:solid 1px #ddd;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	overflow:hidden;
}
.carousel_wrap .itemlist li p{
	font-size:14px;
}
.construction_term.construction_single li:first-child{
	display:block;
	font-family: 'GenJyuuXP_Bold';
	font-size:26px;
	margin-bottom:30px;
}
.construction_term.construction_single li a{
	font-size:28px;
	height:50px;
	line-height:52px;
	padding:0 20px;
}





/*********************************************
	お客様の声
*********************************************/
#voice_archive{
	font-size:0;
	text-align:left;
	margin:0 -20px;
}
#voice_archive article{
	display:inline-block;
	vertical-align:top;
	width:300px;
	margin:0 20px 50px 20px;
}

#voice_archive article *{ font-size:16px; }
#voice_archive article a .voice_eyecatch{
	width:300px;
	height:300px;
	border:solid 1px #ddd;
	/*border-radius:50%;*/
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	transition:.3s;
}
#voice_archive article a:hover .voice_eyecatch{
	border-radius:5px;
	transition:.3s;
	border-radius:10%;
}
#voice_archive article dl{
	margin-top:10px;
	text-align:center;
}
#voice_archive article dl dt{
	color:#468C00;
	font-size:20px;
	font-weight:bold;
}
#voice_archive article dl dt span{
	color: #fff;
	display: inline-block;
	font-weight: normal;
	padding: 0 10px;
	line-height: 28px;
	margin-left: 10px;
}

/*お客様の声詳細*/
#single_voice .voice_qa{
	padding:40px 30px 40px 0;
	background:url(images/voice/border.png) left top repeat-x;
}
#single_voice .voice_qa:nth-child(odd){ padding:40px 0 40px 30px; }
#single_voice .voice_qa > .voice_img{
	width:304px;
	height:304px;
	background:url(images/voice/circle.png) center center no-repeat;
	padding:2px;
	float:right;
}
#single_voice .voice_qa:nth-child(odd) > .voice_img{ float:left; }
#single_voice .voice_qa > .voice_img img{
	display:block;
	width:300px;
	height:300px;
	border-radius: 10%;
}
#single_voice .voice_qa > dl,
#single_voice .voice_last > dl{
	width:620px;
	float:left;
	margin-top: 40px;
}
#single_voice .voice_qa:nth-child(odd) > dl{ float:right; }
#single_voice .voice_qa > dl dt,
#single_voice .voice_last > dl dt{
	display:inline-block;
	background:#DFFFBF;
	padding:10px 20px;
	font-family: 'GenJyuuXP_Bold';
	font-size:20px;
	border-radius:20px;
	margin-bottom:20px;
	position:relative;
}
#single_voice .voice_qa > dl dt:after,
#single_voice .voice_last > dl dt:after{
	content:"";
	width:15px;
	height:18px;
	background:url(images/voice/arrow_left.png) left top no-repeat;
	position:absolute;
	top:50%;
	left:-15px;
	margin-top:-9px;
}
#single_voice .voice_qa:nth-child(odd) > dl dt:after{
	background:url(images/voice/arrow_right.png) right top no-repeat;
    right: -15px;
    left: initial;
}
#single_voice .voice_qa > dl dd, #single_voice .voice_last > dl dd{ margin-left:15px; }
#single_voice .voice_qa:nth-child(odd) > dl dd{ margin-left:0; }

#single_voice .voice_last{
	padding:40px 0;
	text-align:center;
	background:url(images/voice/border.png) left top repeat-x, url(images/voice/border.png) left bottom repeat-x;
}
#single_voice .voice_last > dl{
	float:none;
	display:inline-block;
	width:auto;
	margin-top: 0px;
	margin-bottom:30px;
}
#single_voice .voice_last img{
	max-width:100%;
	height:auto;
}
#single_voice .voice_a{
	display:block;
	width:216px;
	height:47px;
	line-height:47px;
	text-align:center;
	color:#fff;
	font-family: 'GenJyuuXP_Bold';
	background:#238C00;
	padding:0;
	margin:30px auto;
	border-radius:10px;
}



/*********************************************
	CMギャラリー
*********************************************/
#cm_archive article{
	margin-bottom:30px;
	font-size:0;
	height:180px;
	background:url(images/cm-gallery/back.png) left center no-repeat;
	padding:0 20px;
}
#cm_archive article a,
#cm_archive article > div{
	display:inline-block;
	vertical-align:top;
}
#cm_archive article > div{
	width:580px;
	margin:70px 0 0 50px;
}
#cm_archive article > div p{
	font-size:15px;
	padding-left:120px;
}
#cm_archive article > div p.cmtitle{
	background:url(images/cm-gallery/title.png) left 2px no-repeat; font-weight:bold;
}
#cm_archive article > div p.cmcomment{
	background:url(images/cm-gallery/comment.png) left 2px no-repeat;
}




/*********************************************
	よくある質問
*********************************************/
#faq_archive article{
	margin-bottom:20px;
}
#faq_archive .faq_dl > dt{
	cursor: pointer;
	height:60px;
	line-height:30px;
	background-color:#FFFFF0;
	background-image:url(images/faq/back.png), url(images/faq/img01.png);
	background-position:left top, 950px center;
	background-repeat:no-repeat;
/*
	background:url(images/faq/back.png) left top no-repeat, url(images/faq/img01.png) 950px center no-repeat;
*/
	border:solid 1px #14A73B;
	border-radius:6px;
	padding:15px 0 15px 40px;
	transition: background-color 0.3s;
}
#faq_archive .faq_dl > dt:hover{
	background-color:#FFDCD1;
	transition: background-color 0.3s;
}
#faq_archive .faq_dl > dt span:nth-child(1){
	color:#13A539;
	font-size:30px;
}
#faq_archive .faq_dl > dt span:nth-child(2){
	display:inline-block;
	width:850px;
	font-size:18px;
	border-bottom:dotted 1px #13A539;
	font-family: 'GenJyuuXP_Bold';
	padding:0 7px;
}
#faq_archive .faq_dl > dd{
	display:none;
	background:#FFFCF0;
	border:solid 1px #14A73B;
	border-radius:6px;
	padding:24px;
	margin:20px 0 10px 0;
}
#faq_archive .faq_dl dl dt{
	color:#3C7979;
	font-weight:bold;
	background:url(images/faq/img02.png) left top no-repeat;
	padding:10px 35px 0 145px;
	min-height:70px;
	margin-bottom:17px;
	position:relative;
}
#faq_archive .faq_dl dl dt p{
	color:#3C7979;
	font-weight:bold;
}
#faq_archive .faq_dl dl dt:after{
	content:"";
	width:777px;
	border-top:solid 4px #74BABA;
	position:absolute;
	top:0;
	left:140px;
}
#faq_archive .faq_dl dl dd{
	font-size:15px;
	background:url(images/faq/img03.png) left top no-repeat;
	padding:10px 35px 0 145px;
	min-height:70px;
	margin-bottom:50px;
	position:relative;
}
#faq_archive .faq_dl dl dd:after{
	content:"";
	width:777px;
	border-top:solid 4px #FFB9B9;
	position:absolute;
	top:0;
	left:140px;
}
#faq_archive .faq_dl .close{
	display:block;
	cursor: pointer;
	margin:20px auto;
}



/*********************************************
	注文住宅・展示場
*********************************************/
.newlistbox{
	padding:30px 90px;
	border:solid 1px #ccc;
	border-radius:10px;
	margin-bottom:40px;
}
.newlistbox li{
	text-align:left;
	border-bottom:dashed 1px #ccc;
	height:35px;
	line-height:35px;
	white-space: nowrap;

}
.newlistbox li span, .newlistbox li a{
	display:inline-block;
}
.newlistbox li span.date{
	font-size:12px;
}
.newlistbox li a.tenjijo{
	color:#fff;
	font-size: 10px;
	font-weight:bold;
	background:#14A83A;
	line-height: 16px;
	margin: 8px 10px;
	padding: 0 10px;
}
.newlistbox li span.icon{
	width:24px;
	height:24px;
	margin: 5px 7px 0 10px;
	background: #14A83A;
}
.newlistbox li.color19251 span.icon,
.newlistbox li.color19251 a.tenjijo{ background: #E96781; } /* KAB住まいるパーク */
.newlistbox li.color28668 span.icon,
.newlistbox li.color28668 a.tenjijo{ background: #E96781; } /* TKU住まいランド */
.newlistbox li.color19500 span.icon,
.newlistbox li.color19500 a.tenjijo{ background: #9DC035; } /* 光の森とーくらんど */
.newlistbox li.color19507 span.icon,
.newlistbox li.color19507 a.tenjijo{ background: #6EC0BD; } /* 荒尾 */
.newlistbox li a.title{
	font-size:14px;
}


/*********************************************
	スタッフ
*********************************************/
#department_link > div a{
	display:block;
	padding:3px 15px 3px 15px;
	margin:10px 7px 20px 7px;
	color:#fff;
	font-family: 'GenJyuuXms_Regular';
	background:#2BB04E;
	border-radius:5px;
}
#staff_list h2{
	font-size:34px;
	color:#333;
	font-family: 'GenJyuuXP_Bold';
	margin:auto;
	text-align:center;
}
#staff_list .department h3 span{
	font-size:34px;
	color:#fff;
	font-family: 'GenJyuuXP_Bold';
	text-align:center;
}
#staff_list > .department h3{
	height:230px;
	width:190px;
	margin:0 5px;
	margin-bottom:20px;
	background:#44B963;
  display: -webkit-flex;
  display:         flex;
  -webkit-align-items: center;
          align-items: center;
  -webkit-justify-content: center;
          justify-content: center;
}
#staff_list .department > a{
	display:block;
	width:200px;
	margin-bottom:20px;
	background:#fff;
	position:relative;
}
#staff_list .department > a ul li{
	text-align:center;
}
#staff_list .department > a ul li.photo{
	background:#ccc;
	width:190px;
	height:230px;
	text-align:center;
	font-size:0;
	margin:auto;
	overflow:hidden;
	position:relative;
}
#staff_list .department > a ul li.photo img{
	width:100%;
	height:auto;
}




#staff_list .department > a li.photo{
	background-color: transparent;
}
#staff_list .department > a p.comment{
	color:#fff;
	width:100%;
	height:230px;
	position: absolute;
	top:0;
	left:0;
	z-index: 1;
	opacity: 0;
	transition: 0.8s;
	padding:10px 13px;
	border-radius:5px;
	font-size:14px;
	text-align: justify;
}
#staff_list .department > a:hover p.comment{
	opacity: 1;
	transition-delay: 0.3s;
}
#staff_list .department > a li.photo::before,
#staff_list .department > a li.photo::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 95px;
	height: 230px;
	background: #2BB04E;
	opacity: 0;
	transition: 0.8s;
}
#staff_list .department > a:hover li.photo::before,
#staff_list .department > a:hover li.photo::after {
	opacity: 0.75;
	transition-duration: 0.5s;
}
#staff_list .department > a li.photo::before {
	transform: translateX(-135px) skewX(-30deg);
}
#staff_list .department > a li.photo::after {
	transform: translateX(215px) skewX(-30deg);
}
#staff_list .department > a:hover li.photo::before {
	transform: translateX(0) skewX(0);
}
#staff_list .department > a:hover li.photo::after {
	transform: translateX(95px) skewX(0);
}
#staff_list .department > a p.comment span{
	display:block;
	background:#2BB04E;
	text-align:center;
	color:#fff;
	padding:2px 5px 2px 10px;
	position: absolute;
	bottom: 3px;
	right: 0;
}

/*
#staff_list .department > a p.comment{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:230px;
	color:#fff;
	padding:10px 13px;
	border-radius:5px;
	font-size:14px;
	text-align: justify;
}
#staff_list .department > a {
	overflow: visible;
	perspective: 400px;
}
#staff_list .department > a li.photo,
#staff_list .department > a p.comment {
	transition: 0.8s;
	backface-visibility: hidden;
}
#staff_list .department > a:hover li.photo {
	transform: rotateY(180deg);
}
#staff_list .department > a p.comment {
	background-color: #2BB04E;
	transform: rotateY(-180deg);
}
#staff_list .department > a:hover p.comment{
	transform: rotateY(0deg);
}

*/



/*********************************************
	ブログ
*********************************************/
.time{
	font-family: 'Quicksand', sans-serif;
}
.post_block{
	border:solid 1px #ccc;
	border-radius:10px;
	padding: 27px 40px 10px 40px;
	margin:30px 0 30px 0;
	background:url(images/blog/h1.png) 40px top no-repeat;
}
.post_block > h1{
	font-family: 'GenJyuuXP_Bold';
	font-size:30px;
	border-bottom: dotted 2px #2BB04E;
	padding-left:62px;
}
.post_block > .post_date{
	display:block;
	font-size:30px;
	text-align:right;
}
.post_block > .post_content{
	letter-spacing: 1px;
	border-bottom: dotted 1px #ccc;
	padding:10px 0 80px 0;
	background: url(images/blog/back.png) center bottom no-repeat;
}
.post_block > .post_content img{
	max-width: 100%;
	height: auto;
}
.post_block > p.post_cat,
.post_block > p.post_cat *{
	font-size:12px;
	padding:5px 0 0 0;
}

.post_block.haikuwrap{
    background: url(images/blog/h1.png) 40px top no-repeat,url(images/haiku_bk2.jpg) left top repeat;
}
.post_block > .post_content.haiku{
	font-family: "honokamin", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 50px;
	width: 620px;
	padding: 10px 0 150px 0;
    background: url(images/haiku_bk.png) left bottom no-repeat;
/*
	display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: center;
*/
}
.post_block > .post_content.haiku .imgWrap{
	padding: 10px 0;
	width: 620px;
	display: flex;
	justify-content: flex-end;
	flex-wrap: wrap;
    align-items: flex-start;
}
.post_block > .post_content.haiku img{
	max-width: 620px;
	display: inline-block;
}
.post_block > .post_content.haiku p br {
    display: none;
}
.post_block > .post_content.haiku p:not(.imgWrap) {
    display: inline-block;
	white-space: pre;
	float: right;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;

}
/*
.post_block > .post_content.haiku p{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
}
.post_block > .post_content.haiku .wp_social_bookmarking_light{
	width: 100%;
}
*/


/*スタッフブログ*/
.time{
	font-family: 'Quicksand', sans-serif;
}
.blog_block{
	border:solid 1px #ccc;
	border-radius:10px;
	padding: 20px 30px 10px 30px;
	margin: 30px 10px 0px 10px;
	width: 313px;
}
.blog_block > h1{
	font-family: 'GenJyuuXP_Bold';
	font-size:25px;
}
.blog_block > .post_date{
	display:block;
	font-size:24px;
	text-align:left;
	border-bottom: dotted 2px #2BB04E;
}
.blog_block .blogimg{
	display:block;
	width: 100%;
	height: 180px;
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center center;
}


/*この記事を書いた人*/
.single_author{
	border:solid 1px #ccc;
	border-radius:10px;
}
.single_author h2{
	padding:20px 20px 0 20px;
	font-size:28px;
}
.single_author .prof_block{
	border-bottom:solid 1px #ccc;
	font-size:0;
	padding:20px 30px;
}
.archive .single_author .prof_block{
	border-bottom:none;
	font-size:0;
	padding:20px 30px;
}
.single_author .prof_block div.prof,
.single_author .prof_block img,
.single_author .prof_block dl dt,
.single_author .prof_block dl dd{
	display:inline-block;
	vertical-align:top;
}
.single_author .prof_block img{
	width:200px;
	height:auto;
}
.single_author .prof_block div.prof{ width:730px; }
.single_author .prof_block dl{
	font-size:0;
	margin-left:20px;
}
.single_author .prof_block dl dt,
.single_author .prof_block dl dd{
	font-size:15px;
}
.single_author .prof_block dl dt{ width:11%; }
.single_author .prof_block dl dd{ width:85%; }


.author_recommend{
	font-size:0;
	padding:20px 10px;
}
.author_recommend li{
	display:inline-block;
	vertical-align:top;
	width:25%;
	font-size:14px;
	padding:0 10px;
}
.author_recommend li dl dt a{
	display:block;
	height:150px;
	background-position:center center;
	background-size:cover;
}
.format_contents{
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.pagination{
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;

	-moz-box-orient:horizontal;
	-webkit-box-orient:horizontal;
	flex-direction:row;

	-ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;

	-moz-box-pack: center;
	-ms-box-pack: center;
	box-pack: center;
	flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.pagination > span,
.pagination > a{
	display:block;
	border:solid 1px #2BB04E;
	text-align:center;
	color:#2BB04E;
	padding:10px 0;
	width:40px;
	margin-right:5px;
}
.pagination > span,
.pagination > a{
    color: #00a53c;
    font-size: 14px;
    padding: 2px;
}
.pagination > span{
	color:#fff;
	background:#2BB04E;
}



/*********************************************
	分譲地スライダー
*********************************************/
#slider_block{
	margin:0 -100%;
}
#slider_block img{
	opacity:0.3;
	transition:0.1s;
}
#slider_block .slick-current img{
	opacity:1;
	transition:0.1s;
}
#slider_block.slick-slider {
    margin-bottom: 0px!important;
}
#slider_block .slick-prev,
#slider_block .slick-next{
	width: 29px;
	height: 79px;
}
#slider_block .slick-next{

}
#slider_block .slick-prev::before,
#slider_block .slick-next::before {
	display:block;
	content:"";
	color:#333;
	width: 29px;
	height: 79px;
	opacity:1!important;
	position: absolute;
	top: 0;
	left: 0;
	z-index:10;
}
#slider_block .slick-prev::before{ background:url(images/previous-next.png) left top no-repeat; }
#slider_block .slick-next::before{
	background:url(images/previous-next.png) left top no-repeat;
	transform:rotateY(180deg);
}
#slider_block .slick-prev{
	left:47%;
	margin-left:-394px;
    margin-top: -39px;
z-index:10;
}
#slider_block .slick-next {
    right: 47%;
	margin-right:-394px;
    margin-top: -39px;
}


/*********************************************
	用語集
*********************************************/
.archive_words article{
	margin-bottom: 40px;

}
.archive_words article dl dt{
	font-size: 25px;
	font-weight: bold;
	color: #14A73B;
	border-bottom: dotted 1px #14A73B;
	margin-bottom: 10px;
}





/*********************************************
	contactform
*********************************************/
.page-id-59 h3{
	margin:30px 0 20px 0;
	font-family: 'GenJyuuXP_Bold';
	font-size:30px;
}
.main_contactform{
	border:solid 1px #ccc;
	border-radius:10px;
	/*background:url(images/contact_woman.png) 98% bottom no-repeat;*/
	position:relative;
}
.main_contactform p:last-child{
	position:absolute;
	bottom:-6px;
	right:11px;
}
.main_contactform dl dt,
.main_contactform dl dd{
	display:inline-block;
}
.main_contactform dl{
	padding:20px 40px;
}
.main_contactform dl:nth-child(2n+1){
}
.main_contactform dl dt{
	color:#4E77FF;
	font-family: 'GenJyuuXP_Bold';
	width:180px;
	padding:0 20px;
}
.main_contactform dl dt span{
	display:inline-block;
	background:#FF0066;
	font-size:12px;
	color:#fff;
	padding:2px 3px;
	margin-left:7px;
	border-radius:5px
}
.main_contactform dl dd{
	width:600px;
	margin-left:20px;
}
.main_contactform input[type="submit"]{
	display: block;
	margin: 150px auto 40px auto;
	background: #007bbb;
	border-radius: 10px;
 	color: #fff;
 	padding: 15px 40px;
 	font-size: 22px;
	font-family: 'GenJyuuXP_Bold';
	cursor: pointer;
	transition: all .3s;
}


.main_contactform input[type="submit"]:hover {
    background:#FF0066;
}


/*********************************************
	footer
*********************************************/
.footer_ul01{
	list-style:none;
	font-size:0;
}
.footer_ul01 li{
	display:inline-block;
	font-size:12px;
	text-align:center;
	margin-right:19px;
	vertical-align:top;
}
.footer_ul01 li:nth-of-type(1){
	padding-top:20px;
}
.footer_ul01 li:last-child{
	margin-right:0;
}
.footer_ul01 li:before{
	content:"";
	height:0;
	width:0;
	display:none;
}

#footer_sitemap{
	padding:30px 0;
	margin:20px 0;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	line-height:1.7;
}
.f_navi > li:before{
	content:"■";
}
.f_navi > li li{
    margin-left: 1em;
    position: relative;
}
.f_navi > li li:before{
    content: "‐";
    position: absolute;
    left: -10px;
}
.f_navi > li li li:before{
	content:"‐";
}


#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
    width: 130px;
}
#page-top a {
    display: block;
	margin-top:20px;
}
#page-top a:hover {
	opacity:0.5;
}
#page-top a img{
	max-width: 100%;
}


.rankup section.rankupbox2 ul { display:flex; flex-wrap:wrap; }


.rankup section.rankupbox2 li { margin-bottom:15px; }

.rankup section.rankupbox2 li:nth-child(2n+4) { margin-right:13px; }



.main_contactform dl:nth-child(even) { background:#E5EFFF; }


/**add**/

.contact_subdivision_submit {
    text-align: center;
    margin-top: 20px;
    background: url(images/contact_woman.png) 98% bottom no-repeat;
    padding: 88px 0 100px;
}


.page-id-59 .main_contactform {
background:none !important;
position:relative;
}

.page-id-59 .uketuke {
position:absolute;
bottom:0px;
right:16px;
}

.main_contactform dl dt{
	color:#222;
	font-family: "メイリオ";
	width:180px;
	padding:0 20px;
}
.main_contactform dl dt span {
	display:inline-block;
	background-color:transparent;
	font-size:100%;
	color:#222;
	padding:0px;
	margin:0px;
	border-radius:0px
}

.main_contactform dl dt span:after {
	display:inline-block;
	background:#FF0066;
	font-size:12px;
	color:#fff;
	padding:2px 8px;
	margin-left:7px;
	border-radius:5px;
	content:"必須";
}

dl dd textarea, dl dd .txt-field {
background-color: #ffffff;
padding: 10px;
border: 1px solid #cdd7e5;
margin: 0 5px 0 0;
border-radius: 5px;
}

input, textarea, select {
margin-top: 0px;
margin-bottom: 0px;
vertical-align: middle;
font-size: 15px;
padding: 10px;
border-radius: 5px;
background: #fff;
border: 1px solid #cdd7e5;
}


.msgtext {
	display:none;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {
  border: 2px solid #386db3;
  outline: 0;
  background-color: #ffec60;
  color:#222 !important;
}
.selected {
	background:rgb(196, 219, 255) none repeat scroll 0 0 !important;
}



/*********************************************
	揺れを最大約60%軽減する制震技術 id=25334
*********************************************/

.page-id-25334 #contents h2 {
background: #171c61;
color: white;
font-family: 'GenJyuuXP_Bold';
font-size: 22px;
padding: 8px 16px;
}

.page-id-25334 #contents section { margin:16px 16px 32px; }

.page-id-25334 #contents section p { margin-bottom:1em; }

.page-id-25334 #contents .flex-box {
display:flex;
width:968px;
}

.page-id-25334 #contents .aic {
align-items:         center;
}

.page-id-25334 #contents img {
flex-shrink: 0;
margin-left: 16px;
}


.page-id-25334 #contents p.movie { width:672px; background:#333; padding:160px 10px; color:white; }

.seishin-rbox01 p { margin-left:16px; font-size:14px; line-height: 1.5; }

.seishin-lbox02 { width:610px; }

.page-id-25334 figure {
text-align: center;
margin: 0px;
font-size: 14px;
}



#page67link{
	display: inline-block;
	padding: 20px 20px;
	border: solid 1px #2BB04E;
}
#page67link li a{
	display: inline-block;
	padding: 7px 10px;
	color: #2BB04E;
	font-weight: bold;
	border-bottom: dotted 1px #2BB04E;
	transition: 0.3s;
}
#page67link li a:hover{
	background: #2BB04E;
	color: #fff;
	transition: 0.3s;
}



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

#post_wrap{
	align-items: flex-start;
}
#posts{
	width: 700px;
}
#posts .single_author .prof_block img{
	width: 20%;
}
#posts .single_author .prof_block div.prof {
    width: 80%;
}
#posts .author_recommend li{
	width: 33.333333%;
}

#sidebar{
	width: 250px;
	margin: 27px 0 0 0px;
}
#sidebar section{
	border: solid 1px #ccc;
	border-radius: 10px;
	padding: 20px;
	margin-bottom: 30px;
}
#sidebar .sidetitle{
    font-family: 'GenJyuuXP_Bold';
    font-size: 20px;
    border-bottom: dotted 2px #2BB04E;
	margin-bottom: 10px;
}
#sidebar ul{
	list-style: disc;
	padding-left: 1.5em;
}
#post_wrap .fixed {
	position: fixed;
	top: 10px; /*jsコード内の変数tsの設定と合わせる*/
	left: 50%;
	margin-left: 250px;
}
#post_wrap .fixed_end {
	position: absolute;
	left: 50%;
	margin-left: 250px;

}

#constructioncase_archive article .imgx1_simg {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}
#constructioncase_archive article .imgx1_simg > div {
    width: 32%;
    height: 120px;
    background-size: cover;
    background-position: center center;
}

/********************************/
.yarpp-related{
	padding: 20px;
	margin-top: 40px!important;
    border: solid 1px #ccc;
    border-radius: 10px;
}

.sns .flex_box{
	justify-content:space-between;
}

/***********************************
	同じ地区の分譲地
***********************************/
#sane_chiku{
	background: #f7f7f7;
	padding: 60px 0;
}
#sane_chiku h2{
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 40px;
}
#sane_chiku > div{
	width: 1100px;
	margin: 0 auto;
}

#sane_chiku ul li{
	padding: 20px 10px;
	width: 270px;
	height: 280px;
}
#sane_chiku ul li a{
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
#sane_chiku ul li img{
	width: 100%;
	height: auto;
	display: block;
}
#sane_chiku ul li p{
	padding: 10px 20px;
	text-align: center;
}

sane_chiku_slide{
	position: relative;
}
#sane_chiku_slide .slick-prev,
#sane_chiku_slide .slick-next{
	width: 29px;
	height: 79px;
}
#sane_chiku_slide .slick-prev::before,
#sane_chiku_slide .slick-next::before {
	display:block;
	content:"";
	color:#333;
	width: 29px;
	height: 79px;
	opacity:1!important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#sane_chiku_slide .slick-prev::before{ background:url(images/previous-next.png) left top no-repeat; }
#sane_chiku_slide .slick-next::before{
	background:url(images/previous-next.png) left top no-repeat;
	transform:rotateY(180deg);
}
#sane_chiku_slide .slick-prev{
	right:100%;
}
#sane_chiku_slide .slick-next{
 	left: 100%;
}


/**************KKT合志住宅展示場アンビーハウジングパーク********************/

#kkt{
	font-family: "游明朝", YuMincho, "Sawarabi Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
#kkt section{
	padding: 60px 0;
}
#kkt section h2{
	text-align: center;
	font-size: 48px;
	font-weight: bold;
	border-bottom: 5px solid #000;
	width: 80%;
	margin-bottom: 40px;
	margin-left: auto;
	margin-right: auto;
}
#kkt section > p{
	text-align: left;
	font-size: 20px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	font-weight: 500;
}
#kkt .kkt02 > .checkpoint{
	display: flex;
	text-align: left;
	margin-bottom: 80px;
	
}
#kkt .kkt02 > .checkpoint > div{
	padding-left: 40px;
}
#kkt .kkt02 > .checkpoint > div > p{
	font-size: 24px;
	color: #fff;
	background: #f6921e;
	width: 180px;
	text-align: center;
	line-height: 1.5;
	margin-bottom: 20px;
}
#kkt .kkt02 > .checkpoint > div dl dt{
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 15px;
}
#kkt .kkt02 > .checkpoint > div dl dd{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
}
.chumon section.box2.kkt04 ul li{
    margin-bottom: 20px;
	overflow: hidden;
}
/*
.kkt04 ul{
	display: flex;
	flex-wrap: wrap;
}
.kkt04 ul li{
	width: 25%;
}
*/
.kkt04 ul li a{
    display: block;
    background: #eee;
}
.kkt04 ul li a img {
    height: 200px;
    width: auto;
}
.example01{
	display:none;
}


/**************************************
1年アンケート
***************************************/
.inline_block{
	display:inline-block;
}

.page-id-33478 h2.title{
    font-size: 1.3rem;
    font-weight: 600;
    margin-bottom:40px;
}
.page-id-33478 h2.title span{
    display: block;
    font-size: 2rem;
    font-weight: 600;
    text-align: center;
    border: 5px solid #29ae4d;
    padding: 10px;
}
#af1_01 dt,#af1_02 dt,#af1_03 dt{
    font-size: 1.5rem;
    font-weight: 600;
}
#af1_01,#af1_02{
	margin-bottom:40px;
}
#af1_03 > dt{
	margin-bottom:20px;
}
dl.q_2 dt{
	margin-top:20px;
	padding-left:1.2em;
	position:relative;
	display:inline-block;
}
dl.q_2 dt:nth-of-type(10){
	padding-left:1.9em;
}
dl.q_2 dt:first-child{
	margin-top:0;
}
dl.q_2 dt:before{
	counter-increment:dt;
	content:counter(dt)".";
	position:absolute;
	left:0;
}
dt.choice:after{
    content: "選択必須";
    color: #f00;
    border: 2px solid #f00;
    border-radius: 5px;
    font-size: .8rem;
    padding: 2px 6px;
    position: absolute;
    display: block;
    top: 3px;
    right: -75px;
}
dl.q_2{
	counter-reset:dt;
}
#af1_03 dd textarea{
    border: 5px solid #2aad4c;
    width: 100%;
    margin: 10px 0;
}
.wpcf7-list-item-label{
	font-size:1.2rem;
	line-height:30px;
}
#af1_03 + p{
	margin-top:40px;
	margin-bottom:40px;
}
.q_submit{
    width: 300px;
    font-size: 1rem;
    font-weight: 600;
    background: #2aad4b;
    color: #fff;
    border:3px solid #2aad4b;
    transition:.3s;
}
.q_submit:hover{
	background:#fff;
	color:#2aad4b;
	border:3px solid #2aad4b;
}





.fmlink{
	/*pointer-events: none;*/
}
.d_comment{
	color: red;
	background-color: rgba(255,255,255,0.8);
}


/************ ownerページ ****************/
.t_cen{
	text-align: center;
}
.page_w{
	padding:0 15px;
	width: 780px;
	margin:0 auto;
}
.white{
	color: #fff;
}
.page-id-36357 #contents,.page-id-36536 #contents{
	width: 100%;
	padding:0 0 20px;
	background: #00b34b;
}

.owner_title_box {
    margin-bottom: 20px;
}
.owner_title_box div{
    width: 100%;
    max-height: 280px;
    background: url(images/owner_top.png) no-repeat;
    background-position: center center;
    background-size: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 33vw;
    position: relative;
    z-index: 1;
}
.owner_title_box div:after{
	content:"";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
.owner_title_box div h1.pagetitle01{
    color: #fff;
    font-size: 28px;
    margin: 0;
    font-weight: 600;
    z-index: 3;
}
.page-id-36357 h3{
    text-align: center;
    font-size: 24px;
    font-weight: 600;
}
.information_sec{
	margin:20px 0;
}
.info_list_box{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.info_list_box ul li{
    padding: 5px 10px;
    border-bottom: 1px solid rgba(255,255,255,.3);
}
.info_list_box ul li:nth-of-type(3){
	border: none;
}
.info_list_box ul li span.title{
	padding-left:20px;
}
.round_box{
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 0px 10px #7b7b7b;
    margin:40px 0;
}
.login_sec fieldset{
	margin:0 !important;
}
.login_sec legend{
	text-align: center;
	color: #00b34b;
}
.login_sec fieldset input.buttons{
    background: #00b34b;
    border: none;
    border-radius: 100px;
    color: #fff;
    font-weight: 600;
    display: block;
    width: 100%;
}
#wpmem_login fieldset input[type=checkbox] {
    display: none;
}
#wpmem_login fieldset .button_div label {
    display: none;
}
a.shoukai_bnr img{
    border-radius: 10px;
    overflow: hidden;
}
a.orange_btn{
    display: block;
    background: #fda102;
    padding: 5px;
    border-radius: 100px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 16px;
    margin: 15px 20px;
}
a.under_ber{
    border-bottom: 1px solid #333;
    padding: 2px;
    font-size: 12px;
}
.content_sec_box{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #7b7b7b;
    margin:20px 0;
}
.content_sec_box h3{
    color: #fff;
    font-size: 21px;
    font-weight: 600;
    position: relative;
    z-index: 1;
    padding: 30px;
    border-radius: 10px 10px 0 0;
}
.content_sec_box h3 span{
	position: relative;
	z-index: 3;
	color: #fff;
}
.content_sec_box h3:after{
	content:"";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background:rgba(0,0,0,.3);
	z-index: 2;
	border-radius: 10px 10px 0 0;
}
.mainte_sec h3{
	background:url(images/owner/maintenance_bg.png) no-repeat;
	background-size: cover;
}
.event_sec h3{
	background:url(images/owner/event_bg.png) no-repeat;
	background-size: cover;
}
.seminar_sec h3{
	background:url(images/owner/seminar_bg.png) no-repeat;
	background-size: cover;
}
.reform_sec h3{
	background:url(images/owner/reform_bg.png) no-repeat;
	background-size: cover;
}
.content_sec_box dl dt{
    font-size: 16px;
    font-weight: 600;
    color: #333;
    background: #ededed;
    padding: 10px;
}
.content_sec_box dl dd a{
    display: block;
    font-size: 14px;
    padding: 10px;
    border-top: 1px solid #dedede;
}
.img_border img{
	border:1px solid #dedede;
	border-radius: 10px;
	overflow: hidden;
}
div.kiyaku dl dd ul{
	padding-left:15px;
}
div.kiyaku dl dd ul li{
    list-style: decimal;
    line-height: 2em;
    margin-bottom: 10px;
}
form#wpmem_register_form input.buttons{
    display: block;
    width: 100%;
    background: #fda102;
    color: #fff;
    border-radius: 100px;
    padding: 10px;
}
.req-text,#wpmem_reg legend{
	display: none;
}


.mainteguide_box{
    height: 250px;
    margin: 40px auto;
    background-size: cover;
    background-position: center;
    border: 5px solid #dedede;
    width: 70%;
}
.mainteguide_box{
	position: relative;
	z-index: 0;
}
.mainteguide_box:before{
	content:"";
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,.3);
	position: absolute;
	z-index: 1;
}
.mainteguide-title{
    position: absolute;
    bottom: 35%;
    font-size: 26px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 0 5px #333;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 2;
}
.mainteguide_box .num{
    position: absolute;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 0 5px #333;
    left: 10px;
    z-index: 2;
}
h3.item_title{
    font-size: 21px;
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
    padding: 0 10px;
    font-weight: 600;
}
div.guide_content{
    font-size: 16px;
    padding: 20px 10px;
    letter-spacing: 1px;
}
body.single-mainteguide section{
    margin: 40px auto;
    width: 780px;
}
h1.pagetitle01 > span.content_num{
    display: block;
    color: #fff;
    line-height: 1em;
    font-size: 21px;
}


section.technic_title_box{
    font-size: 21px;
    background: url(images/owner_top.png) no-repeat;
    background-position: center center;
    background-size: cover;
    padding: 24px 0 1px;
    position: relative;
    z-index: 1;
    color: #fff;
}
section.technic_title_box:before{
	content:"";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}
section.technic_title_box h1.pagetitle01{
    color: #fff;
    font-weight: 600;
    background: rgba(0,0,0,.5);
    padding: 5px 290px;
    font-size: 34px;
}
section.technic_title_box div{
	position: relative;
	z-index: 2;
}
h1.pagetitle01 > span.toku_talk span{
    color: #fff;
    display: block;
    font-size: 24px;
    width: 100%;
    height: 23px;
    line-height: 1em;
    letter-spacing: 4px;
}
h1.technic_title span{
	color: #fff;
	display: block;
}
h1.pagetitle01 > span.toku_talk{
    font-size: 68px;
    font-weight: 600;
    text-align: right;
    width: 100%;
    position: relative;
    color: #fff;
}
h1.pagetitle01 > span.toku_talk:before{
    content: "Pinterest";
    position: absolute;
    left: 40px;
    font-size: 21px;
    transform: rotate(-15deg);
    top: -14px;
    color: #333;
}
h1.pagetitle01 > span.toku_talk:after{
    content: "より役に立つ？";
    position: absolute;
    left: 38px;
    font-size: 21px;
    transform: rotate(-15deg);
    top: 10px;
    color: #333;
}
section.technic_title_box div:before{
    content: "";
    background: url(images/fukidashi.png) no-repeat;
    background-size: cover;
    width: 150px;
    height: 132px;
    display: block;
    position: absolute;
    bottom: -4px;
    z-index: 0;
    left: 311px;
    transform: rotate(-15deg);
}

.talk_sec dl{
	margin:20px 0;
}
.talk_sec dl dt{
	width: 50px;
	height: 50px;
	background:#333;
}
.talk_sec dl:nth-of-type(even){
	flex-direction: row-reverse;
}
.talk_sec dl:nth-of-type(even) dt{
	background:#dedede;
}
.talk_sec dl dd{
    background: #14a839;
    color: #fff;
    width: fit-content;
    border-radius: 5px;
    padding: 5px 10px;
    position: relative;
    margin: 0 0 0 25px;
    max-width: 80%;
}
.talk_sec dl dd:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 10px 0;
    border-color: transparent #14a839 transparent transparent;
    position: absolute;
    content: "";
    display: block;
    left: -10px;
    top: 5px;
}
.talk_sec dl:nth-of-type(even) dd{
	background:#34cdfb;
	position: relative;
	margin: 0 25px 0 0;
}
.talk_sec dl:nth-of-type(even) dd:before{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 15px 0 0;
    border-color: #34cdfb transparent transparent transparent;
    position: absolute;
    content: "";
    display: block;
    left: unset;
    top: 5px;
    right: -10px;
}
.technic_content{
	margin:40px 0;
}
.technic_content dd{
    font-size: 16px;
    padding: 5px;
}
.technic_movie{
	width: 100%;
	height: auto;
}
.owner_footer{
	background:#fff;
}
#bottom_link.owner_footer div.flex div{
    width: calc(100% / 4);
    box-shadow: 1px 0 5px #dedede;
    height: 59px;
    color: #00b34b;
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    line-height: 1.4em;
    padding: 13px 5px;
}
#bottom_link.owner_footer div.flex div a{
    display: block;
    width: 100%;
    background: #fff;
    height: 100%;
    color: #00b34b;
    padding: 0;
}
#bottom_link.owner_footer div.flex div a i{
	color: #00b34b;
	font-size: 31px;
}
.owner_footer div.flex div:nth-of-type(1) span{
	display: block;
}
.owner_footer div.flex div:nth-of-type(4) a span{
    font-size: 12px;
    width: 32px;
    display: inline-block;
    letter-spacing: 1px;
}
.owner_footer div.flex div:nth-of-type(4) a i{
	font-weight: normal;
}

#contents a:last-child .mainteguide_box{
	margin-bottom:0;
}

body.post-type-archive-mainteguide footer{
	margin-bottom:5px;
	margin-top:40px;
}
body.post-type-archive-mainteguide #bottom_link.owner_footer{
	box-shadow: 0px -2px 5px #dedede;
}
body.post-type-archive-mainteguide #wrapper{
	padding-top:0;
}
.login_sec{
	text-align: center;
}
.login_sec a,.mailMaga_sec input[type=submit]{
    background: #00b34b;
    padding: 5px 30px;
    margin: 10px 0;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    border-radius: 100px;
}
input#tos + span + a{
    color: #0f38ff;
    text-decoration: underline;
}
#wpmem_login a#login{
	display: none;
}
#wpmem_login{
	width: 350px;
	margin:0 auto;
}
#wpmem_login .div_text,#wpmem_login .button_div,#wpmem_reg .div_text{
	margin: 10px auto !important;
	width: 100% !important;
}
#wpmem_login fieldset{
	text-align: left;
}
.page-id-36589 form#wpmem_register_form input.buttons{
    display: block;
    margin: 40px auto 40px auto;
    background: #007bbb;
    border-radius: 10px;
    color: #fff;
    padding: 15px 40px;
    font-size: 22px;
    font-family: 'GenJyuuXP_Bold';
    cursor: pointer;
    transition: all .3s;
}
#wpmem_reg .form{
    width: 550px;
    margin: 0 auto !important;
}
#wpmem_reg .button_div {
    width: 60%;
    padding: 6px 0;
    text-align: right;
    margin: 0 auto;
}
.postid-36648 #contents {
    padding: 0 10px;
    width: 780px;
}
img.technic_img,img.guide_img{
	width: 100%;
}

a.shoukai_bnr img{
    border-radius: 5px;
    overflow: hidden;
}
.single-reformqa h3.item_title{
    display: inline-block;
    margin: 0;
    border-bottom: 2px solid;
    font-size: 24px;
}
.reformqa_sec{
    background: #fff2d6;
    padding: 10px;
    margin: 40px 0;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #dedede;
}
h1.pagetitle01.reformqa_title > span{
	display: block;
	color: #fff;
}
.qa_title{
    color: #fff;
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin: 0px;
}
.owner_form .wpcf7-list-item-label{
	font-size: 1em;
}
.owner_form span.wpcf7-list-item{
	width: fit-content;
	display: inline-block;
}
.link{
    color: #14a839;
    text-decoration: underline;
}
.obi01{
    background: #fff1bc;
    padding: 5px 10px;
    margin: 10px 0 -15px;
    display: block;
    font-size: 16px;
    font-weight: 600;
}
.obi01.mizumawari{
	background:#c9eeff;
}
.obi01.bubun{
	background:#d6ffbc;
}
.main_contactform dl.naiyou_box dt{
	font-size: 14px;
}
.event_sec dl dd{
	text-align: left;
}
.mainte_sec #toc_container{
	display: none !important;
}
.event_sec span.date{
	display: inline-block;
	width: 38px;
	margin-right: 10px;
}

div.doui{
    margin: 20px 0;
    background: #e5efff;
    padding: 10px;
    border-radius: 5px;
}

/****** モーダル画像 *******/
#glayLayer{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background:#333;
	opacity: 0.6;
	filter: alpha(opacity=60);
	z-index: 100;
}
#overLayer{
	display: none;
	position: fixed;
	top: 30%;
	left: 0;
	z-index: 101;
}
#overLayer img + .close{
	position: absolute;
	top: -10px;
	right: -10px;
	cursor:pointer;
}
#overLayer img{
	width: 90%;
	margin:0 auto;
	display: block;
}
ul.modal_ul{
	margin: 40px 0;
}
ul.modal_ul li{
    width: calc(100% / 2 - 4px);
    border: 1px solid #dedede;
    margin-bottom: 10px;
}
ul.modal_ul li a{
	display: block;
	width: 100%;
	height: 100px;
	background-size: cover !important;
}

.main_contactform {
    overflow: hidden;
    margin: 20px 0;
}
.owner_form section h3{
    background: #ffceab;
    border-radius: 5px;
    padding: 10px 6px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4em;
    margin-top: 20px;
}
div.wpcf7 div.doui img.ajax-loader {
    margin-left: -16px;
}
textarea[name=bikou],select[name=age]{
    border: 1px solid #666;
}
div.main_contactform p:last-child{
	font-size: 14px;
	padding:0 20px;
	margin-bottom: 10px;
}
input[name=shounin]{
    margin: -2px 3px 0 10px;
}
.blog_block.owner_blog{
    padding: 20px 10px 20px 10px;
    margin: 0px 0px 10px 0px;
}
.ownar_time{
	text-align: right;
	display: block;
}
#bottom_link a.owner_content_link{
    width: 100%;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 30px;
}
.mailMaga_sec form p:nth-of-type(1) label,.mailMaga_sec form p:nth-of-type(1) br{
	display: none;
}
.mailMaga_sec form p:nth-of-type(2){
    justify-content: space-around;
    display: flex;
}
.mailMaga_sec input[type=email]{
	border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px;
	width: 100%;
	padding: 8px 10px 8px;
    background: none repeat scroll 0 0 #e8f0fe;
}
.mailMaga_sec input[type=submit]{
    width: calc(100% / 2 - 5px);
    display: inline-block;
    margin-top: 15px;
    letter-spacing: 1px;
}
.mainteguide_box{
	height: 180px;
    margin: 40px auto;
    background-size: cover;
    background-position: center;
    border: 5px solid #dedede;
    background: url(images/owner_top.png) no-repeat center;
    background-size: cover;
}
.mainteguide_box{
	position: relative;
	z-index: 0;
}
.mainteguide_box:before{
	content:"";
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,.3);
	position: absolute;
	z-index: 1;
}
.mainteguide-title{
    position: absolute;
    bottom: 35%;
    font-size: 26px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 0 5px #333;
    width: 100%;
    left: 0;
    text-align: center;
    z-index: 2;
}
.mainteguide_box .num{
    position: absolute;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 0 5px #333;
    left: 10px;
    z-index: 2;
}
h3.item_title{
    font-size: 21px;
    border-bottom: 1px solid #333;
    margin-bottom: 20px;
    padding: 0 10px;
    font-weight: 600;
}
.owner_form .main_contactform dl dt{
	width: 100%;
}
section.owner_title_box + time + section.blog_block{
	width: 100%;
}
.mailMaga_sec form p:nth-of-type(1) label,.mailMaga_sec form p:nth-of-type(1) br{
	display: none;
}
.mailMaga_sec form p:nth-of-type(2){
    justify-content: space-around;
    display: flex;
}
.mailMaga_sec input[type=email],.mailMaga_sec input[name=name]{
	border: 1px solid rgba(0,0,0,.1);
    border-radius: 2px;
	width: 100%;
	padding: 8px 10px 8px;
    background: none repeat scroll 0 0 #e8f0fe;
}
.mailMaga_sec label{
	padding:3px 0px;
}
.mailMaga_sec input[type=submit]{
    width: 100%;
    display: inline-block;
    margin-top: 15px;
    letter-spacing: 1px;
    padding:8px;
}
.mailMaga_sec .emaillist{
	padding:0 180px;
}