@charset "utf-8";

/*  選ばれる理由
==================================*/
.ttlBlk h2{ letter-spacing:0.15em; }
.entryBlk h3{ letter-spacing:0.1em; }
.entry-column h4{
	display:block;
	vertical-align:middle;
	}
	.entry-column h4 span{
		display:inline-block;
		margin-top:-5px;
		margin-right:20px;
		font-size:80px;
		color: var(--baseColer);
		/* -webkit-text-stroke: 0.2px #04386e; */
		line-height:1;
		vertical-align:middle;
		}
	.entry-column h4 em{
		display:inline-block;
		width:670px;
		font-style:normal;
		letter-spacing: 0.1rem;
		vertical-align:middle;
		}

.spContWrap{
	margin-bottom: 40px; }
.spContWrap h2{
	margin-bottom: 40px; }
.spContents .spTitle{
	margin-bottom: 30px;
	font-size: 22px;
	letter-spacing: 0.02em;
	text-align: center; }
	.spContents .lnkBox .img{
		position: relative;
		overflow:hidden;
		}
	.spContents .lnkBox .img::before{
		position: absolute;
		top: 0;
		right: 0;
		content: "スペシャルコンテンツ";
		background-color: #04386e;
		width:140px;
		height:27px;
		/* font-family: 'FOT-筑紫ゴシック Pr5 M','Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; */
		font-size: 12px;
		color: #fff;
		line-height: 27px;
		text-align: center;
		z-index: 9;
		}
	.spContents .lnkBox h3{
		width:100%;
		margin:15px 0 10px;
		font-size:19px;
		line-height:1.632;
		color:#04386e;
		/* -webkit-text-stroke: 0.2px #04386e; */
		text-align:center;
		}
	.spContents .lnkBox h3 span{
		font-size:15px;
		line-height:1.733;
		letter-spacing:0.1rem;
		}
	.spContents .lnkBox .txt{
		letter-spacing: -0.03em;
		}
#reason1 .copy{
	margin-bottom: 30px;
	font-size: 22px;
	letter-spacing: 0.02em;
	line-height: 1.4;
	text-align: center; }
#reason1 .lnkBox h3{
	/* font-size: 18px;
	letter-spacing: 0.04em; */
}

@media screen and (max-width:750px){
	.spContWrap{
		margin-bottom: 8%; }
	.spContWrap h2{
		margin-bottom: 6%;
		font-size: 21px;
	 }
	.spContents .spTitle{
		margin-bottom: 3%;
		font-size: 18px;
		text-align: left;
		}
		.spContents .lnkBox .img::before{
			width:56.4%;
			height:auto;
			padding: 3% 0;
			font-size: 3.048vw;
			line-height: 1;
			letter-spacing: 0.02em;
			}
		.spContents .lnkBox h3{
			margin:5.020% 0 3.012%;
			font-size:4.6vw;
			line-height:1.556;
			letter-spacing: 0.02em;
			}
		.spContents .lnkBox h3 span{
			font-size:3.0vw;
			letter-spacing:0.1rem;
			}
		.spContents .lnkBox .txt{
			letter-spacing: 0.03em;
			}
		.spContents .lnkBox .txt{
			letter-spacing: 0.03em;
			}
	#reason1 .copy{
		margin-bottom: 3%;
		font-size: 18px;
		text-align: left; }
	#reason1 .lnkBox h3{
		letter-spacing: 0; }
}

@media screen and (max-width:750px){

.acms-grid,
.acms-grid-r{
	margin-left:0;
	margin-right:0;
	}

/* ---------------
 エントリー内 主な要素
--------------- */
.acms-entry{
	margin-bottom:16.949%;
	}
.acms-entry [class*=acms-col-]{ padding:0; }
.acms-entry h2,
.acms-entry h3,
.acms-entry h4,
.acms-entry h5,
.acms-entry h6,
.acms-entry dl{
	margin-left:0;
	margin-right:0;
	}
.acms-entry p{
	margin-left:0;
	margin-right:0;
	}
.acms-entry .entry-container{
	margin-left:0;
	margin-right:0;
	}
.acms-entry blockquote{
	margin:0 0 15px 0;
	padding:10px 20px;
	border-left:solid 5px #CCC;
	}
	/* エントリー内画像サイズ */
	.acms-entry [class*="column-image-"],
	.acms-entry [class*="column-media-"],
	.acms-entry [class*="column-eximage-"]{
		float:none;
		padding-left:0;
		padding-right:0;
		width:auto !important;
		}

.entry-column .acms-column-coat{
	width:100%;
	padding:6.780% 5.932%;
	margin:0 auto;
	}

.acms-entry [class*="column-image-"].nocaption,
.acms-entry [class*="column-media-"].nocaption,
.acms-entry [class*="column-eximage-"].nocaption,
.acms-entry [class*="column-yolp-"],
.acms-entry [class*="column-youtube-"],
.acms-entry [class*="column-video-"]{ margin-bottom:0; }

/* ここまで調整 */

.ttlBlk h2{ }
.entryBlk h3{ }
.entry-column h4{ }
.entry-column p{ }
	.entry-column h4 span{
		display:inline-block;
		margin-top:-5px;
		margin-right:1.695%;
		font-size:59px;
		color:#04386e;
		/* -webkit-text-stroke: 0.2px #04386e; */
		line-height:1;
		vertical-align:middle;
		}
	.entry-column h4 em{
		display:inline-block;
		width:71.966%;
		font-style:normal;
		vertical-align:middle;
		}


.entry-column .acms-entry-unit-full{ margin-bottom:8.475%; }
}


/*  選ばれる理由：注文住宅ならではの「自由」と「安心」
==================================*/
.reason.relief h3:nth-of-type(2){
	padding-top:50px;
	}
.reason.relief h4{
	padding-top:50px;
	}
.reason.relief h4 span{
	color: var(--ttlSubColor);
	}
.reason.relief h4:nth-of-type(1),
.reason.relief h4:nth-of-type(4){
	padding-top:30px;
	}

@media screen and (max-width:750px){

.reason.relief h3:nth-of-type(2){
	padding-top:18.644%;
	}
.reason.relief h4{
	padding-top:15.254%;
	}
.reason.relief h4:nth-of-type(1),
.reason.relief h4:nth-of-type(4){
	padding-top:15.254%;
	}
.reason.relief h5{
	padding-top:5.882%;
	}

}

/*  選ばれる理由：木造在来工法が実現する、「ずっと快適な空間」
==================================*/
.reason.comfort h3:nth-of-type(2),
.reason.comfort h3:nth-of-type(3),
.reason.comfort h3:nth-of-type(4){
	padding-top:50px;
	}
.reason.comfort h4{
	padding-top:50px;
	}
.reason.comfort h4 span{
	color: var(--ttlSubColor);
	}
.reason.comfort h4:nth-of-type(1){
	padding-top:20px;
	}

@media screen and (max-width:750px){
.reason.comfort h3:nth-of-type(2),
.reason.comfort h3:nth-of-type(3),
.reason.comfort h3:nth-of-type(4){
	padding-top:18.644%;
	}
.reason.comfort h4{
	padding-top:15.254%;
	}
.reason.comfort h4:nth-of-type(1){
	padding-top:5.254%;
	}
.reason.comfort h5{
	padding-top:5.882%;
	}

}

/*  選ばれる理由：「期待を超える」ための、一貫した社内体制
==================================*/
.reason.system h3:nth-of-type(2),
.reason.system h3:nth-of-type(3),
.reason.system h3:nth-of-type(4){
	padding-top:60px;
	}
.reason.system h4 span{
	color: var(--ttlSubColor);
	}

@media screen and (max-width:750px){

.reason.system h3:nth-of-type(2),
.reason.system h3:nth-of-type(3),
.reason.system h3:nth-of-type(4){
	padding-top:18.644%;
	}

}



/*  誰もが幸せになる、「100年、生きる家」をめざして
==================================*/
.reason.special01 .entryHeader{
	margin-bottom: 90px; }
.reason.special01 .entryHeader .entryTitle{
	margin-bottom: 5px; }
.reason.special01 .entryHeader .catch{
	margin-bottom: 20px;
	font-size: 18px; }
.reason.special01 .entryHeader .ttlImg{
	font-size: 0; }
.reason.special01 .entry-column h3{
	border: none;
	margin-bottom: 90px;
	padding-bottom: 0;
	font-size: 80px;
	line-height: 0.8;
	letter-spacing: -0.02em;
	text-align: center;}
.reason.special01 .entry-column h3 span{
	font-size: 28px;
	letter-spacing: .01em;}
.reason.special01 h4{
	border-bottom: solid 1px #ccc;
	margin-bottom: 30px;
	padding-bottom: 15px;
	padding-top: 80px;
	font-family: var(--fontBold);
	font-size: 28px;
	line-height: 1.4;
	letter-spacing: 0.1rem; }
.reason.special01 .entry-column p{
	letter-spacing: 0; }
.reason.special01 .lnkBtn{
	margin-top: 0;
	padding: 10px 25px;
	}
.reason.special01 .entry-column p .pointBox{
	display: inline-block;
	background-color: #fff;
	width: 100%;
	padding: 25px 30px;
	color: #04386e;
	letter-spacing: -0.02em;
	box-sizing: border-box;}
.reason.special01 .entry-column .column-image-center{
	width: 554px!important;
	margin-bottom: 90px;
	text-align: center;}

@media screen and (max-width:750px){
	.reason.special01 .entryHeader{
		margin-bottom: 15.333%; }
	.reason.special01 .entryHeader .entryTitle{
		margin-bottom: 1.695%;
		font-size: 21px;
		letter-spacing: 0.1rem; }
	.reason.special01 .entryHeader .catch{
		margin-bottom: 6.780%;
		font-size: 3.867vw;
		line-height: 1.625; }
	.reason.special01 .entry-column h3{
		margin-bottom: 15.333%;
		font-size: 10.667vw;
		letter-spacing: -0.04em;
	white-space: nowrap; }
	.reason.special01 .entry-column h3 span{
		font-size: 4vw;
		letter-spacing: .01em;}
	.reason.special01 h4{
		margin-bottom: 5.085%;
		padding-top: 13.559%;
		padding-bottom: 2.542%;
		font-size: 18px; }
	.reason.special01 .entry-column p{
		padding-bottom: 3.390%;
		letter-spacing: -0.02em; }
	.acms-entry [class*="column-image-"].nocaption,
	.acms-entry [class*="column-media-"].nocaption,
	.acms-entry [class*="column-eximage-"].nocaption,
	.acms-entry [class*="column-yolp-"],
	.acms-entry [class*="column-youtube-"],
	.acms-entry [class*="column-video-"]{
		margin-bottom: 3.390%; }
	.reason.special01 .lnkBtn{
		width: 100%;
		padding: 2.542% 5.085%; }
	.reason.special01 .entry-column p .pointBox{
		padding: 6.780%;
		letter-spacing: -0.02em; }
	.reason.special01 .entry-column .column-image-center{
		width: 87.937%!important;
		margin-bottom: 13.460%; }
}


/*  選ばれる理由：対談
==================================*/
.reason.special02 .entryHeader{
	margin-bottom: 45px; }
.reason.special02 .entryHeader .entryTitle{
	margin-bottom: 0; }
.reason.special02 .entryHeader .entryTitle span{
	font-size: 17px; }
.reason.special02 .entryHeader .catch{
	margin-bottom: 20px;
	font-size: 22px; }
.reason.special02 .entryHeader .ttlImg{
	font-size: 0; }
.reason.special02 h4{
	border-left: solid 5px #04386e;
	margin: 80px 20px 35px;
	padding-left: 20px;
	font-family: var(--fontBold);
	font-size: 24px;
	color: #04386e;
	letter-spacing: 0.1rem;
	box-sizing: border-box;}
.reason.special02 h4 span{
	font-size: 18px;
	color: #04386e;
 }
.reason.special02 .entry-column p{
	letter-spacing: -0.02em;}
.reason.special02 .entry-column p .name{
	color: #04386e;
	letter-spacing: -0.04em;}

.reason.special02 .entry-column .acms-column-coat{
	margin-top: 40px;
	padding-bottom: 15px;}
.reason.special02 .entry-column .acms-column-coat h5{
	margin-bottom: 15px;
	line-height: 1; }
.reason.special02 .entry-column .acms-column-coat h5 span{
	font-size: 16px; }
.reason.special02 .entry-column .acms-column-coat p{
	letter-spacing: 0.04em; }

@media screen and (max-width:750px){
	.reason.special02 .entryHeader{
		margin-bottom: 10.169%; }
	.reason.special02 .entryHeader .entryTitle{
		font-size: 21px;
		margin-bottom: 0; }
	.reason.special02 .entryHeader .entryTitle span{
		font-size: 3.733vw;
		letter-spacing: 0.06em;}
	.reason.special02 .entryHeader .catch{
		margin-bottom: 6.780%;
		font-size: 3.867vw;
		line-height: 1.625; }
	.reason.special02 h4{
		border-width: .933vw;
		margin: 13.559% 0 5.085%;
		padding-left: 5.085%;
		font-size: 4.149vw; }
	.reason.special02 h4 span{
		font-size: 3.2vw; }
	.reason.special02 .entry-column p{
		line-height: 1.857;
		padding-bottom: 3.390%; }

	.reason.special02 .entry-column .acms-column-coat{
		margin-top: 11.864%;
		padding-bottom: 70.919%;}
	.reason.special02 .entry-column .acms-column-coat .column-image-right{
		position: absolute;
		bottom: 0;
		left: 5.932%;
		right: 5.932%;
		margin-bottom: 5.932%;}
	.reason.special02 .entry-column .acms-column-coat .w246{
		width: 100%; }
	.reason.special02 .entry-column .acms-column-coat h5{
		margin-bottom: 3.922%;
		font-size: 4.267vw; }
	.reason.special02 .entry-column .acms-column-coat h5 span{
		font-size: 3.2vw; }
	.reason.special02 .entry-column .acms-column-coat p{
		line-height: 1.714;
		letter-spacing: -0.05em; }
}



.reason #reason1{
	margin-top: 60px; }
.reason .relationTtl{
	margin-bottom: 30px;
	font-size: 26px; }
.cateIndex .lnkBox.here{
	display: none; }

@media screen and (max-width:750px){
	.reason #reason1{
		margin-top: 0; }
	.reason .relationTtl{
		margin-bottom: 7.627%;
		font-size: 4.267vw; }
}