@charset "utf-8";
.circleLink{text-align:right;}
section:not([data-full]):not(#mainVisual),
main > figure{
	width:min(96%,1100px);
	margin-right:auto;
	margin-left:auto;
}
main h2{line-height:1.88;}
main p{line-height:2.066;}
#oepnup .openupList{
	margin:0 auto;
	color:#006039;
}
#oepnup .openupList li+li{background:url("../img/common/bar.svg") left top no-repeat;}
#oepnup .openupList .checkLi{
	position:relative;
	opacity:1!important;
}
#oepnup .openupList .checkLi:before,
#oepnup .openupList .checkLi:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
}
#oepnup .openupList .checkLi:before{
	background:url("../img/newhouse/check-icon01.svg") no-repeat left top / contain;
	opacity:1;
}
#oepnup .openupList .checkLi:after{
	background:url("../img/newhouse/check-icon02.svg") no-repeat left top / contain;
	transition:opacity 0.8s ease-out 0.4s;
	opacity:0;
}
#oepnup .openupList .checkLi.show:after{opacity:1;}
#oepnup .openupList .checkLi img{
	display:block;
	width:auto;
	max-inline-size:initial;
	transition:opacity 0.8s ease-out;
	opacity:0;
}
#oepnup .openupList .checkLi.show img{opacity:1;}
#oepnup .openupList p{display:block;}
.house figure{margin:0 auto;}
#house01 .fgHouse,
figure.house{text-align:center;}
#house01 .fgHouse figcaption,
figure.house figcaption{text-align:left;}
figure.house > img,
#house01 figure .fg,
#house01 .pointList+.circleLink,
#house03 .movieBox{margin:0 auto;}
#house01 .movieBox{
	display:block;
	position:relative;
}
#house01 .movieBox > img{
	aspect-ratio:16 / 9;
	object-position:center center;
	object-fit:cover;
}
#house01 .fgHouse .fg{
	display:flex;
	justify-content:space-between;
}
#house01 .pointList{margin:0 auto;}
#house01 .pointList li{text-align:center;}
#house01 .pointList li .circleTtl,
#house01 .pointList li> p{
	transition:opacity 0.8s ease-out;
	opacity:0;
}
#house01 .pointList.show li .circleTtl,
#house01 .pointList.show li> p{opacity:1;}
#house01 .pointList li:nth-child(1)> p{transition-delay:0.4s;}
#house01 .pointList li:nth-child(2) .circleTtl{transition-delay:0.8s;}
#house01 .pointList li:nth-child(2)> p{transition-delay:1.2s;}
#house01 .pointList li:nth-child(3) .circleTtl{transition-delay:1.6s;}
#house01 .pointList li:nth-child(3)> p{transition-delay:2.0s;}
#house01 .pointList li:nth-child(4) .circleTtl{transition-delay:2.4s;}
#house01 .pointList li:nth-child(4)> p{transition-delay:2.8s;}
#house01 .pointList li .circleTtl{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	margin:0 auto;
	border:1px solid #006039;
	border-radius:50%;
	color:#006039;
	text-align:center;
}
#house01 .pointList li *:not(p):not(h4){
	display:block;
	margin:0 auto;
	line-height:1.0;
}
#house01 .pointList li h3{border-bottom:1px solid #006039;}
#house01 .pointList li h4{
	display:block;
	line-height:1.75;
}
#house01 .pointList li p{
	display:block;
	text-align:left;
}
#house01 .pointList+.circleLink{margin:0 auto;}
#house02 h3{
	display:block;
	color:#006039;
}
#house02 .cap+h3{background:url("../img/common/bar.svg") left top no-repeat;}
#house02 .cap{
	position:relative;
	display:table;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
#house02 .cap img{margin:0 auto;}
#house02 p strong{
	font-weight:normal;
	color:#c46800;
}
#house03 .movieBox{position:relative;}
#house03 .movieBox > img{
	aspect-ratio:4 / 3;
	object-position:center center;
	object-fit:cover;
}
#topicsAside{margin:0 auto;}
#topicsAside .topicsBox{background-color:#f5f7f7;}
#topicsAside .topicsBox h3{
	display:block;
	color:#006039;
	line-height:1.0;
}
.lbox .asideMV{
	position:relative;
	display:block;
}
.lbox .asideMV h2{
	position:absolute;
	display:block;
	background-color:#fff;
	color:#006039;
	line-height:1.0;
	writing-mode:vertical-rl;
}
.lbox h3{color:#006039}
.topicsLBox .inner{background-color:#ebf0ef;}
#wbCheck:checked ~ #wbLightBox,
#topics01:checked ~ #topics01LightBox,
#topics02:checked ~ #topics02LightBox,
#topics03:checked ~ #topics03LightBox,
#topics04:checked ~ #topics04LightBox{
	opacity:1;
	pointer-events:auto;
}
#wbCheck:checked ~ #wbLightBox .inner,
#topics01:checked ~ #topics01LightBox .inner,
#topics02:checked ~ #topics02LightBox .inner,
#topics03:checked ~ #topics03LightBox .inner,
#topics04:checked ~ #topics04LightBox .inner{margin-right:0;}
#wbLightBox .wbLogo{margin:0 auto;}
#wbLightBox h3{line-height:1.88;}
#wbLightBox p{line-height:2.066;}
#wbLightBox .wbTopics{text-align:center;}
#wbLightBox .wbTopics+.wbTopics{background:url("../img/common/bar.svg") left top no-repeat;}
#wbLightBox .wbTopics > img{margin:0 auto;}
#wbLightBox .wbTopics figcaption{text-align:left;}
#wbLightBox .wbTopics figcaption p,
#topics01LightBox .topics01List p.wbTxt,
#topics02LightBox .fgTxt{line-height:1.8;}
#wbLightBox .wbTopics h3,
.topicsLBox .topics01List h3{
	display:flex;
	align-items:flex-start;
	line-height:1.0;
}
#wbLightBox .wbTopics h3 > *,
.topicsLBox .topics01List h3 > *{display:block;}
#wbLightBox .wbLink{text-align:center;}
#wbLightBox .wbLink a{
	display:block;
	margin:0 auto;
	line-height:1.0;
}
#wbLightBox .wbLink a:hover{opacity:0.5;}
.topicsLBox .topicsSttl{line-height:1.88;}
.topicsLBox .topicsTxt{line-height:2.066;}
#topics01LightBox .topics01List h3 span{
	flex:1;
	border-bottom:1px solid #006039;
}
#topics01LightBox .topics01List li{position:relative;}
#topics01LightBox .topics01List li+li:before{
	content:"";
	display:block;
	position:absolute;
	background:url("../img/newhouse_lb/down-arrow.svg");
}
#topics01LightBox .topics01List p{line-height:2.066;}
#topics02LightBox .topics02Fg{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
#topics02LightBox .fgTtl h3{
	position:relative;
	display:flex;
	justify-content:flex-end;
	width:100%;
	height:100%;
	writing-mode:vertical-rl;
}
#topics02LightBox .fgTtl h3:before,
#topics02LightBox .fgTtl h3:after{
	content:"";
	display:block;
	position:absolute;
	background-color:#006039;
}
#topics02LightBox .fgTtl h3:before{
	width:1px;
	top:0;
}
#topics02LightBox .fgTtl h3:after{
	height:1px;
	left:0;
}
#topics02LightBox .fgTtl h3 span{
	display:block;
	line-height:1.0;
}
#topics02LightBox .fgTxt p{line-height:2.066;}
#topics02LightBox .topics02Fg .sw-arrow{
	position:absolute;
	margin:0;
}
#topics04LightBox .lastMsg{
	display:inline-flex;
	line-height:2.066;
}
#topics04LightBox .lastMsg li{
	display:block;
	line-height:2.066;
}
#topics04LightBox .lastMsg li:last-child{position:relative;}
#topics04LightBox .lastMsg li:last-child:before{
	content:"";
	display:block;
	width:1px;
	position:absolute;
	left:0;
	background-color:#737271;
}

.features p{text-align:left;}
.features p.cautionTxt{line-height:2.076;}
.featLarge{text-align:center;}
.featLarge > img,
.featLarge figcaption{
	width:100%;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}
.featLarge h3{
	display:block;
	line-height:1.0;
}
body[data-cat="newhouse"] .sliderHd,
body[data-cat="newhouse"] #leadBox h2,
body[data-cat="newhouse"] #oepnup h2,
body[data-cat="newhouse"] .house h2{color:#006039;}
body[data-cat="newhouse"] .sliderHd h2 > span:before,
body[data-cat="newhouse"] .sliderHd h2 > span:after{background-color:#006039;}
body[data-cat="newhouse"] .sliderBtn svg use{fill:#006039;}
body[data-cat="reform"] .sliderHd{color:#c46800;}
body[data-cat="reform"] .sliderHd h2 > span:before,
body[data-cat="reform"] .sliderHd h2 > span:after{background-color:#c46800;}
body[data-cat="reform"] #leadBox h2,
body[data-cat="reform"] .features h2,
body[data-cat="reform"] .featLarge h2{color:#c46800;}
body[data-cat="reform"] .sliderHd .sliderBtn button{border-color:#c46800;}
body[data-cat="reform"] .sliderHd .sliderBtn button:hover{background-color:#c46800;}
body[data-cat="reform"] .sliderBtn svg use{fill:#c46800;}
body[data-cat="reform"] .reLink a:hover{background-color:#c46800;}
body[data-cat="reform"] .featLarge h3{
	border-bottom:1px solid #c46800;
	color:#c46800;
}
@media (max-width:768.98px){
	section:not([data-full]):not(#mainVisual),
	main > figure{width:84vw;}

	.sliderHd{
		padding-bottom:38px;
		text-align:center;
	}
	.sliderHd h2,
	.sliderHd .leadTxt{margin:0 auto;}
	.sliderHd h2 > span{font-size:calc(19 / 16 * 1rem);}
	.sliderHd h2 > span:before{height:38px;}
	.sliderHd .leadTxt{
		padding:7px 0 0;
		font-size:calc(6.666 / 16 * 1rem);
	}
	.sliderBox .sliderHd h2{width:153px;}
	.sliderBox .sliderHd h2 > span{
		padding:0 0 13px;
		letter-spacing:12px;
		text-indent:12px;
	}
	.sliderBox .sliderHd .leadTxt{
		letter-spacing:3.6px;
		transform:translateX(0);
	}
	#leadBox{margin-top:112px;}
	/*#leadBox figure{
		width:100vw;
		margin-left:-8vw;
	}*/
	#leadBox .txtBox{margin-top:32px;}
	#leadBox h2{
		font-size:calc(20 / 16 * 1rem);/***19>20***/
		letter-spacing:1.7px;
	}
	#leadBox p{
		margin-top:36px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:0.6px;
	}
	#leadBox p+p{margin-top:23px;}
	#oepnup{margin-top:186px;}
	#oepnup figure{
		width:84w;
		margin:0 auto;
	}
	#oepnup figure img+img{margin-top:38px;}
	#oepnup .txtBox{
		width:84vw;
		margin-top:30px;
	}
	#oepnup h2{
		margin-bottom:37px;
		font-size:calc(20 / 16 * 1rem);/***19>20***/
		letter-spacing:1.7px;
	}
	#oepnup p{
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:0.544px;
	}
	#oepnup p+p{margin-top:19px;}
	#oepnup .openupList{
		width:84vw;
		margin:28px auto 38px;
	}
	#oepnup .openupList li+li{
		margin-top:17px;
		padding-top:19px;
		background-size:auto 1.5px;
	}
	#oepnup .openupList .checkLi{padding-left:34px;}
	#oepnup .openupList .checkLi:before,
	#oepnup .openupList .checkLi:after{
		width:21px;
		height:19px;
		top:calc(50% - 10px);
	}
	#oepnup .openupList .checkLi img{height:38px;}
	#oepnup .openupList p{
		margin-top:5px;
		padding-left:33px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		line-height:1.75;
	}
	figure.house{margin-top:150px;}
	figure.house > img,
	.house figure > .fg,
	#house03 .movieBox{
		width:100vw;
		margin-left:-8vw;
	}
	figure.house .txtBox{margin-top:42px;}
	.house h2{
		font-size:calc(20 / 16 * 1rem);/***19>20***/
		letter-spacing:1.86px;
	}
	.house p{
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:1.8px;
	}
	.house p+p{margin-top:23px;}
	#house01{margin-top:146px;}
	#house01 .movieBox,
	#house01 .pointList,
	#house01 .pointList+.circleLink{width:84vw;}
	#house01 .fgHouse{margin-top:36px;}
	#house01 .fgHouse .fg{
		width:100vw;
		margin-left:-8vw;
	}
	#house01 .fgHouse img{width:50%;}
	#house01 .fgHouse figcaption{
		width:100%;
		margin-top:52px;
	}
	#house01 .txtBox{margin-top:30px;}
	#house01 .txtBox p{font-size:calc(14 / 16 * 1rem);/********sp upset************/}
	#house01 .pointList{margin-top:88px;}
	#house01 .pointList li+li{margin-top:40px;}
	#house01 .pointList li h3{
		width:116px;
		padding-bottom:10px;
	}
	#house01 .pointList li .circleTtl{
		width:182px;
		height:182px;
		padding-bottom:6px;
	}
	#house01 .pointList li .circleTtl img{width:40px;}
	#house01 .pointList li .circleTtl span[data-maru]{
		margin-top:5px;
		font-size:calc(21 / 16 * 1rem);
		letter-spacing:3px;
		text-indent:3px;
	}
	#house01 .pointList li .pointTtl{
		margin-top:10px;
		font-size:calc(19 / 16 * 1rem);
		letter-spacing:14px;
		text-indent:14px;
	}
	#house01 .pointList li h4{
		margin-top:8px;
		font-size:calc(14 / 16 * 1rem);
		letter-spacing:3px;
		transform:translateX(3px);
	}
	#house01 .pointList li p{
		margin-top:27px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
	}
	#house01 .pointList+.circleLink{margin-top:46px;}
	#house02 figcaption{margin-top:46px;}
	#house02 h3{
		font-size:calc(15 / 16 * 1rem);
		line-height:1.0;
		letter-spacing:1.8px;
	}
	#house02 p{margin-top:21px;}
	#house02 .cap+h3{
		margin-top:48px;
		padding-top:65px;
		background-size:auto 1.5px;
	}
	#house02 .cap img{width:90.666%;}
	#house02 #cap01{margin-top:28px;}
	#house02 #cap02{margin-top:32px;}
	#house02 .cap img{width:100%;}
	#house03 figcaption{margin-top:52px;}
	#topicsAside{margin-top:146px;}
	#topicsAside .topicsBox{
		width:267px;
		margin:0 auto;
		border-bottom-left-radius:18px;
	}
	#topicsAside .topicsBox+.topicsBox{margin-top:42px;}
	#topicsAside .topicsBox figcaption{padding:23px 20px 25px 18px;}
	#topicsAside .topicsBox h3{
		font-size:calc(16 / 16 * 1rem);
		letter-spacing:0.5px;
	}
	#topicsAside .topicsBox p{
		margin-top:16px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:1.0px;
	}
	#topicsAside .topicsBox .circleLink{margin-top:10px;}
	.lbox .asideMV h2{
		top:-30px;/*bottom:25px;*/
		right:-18px;
		padding:13px 12px;
		font-size:calc(22 / 16 * 1rem);
		letter-spacing:4px;/*4.8px > 3px >4px*/
		white-space:nowrap;
	}
	#wbLightBox .asideMV h2{letter-spacing:3px;}
	.lbox .asideMV > img{width:100%;}
	#wbLightBox h3{
		font-size:calc(20 / 16 * 1rem);/***19>20***/
		letter-spacing:1.8px;
	}
	#wbLightBox p{
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:0.85px;
	}
	#wbLightBox p+p{margin-top:23px;}
	#wbLightBox .wbLogo{
		width:140px;
		margin-top:75px;
	}
	#wbLightBox .wbSttl{margin:60px auto 36px;}
	#wbLightBox .wbTopics+.wbTopics{
		margin-top:40px;
		padding-top:50px;
		background-size:auto 1.5px;
	}
	#wbLightBox .wbTopics h3{
		margin-top:34px;
		margin-bottom:15px;
	}
	#wbLightBox .wbTopics h3 img{
		width:24px;
		margin-right:17px;
	}
	#wbLightBox .wbTopics h3 span{padding-top:10px;}
	#wbLightBox .wbTopics figcaption p{
		padding-right:37px;
		padding-left:38px;
	}
	#wbLightBox #wbTopics01{margin-top:74px;}
	#wbLightBox #wbTopics01 > img{width:66.19184%;}/*60.1744*/
	#wbLightBox #wbTopics02 > img{width:99%;}/*90%*/
	#wbLightBox #wbTopics03 > img{width:90.5575%;}/*82.325*/
	#wbLightBox #wbTopics04 > img{width:76.7437%;}/*69.767*/
	#wbLightBox .wbLink{margin-top:100px;}
	#wbLightBox .wbLink a{width:200px;}
	.topicsLBox .topicsSttl{
		margin-top:35px;
		margin-bottom:32px;
		font-size:calc(20 / 16 * 1rem);/***19>20***/
		letter-spacing:3.7px;
	}
	.topicsLBox .topicsTxt{
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:1.1px;
	}
	.topicsLBox .topicsTxt+.topicsTxt{margin-top:22px;}
	#topics01LightBox .topics01List{margin-top:64px;}
	#topics01LightBox .topics01List li+li{margin-top:100px;}/*67px*/
	#topics01LightBox .topics01List li+li:before{
		width:34px;
		height:19px;
		top:-66px;/*-50px*/
		left:calc(50% - 17px);
	}
	#topics01LightBox .topics01List h3{
		margin-bottom:15px;
		font-size:calc(20 / 16 * 1rem);/***19>20***/
		letter-spacing:1.866px;
	}
	#topics01LightBox .topics01List h3 > img{
		width:24px;
		margin-right:17px;
	}
	#topics01LightBox .topics01List h3 span{padding:10px 0 8px;}
	#topics01LightBox .topics01List h3 small{font-size:calc(14 / 16 * 1rem);/********sp upset************/}
	#topics01LightBox .topics01List p{
		padding-left:38px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:0.855px;
	}
	#topics02LightBox .topics02Fg{margin-top:70px;}
	#topics02LightBox .topicsTxt+.topics02Fg{margin-top:82px;}
	#topics02LightBox .fgTtl,
	#topics02LightBox .topics02Fg > img,
	#topics02LightBox .topics02Fg .slider{height:200px;}
	#topics02LightBox .fgTtl h3{
		width:50px;
		padding:0 31px 12px 3px;
		font-size:calc(18 / 16 * 1rem);
		letter-spacing:17px;
	}
	#topics02LightBox .fgTtl h3:before{
		height:100%;
		right:22px;
	}
	#topics02LightBox .fgTtl h3:after{width:36px;}
	#topics02LightBox .topics02Fg > img,
	#topics02LightBox .topics02Fg .slider{width:264px;}
	#topics02LightBox .fgTxt{
		margin-top:25px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:0.8px;
	}
	#topics02LightBox .topics02Fg{
		width:315px;
		margin-right:auto;
		margin-left:auto;
	}
	#topics02LightBox .topics02Fg .sw-arrow{
		width:9px;
		height:17px;
		top:calc(50% - 8.5px);
		z-index:100;
	}
	#topics02LightBox .topics02Fg .swiper-button-prev{left:7px;}
	#topics02LightBox .topics02Fg .swiper-button-next{right:7px;}
	#topics02LightBox .topics02Fg .circleLink{margin:9px 4px 5px 0;}
	#topics02LightBox .topics02Fg .circleLink span{letter-spacing:6px;}
	#topics02LightBox .topics02Fg .circleLink img{
		width:22px;
		margin-left:12px;
	}
	#topics02LightBox #solidWood h3{letter-spacing:1px;}
	#topics02LightBox #solidWood h3 span{padding-bottom:16px;}
	#topics02LightBox #cottonCloth h3{letter-spacing:5px;}
	#topics02LightBox #cottonCloth h3 span{padding-bottom:10px;}
	#topics02LightBox #termites h3{letter-spacing:6px;}
	#topics02LightBox #termites h3 span{padding-bottom:13px;}
	/*#topics03LightBox .asideMV h2{letter-spacing:8px;}
	#topics04LightBox .asideMV h2{letter-spacing:9px;}*/
	#topics04LightBox .lastMsg{
		margin-top:32px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:0.9px;
	}
	#topics04LightBox .lastMsg li:first-child{width:153px;}
	#topics04LightBox .lastMsg li:last-child{padding-left:24px;}
	#topics04LightBox .lastMsg li:last-child:before{
		height:calc(100% - 12px);
		top:6px;
	}
	.features+.features{margin-top:38px;}
	.features figcaption{margin-top:32px;}
	.features h2{
		font-size:calc(20 / 16 * 1rem);
		letter-spacing:2.3px;
	}
	.features p{
		margin-top:17px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:0.6px;
	}
	.features p.cautionTxt{font-size:calc(10 / 16 * 1rem);}
	.features p+p{margin-top:14px;}
	#features01{margin-top:92px;}
	.featLarge > img{width:100%;}
	.featLarge figcaption{margin-top:32px;}
	.featLarge h2{
		font-size:calc(20 / 16 * 1rem);/***19>20***/
		letter-spacing:1.8px;
	}
	body[data-cat="newhouse"] .featLarge .txtBox{margin-top:32px;}
	body[data-cat="reform"] .featLarge .txtBox{margin-top:48px;}
	.featLarge h3{
		margin-bottom:6px;
		padding:0 0 7px 2px;
		font-size:calc(20 / 16 * 1rem);/***19>20***/
		letter-spacing:1.8px;
	}
	body[data-cat="newhouse"] .featLarge p+h3{margin-top:32px;}
	body[data-cat="reform"] .featLarge p+h3{margin-top:48px;}
	.featLarge p{
		padding-top:5px;
		font-size:calc(14 / 16 * 1rem);/********sp upset************/
		letter-spacing:0.93px;
	}
	.featLarge p+p{margin-top:18px;}
	#featLg01{margin-top:148px;}
	#featLg01 img,
	#featLg02 img{
		width:100vw;
		margin:0 -8vw;
	}
	#featLg02{margin-top:116px;}
}
@media (min-width:769px){
	#leadBox{margin-top:144px;}
	#leadBox figure{width:550px;}
	#leadBox .txtBox{width:460px;}
	#leadBox h2{
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:2.2px;
		white-space:nowrap;
	}
	#leadBox p{
		margin-top:47px;
		font-size:calc(15 / 16 * 1rem);
		letter-spacing:0.8px;
	}
	#leadBox p+p{margin-top:30px;}
	#oepnup{margin-top:240px;}
	#oepnup figure{width:550px;}
	#oepnup figure img+img{margin-top:50px;}
	#oepnup .txtBox{width:460px;}
	#oepnup h2{
		margin-bottom:48px;
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:2.2px;
	}
	#oepnup p{
		font-size:calc(15 / 16 * 1rem);
		letter-spacing:0.7px;
	}
	#oepnup p+p{margin-top:25px;}
	#oepnup .openupList{
		width:412px;
		margin:36px auto 50px;
	}
	#oepnup .openupList li+li{
		margin-top:29px;
		padding-top:24px;
		background-size:auto 2px;
	}
	#oepnup .openupList .checkLi{padding-left:43px;}
	#oepnup .openupList .checkLi:before,
	#oepnup .openupList .checkLi:after{
		width:27px;
		height:24px;
		top:calc(50% - 12px);
	}
	#oepnup .openupList .checkLi img{height:46px;}
	#oepnup .openupList p{
		margin-top:11px;
		padding-left:43px;
		font-size:calc(15 / 16 * 1rem);
		line-height:1.0;
		white-space:nowrap;
	}
	figure.house{margin-top:192px;}
	figure.house > img,
	.house figure > .fg,
	#house01 .movieBox,
	#house01 .pointList,
	#house01 .pointList+.circleLink,
	#house03 .movieBox{width:min(75.45%,830px);}
	.house h2{
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:2.4px;
	}
	.house p{
		font-size:calc(15 / 16 * 1rem);
		letter-spacing:1.2px;
	}
	.house p+p{margin-top:30px;}
	#house01{margin-top:190px;}
	#house01 .fgHouse{
		margin-top:48px;
	}
	#house01 .fgHouse img{width:48.192%;}
	#house01 .fgHouse figcaption{
		width:100%;
		margin-top:68px;
	}
	#house01 .pointList{
		display:grid;
		grid-template-columns:auto auto;
		grid-template-rows:auto auto;
		row-gap:70px;
		margin-top:115px;
	}
	#house01 .pointList li h3{
		width:150px;
		padding-bottom:13px;
	}
	#house01 .pointList li .circleTtl{
		width:234px;
		height:234px;
		padding-bottom:8px;
	}
	#house01 .pointList li .circleTtl img{width:52px;}
	#house01 .pointList li .circleTtl span[data-maru]{
		margin-top:7px;
		font-size:calc(28 / 16 * 1rem);
		letter-spacing:4px;
		text-indent:4px;
	}
	#house01 .pointList li .pointTtl{
		margin-top:14px;
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:18px;
		text-indent:18px;
	}
	#house01 .pointList li h4{
		margin-top:10px;
		font-size:calc(18 / 16 * 1rem);
		letter-spacing:4px;
		transform:translateX(4px);
	}
	#house01 .pointList li p{
		margin:35px -4px 0 4px;
		padding:0 10%;
		font-size:calc(15 / 16 * 1rem);
	}
	#house01 .pointList+.circleLink{
		margin-top:60px;
		padding-right:45px;
	}
	#house02 figcaption{margin-top:72px;}
	#house02 h3{
		font-size:calc(18 / 16 * 1rem);
		line-height:1.0;
		letter-spacing:2px;
	}
	#house02 p{margin-top:20px;}
	#house02 .cap+h3{
		margin-top:34px;
		padding-top:53px;
		background-size:auto 2px;
	}
	#house02 #cap01{margin-top:57px;}
	#house02 #cap02{margin-top:60px;}
	#house02 .cap img{width:402px;}
	#house02 #cap01 img{transform:translateX(-24px);}
	#house02 #cap02 img{transform:translateX(-22px);}
	#house03 figcaption{margin-top:66px;}
	#topicsAside{margin-top:188px;}
	#topicsAside .topicsBox{
		width:min(100%,450px);
		border-bottom-left-radius:48px;
	}
	#topicsAside .topicsBox figcaption{padding:38px 32px 32px;}
	#topicsAside .topicsBox h3{
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:2.5px;
	}
	#topicsAside .topicsBox p{
		margin-top:34px;
		font-size:calc(15 / 16 * 1rem);
		letter-spacing:1.0px;
	}
	#topicsAside .topicsBox:first-child p{white-space:nowrap;}
	#topicsAside .topicsBox .circleLink{margin-top:40px;}
	.lbox .asideMV h2{
		top:-60px;/*bottom:-30px > top:-70px*/
		right:-50px;
		padding:28px 21px 23px;
		font-size:calc(27 / 16 * 1rem);/*37>27*/
		letter-spacing:7px;
		white-space:nowrap;
	}
	#wbLightBox h3{
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:2.4px;
	}
	#wbLightBox p{
		font-size:calc(15 / 16 * 1rem);
		letter-spacing:1.1px;
	}
	#wbLightBox p+p{margin-top:30px;}
	#wbLightBox .wbLogo{
		width:182px;
		margin-top:96px;
	}
	#wbLightBox .wbSttl{margin:78px auto 46px;}
	#wbLightBox .wbTopics+.wbTopics{
		margin-top:54px;
		padding-top:65px;
		background-size:auto 2px;
	}
	#wbLightBox .wbTopics h3{margin-bottom:20px;}
	#wbLightBox .wbTopics h3 img{
		width:32px;
		margin-right:22px;
		transform:translateX(-4px);
	}
	#wbLightBox .wbTopics h3 span{padding-top:14px;}
	#wbLightBox .wbTopics figcaption p{
		padding-right:48px;
		padding-left:50px;
	}
	#wbLightBox #wbTopics01{margin-top:95px;}
	#wbLightBox #wbTopics01 > img{
		width:345px;
		transform:translateX(-25px);
	}
	#wbLightBox #wbTopics01 h3{margin-top:44px;}
	#wbLightBox #wbTopics02 > img{width:516px;}
	#wbLightBox #wbTopics02 h3{margin-top:40px;}
	#wbLightBox #wbTopics03 > img{
		width:472px;
		transform:translateX(-10px);
	}
	#wbLightBox #wbTopics03 h3{margin-top:38px;}
	#wbLightBox #wbTopics04 > img{
		width:400px;
		transform:translateX(-5px);
	}
	#wbLightBox #wbTopics04 h3{margin-top:40px;}
	#wbLightBox .wbLink{margin-top:132px;}
	#wbLightBox .wbLink a{width:340px;}
	.topicsLBox .topicsSttl{
		margin-top:60px;
		margin-bottom:44px;
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:2.4px;
	}
	.topicsLBox .topicsTxt{
		font-size:calc(15 / 16 * 1rem);
		letter-spacing:1.1px;
	}
	.topicsLBox .topicsTxt+.topicsTxt{margin-top:30px;}
	#topics01LightBox .topics01List{
		margin-top:82px;
		padding-right:50px;
	}
	#topics01LightBox .topics01List li+li{margin-top:130px;}/*87px*/
	#topics01LightBox .topics01List li+li:before{
		width:44px;
		height:25px;
		top:-77px;/*-64px*/
		left:calc(50% + 27px);
	}
	#topics01LightBox .topics01List h3{
		margin-bottom:20px;
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:2.4px;
	}
	#topics01LightBox .topics01List h3 > img{
		width:32px;
		margin-right:22px;
		transform:translateX(-4px);
	}
	#topics01LightBox .topics01List h3 span{padding:14px 0 10px;}
	#topics01LightBox .topics01List p{
		padding-left:50px;
		font-size:calc(15 / 16 * 1rem);
		letter-spacing:1.1px;
	}
	#topics02LightBox .topics02Fg{margin:68px 50px 0;}
	#topics02LightBox .topicsTxt+.topics02Fg{margin-top:106px;}
	#topics02LightBox .fgTtl,
	#topics02LightBox .topics02Fg > img,
	#topics02LightBox .topics02Fg .slider{height:285px;}
	#topics02LightBox .fgTtl h3{
		width:70px;
		padding:0 42px 16px 4px;
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:25px;
	}
	#topics02LightBox .fgTtl h3:before{
		height:100%;
		right:29px;
	}
	#topics02LightBox .fgTtl h3:after{
		width:47px;
	}
	#topics02LightBox .topics02Fg > img,
	#topics02LightBox .topics02Fg .slider{width:380px;}
	#topics02LightBox .fgTxt{
		margin:26px -5px 0 0;
		font-size:calc(15 / 16 * 1rem);
		letter-spacing:1.1px;
	}
	#topics02LightBox .topics02Fg .sw-arrow{
		width:12px;
		height:22px;
		top:calc(50% - 11px);
		z-index:100;
	}
	#topics02LightBox .topics02Fg .swiper-button-prev{left:9px;}
	#topics02LightBox .topics02Fg .swiper-button-next{right:9px;}
	#topics02LightBox .topics02Fg .circleLink{margin:12px 5px 7px 0;}
	#topics02LightBox .topics02Fg .circleLink span{letter-spacing:8px;}
	#topics02LightBox .topics02Fg .circleLink img{
		width:28px;
		margin-left:16px;
	}
	#topics02LightBox #solidWood h3{letter-spacing:5px;}
	#topics02LightBox #solidWood h3 span{padding-bottom:21px;}
	#topics02LightBox #cottonCloth h3{letter-spacing:10px;}
	#topics02LightBox #termites h3{letter-spacing:8px;}
	#topics02LightBox #termites h3 span{padding-bottom:17px;}
	/*#topics03LightBox .asideMV h2{letter-spacing:10px;}
	#topics04LightBox .asideMV h2{
		padding-bottom:54px;
		letter-spacing:11.5px;
	}*/
	#topics04LightBox .lastMsg{
		margin-top:42px;
		font-size:calc(15 / 16 * 1rem);
		letter-spacing:1.2px;
	}
	#topics04LightBox .lastMsg li:first-child{width:197px;}
	#topics04LightBox .lastMsg li:last-child{padding-left:32px;}
	#topics04LightBox .lastMsg li:last-child:before{
		height:calc(100% - 16px);
		top:8px;
	}
	.features+.features{margin-top:50px;}
	.features > img{width:550px;}
	.features figcaption{width:460px;}
	.features h2{
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:3px;
	}
	.features p{
		margin-top:22px;
		font-size:calc(15 / 16 * 1rem);
		letter-spacing:0.8px;
	}
	.features p.cautionTxt{font-size:calc(13 / 16 * 1rem);}
	.features p+p{margin-top:18px;}
	#features01{margin-top:155px;}
	.featLarge > img{width:min(86%,830px);}
	.featLarge figcaption{margin-top:62px;}
	.featLarge h2{
		width:550px;
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:2.4px;
	}
	.featLarge .txtBox{width:550px;}
	.featLarge h3{
		margin-bottom:8px;
		padding:0 0 10px 3px;
		font-size:calc(25 / 16 * 1rem);
		letter-spacing:2.4px;
	}
	.featLarge p+h3{margin-top:42px;}
	.featLarge p{
		padding-top:7px;
		font-size:calc(15 / 16 * 1rem);
		letter-spacing:1.2px;
	}
	.featLarge p+p{margin-top:23px;}
	#featLg01{margin-top:190px;}
	#featLg02{margin-top:150px;}
}
@media (min-width:768px) and (max-width:959.98px){
	#topicsAside{width:450px;}
	#topicsAside .topicsBox:nth-child(n+2){margin-top:60px;}
}
@media (min-width:769px) and (max-width:1279.98px){
	#leadBox > *,
	.features > *{
		margin-right:auto;
		margin-left:auto;
	}
	#leadBox .txtBox{margin-top:40px;}
	#oepnup > *{
		margin-right:auto;
		margin-left:auto;
	}
	#oepnup .txtBox{margin-top:40px;}
	figure.house figcaption > *,
	#house01 .fgHouse figcaption{
		width:550px;
		margin-right:auto;
		margin-left:auto;
	}
	figure.house figcaption .txtBox{margin-top:40px;}
	#house01 .txtBox{margin-top:40px;}
	.features{text-align:center;}
	.features figcaption{margin-top:40px;}
	.featLarge figcaption{
		width:550px;
		margin-right:auto;
		margin-left:auto;
	}
	.features figcaption{text-align:left;}
	.featLarge .txtBox{margin-top:40px;}
}
@media (min-width:960px){
	#topicsAside{
		width:min(96%,960px);
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#topicsAside .topicsBox:nth-child(n+3){margin-top:60px;}
}
@media (min-width:1280px){
	#leadBox,
	.features{
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
	body[data-cat="newhouse"] #leadBox .txtBox{margin-top:40px;}
	body[data-cat="reform"] #leadBox .txtBox{margin-top:-22px;}
	#oepnup{
		display:flex;
		justify-content:space-between;
	}
	#oepnup .txtBox{margin-top:21px;}
	.house h2{margin-top:38px;}
	#house01 .fgHouse figcaption,
	figure.house figcaption{
		display:grid;
		grid-template-columns:50% 50%;
	}
	#house01 .txtBox{padding-right:64px;}
	#house01 .pointList li:nth-child(even){transform:translateX(4px);}
	.featLarge figcaption{
		display:flex;
		justify-content:space-between;
	}
	.featLarge h2{padding-top:45px;}
	#featLg02 .txtBox{padding-top:13px;}
}



#trend_notification_app{display:none;}