@charset "UTF-8";
#layer_main .main_img::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: linear-gradient(to right,rgba(0,0,0,0.65) 20%,rgba(0,0,0,0))}

#formlightsl{background: #e7e4e3;padding: 1.5em 0 2em;}
#formlightsl .wrap1024{display: grid;grid-template-columns: 20em 29.7em;justify-content: space-between;}
#formlightsl .wrap1024 .item_tit{grid-column: 1/3;}
.formlightsl_logo{grid-column: 1/2;}
.thermo{grid-column: 2/3;grid-row: 2/4;margin-top: 0.3em;}
.thermo h5{font-size: 1em;text-align: center;background: #887e7a;border-radius: 2em;color: #fff;padding: 0.1em;}
.thermo_item{display: flex;justify-content: space-between;margin-top: 0.5em;}
.thermo_item > li{width: 49%;}
.thermo_item > li h6{font-size: 0.9em;font-weight: 500;}
.thermo_item > li .note_wrap{display: flex;justify-content: space-between;}
.thermo_item > li .note_wrap span{font-size: 0.7em;color: #fff100;background: #8a1a1f;display: flex;justify-content: center;align-items: center;width: 2.5rem;}
.thermo_item > li .note_wrap span::after{content: "";height: 100%;width: 0.5rem;clip-path: polygon(0 0, 0 100%, 100% 50%);background: #8a1a1f;display: block;position: absolute;right: -0.5rem;top: 0;}
.thermo_item > li .note_wrap .note{width: calc(100% - 3.2rem);}
.marshmallow{margin-top: 0.5em;grid-column: 1/3;}
.marshmallow .item_tit{color: #665483;}
.marshmallow_list{font-size: 0.8em;width: 100%;margin-top: 0.3em;}
.marshmallow_list tr > *{border: 1px solid #333;background: #fff;vertical-align: middle;padding: 0.4em;text-align: center;}
.marshmallow_list tr > th{font-weight: 600;}
.marshmallow_list tr > * strong{font-size: 1.4em;font-weight: 600;}
.marshmallow_list tr > *.beige{background: #f7f3c0;}
#insulation{background: #e7e4e3;padding: 1.5em 0;margin-top: 1.5em;}
#insulation .item_tit{text-align: center;}
.insulation_item{display: flex;justify-content: center; margin-top: 0.7em;}
.insulation_item dt{display: grid;grid-template-columns: 7em 15em;gap: 0 1em;align-content: flex-start;}
.insulation_item dt .low-e_img{grid-row: 1/3;grid-column: 2/3;}
.insulation_item dt .low-e_img .cap_into{text-shadow: none;color: #000;}
.insulation_item dd{margin-left: 2em;width: 10em;}
.insulation_item dd figure{width: 6em;margin: -1em 0 0 auto;}
#ainoie{display: flex;justify-content: space-between;margin-top: 1.5em;}
#ainoie dt{width: 15em;}
#ainoie dt figure{margin-top: 1em;}
#ainoie dd{width: 16.2em;}
#ainoie dd h5{font-size: 1em;text-align: center;background: #887e7a;border-radius: 2em;color: #fff;padding: 0.1em;letter-spacing: 0.1em;}
#ainoie dd h5 small{font-size: 0.8em;}
#ainoie dd h5 + p{text-align: center;font-size: 0.9em;margin-top: 0.5em;}
#ainoie dd figure{width: 15em;margin: 0.5em auto 0;}
#ainoie dd .lead{margin-top: 0.5em;}
#ainoie dd:nth-of-type(1)::after{content: "＋";color: #887e7a;font-size: 3em;font-family: YakuHanJP, "Public Sans", "Noto Sans JP", sans-serif;font-weight: 600;position: absolute;top: 40%;right: -0.8em;z-index: 1;}
#eco{/*background: #f7f7f7;*/}
.eco_list{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 0.5em 0; margin-top: 1.5em;}
.eco_list > li{width: 16.85em;background: #e7e4e3;display: flex;}
.eco_list > li .copy{width: 82%;padding: 0.5em;}
.eco_list > li .copy h5{font-size: 0.9em;}
.eco_list > li .copy h5 small{font-size: 0.7em;}
.eco_list > li .copy .lead{font-size: 0.6em;margin-top: 0.5em;}
.eco_list > li .tokyu{width: 18%;background: #887e7a;text-align: center;display: flex;justify-content: center;align-items: center;flex-direction: column;color: #fff;}
.eco_list > li .tokyu small{font-size: 0.8em;}
.eco_list > li .tokyu big{font-size: 3em;font-family: "EB Garamond", serif;line-height: 1;}
.eco_list > li .tokyu span{font-size: 0.6em;color: #fff462;}
.logo_list{display: flex;justify-content: center;flex-wrap: wrap;align-items: center; gap: 1em 2em;margin-top: 1.5em;}
.logo_list .jhs_logo{width: 18em;}
.logo_list .jio_logo{width: 16em;}
.logo_list .evaluation_logo{width: 20em;}
#afterfollow .item_tit{text-align: center;}
#afterfollow .item_tit + .lead{text-align: center;}
.afterfollow_img{margin-top: 1.5em;text-align: center;}
#etc{background: #f7f7f7;padding-bottom: 3.5em;}
#etc .frame{background: #f2f2f2;box-shadow: 0.1em 0.1em 0.3em rgba(0,0,0,.5);padding: 1em;display: flex;flex-wrap: wrap;justify-content: space-between;gap: 1em 0;}
#etc .frame h4{color: #fff;font-size: 1.2em;letter-spacing: 0.1em;padding: 0.3em;width: 9em;text-align: center;position: absolute;left: 0;top: 0;}
#kodate.frame h4{background: #003860;}
#kodate.frame .copy{width: 11.25em;display: flex;justify-content: center;flex-direction: column;padding-top: 1em;}
#kodate.frame .copy span{font-size: 0.8em;display: block;margin-bottom: -0.5em;}
#kodate.frame .copy p{font-size: 1.6em;color: #003860;}
#kodate.frame .copy p big{font-size: 1.8em;line-height: 1;font-family: "EB Garamond", serif;}
#kodate.frame .copy small{font-size: 0.6em;}
#kodate.frame figure{width: 11.25em;}
#apartment.frame{margin-top: 1.5em;}
#apartment.frame h4{background: #006c50;}
#apartment.frame .copy{width: 20.5em;display: flex;padding-top: 3em;}
#apartment.frame .copy p{font-size: 1.6em;color: #006c50;}
#apartment.frame .copy p big{font-size: 1.8em;line-height: 1;font-family: "EB Garamond", serif;}
#apartment.frame .copy small{font-size: 0.6em;margin-left: 1em;}
#apartment.frame figure:nth-of-type(1),
#apartment.frame figure:nth-of-type(2){width: 13.2em;}
#apartment.frame figure:nth-of-type(n+3){width: 6.1em;}

@media screen and (min-width: 769px){
.thermo{animation-delay: 0.2s;}
.insulation_item dd{animation-delay: 0.2s;}
#ainoie dd:nth-of-type(1){animation-delay: 0.2s;}
#ainoie dd:nth-of-type(2){animation-delay: 0.4s;}
.eco_list > li:nth-of-type(3n-1){animation-delay: 0.2s;}
.eco_list > li:nth-of-type(3n){animation-delay: 0.4s;}
.jio_logo{animation-delay: 0.2s;}
}

@media screen and (max-width: 768px) {
#formlightsl .wrap1024{display: block;}
.formlightsl_logo{margin-top: 1em;}
.marshmallow_list{font-size: 0.8em;width: 100%;margin-top: 0.3em;}
.marshmallow_list tr > *:nth-child(1){width: 10%;}
.marshmallow_list tr > *:nth-child(n+2){width: 30%;}
.marshmallow_list tr > * strong{font-size: 1.2em;}
.insulation_item{flex-wrap: wrap; margin-top: 0.7em;}
.insulation_item dt{grid-template-columns: 7em 13em;}
.insulation_item dd{margin: 1em 0 0 0;}
#ainoie{flex-wrap: wrap;margin-top: 1.5em;}
#ainoie dt{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}
#ainoie dt .lead{width: 62%;}
#ainoie dt figure{margin-top: 0;width: 35%;}
#ainoie dd{width: 49%;margin-top: 1em;}
#ainoie dd figure{width: 100%;}
#ainoie dd .lead{margin-top: 0.5em;}
#ainoie dd:nth-of-type(1)::after{font-size: 2.5em;top: 30%;right: -0.7em;}
.eco_list > li{width: 100%;}
.eco_list > li .copy .lead{font-size: 0.7em;margin-top: 0.5em;}
#afterfollow .item_tit + .lead{text-align: center;}
.afterfollow_img{width: 100vw; height: 90vw;overflow-x: auto;padding: 0 2vw;}
.afterfollow_img::before{content: "▶︎▶︎▶︎";font-size: 0.7em;position: absolute;right: 0.8em;top: 0.5em;animation: 1s fadeIn 0s infinite;line-height: 1;color: #a10a0a;letter-spacing: -0.4em;z-index: 1;text-shadow: 0 0 0.2em #fff,0 0 0.2em #fff;}
.afterfollow_img::after{content: "▶︎▶︎▶︎";font-size: 0.7em;position: absolute;right: 0.8em;bottom: 0.5em;animation: 1s fadeIn 0s infinite;line-height: 1;color: #a10a0a;letter-spacing: -0.4em;z-index: 1;text-shadow: 0 0 0.2em #fff,0 0 0.2em #fff;}
.afterfollow_img.active::before,
.afterfollow_img.active::after{display: none;}
.afterfollow_img img{object-fit: cover;height: 100%;max-width: none;width: auto;}
#kodate.frame .copy{width: 49%;}
#kodate.frame .copy p{font-size: 1.5em;}
#kodate.frame figure{width: 49%;}
#apartment.frame .copy{width: 20.5em;display: flex;padding-top: 3em;}
#apartment.frame .copy p{font-size: 1.6em;color: #006c50;}
#apartment.frame .copy p big{font-size: 1.8em;line-height: 1;font-family: "EB Garamond", serif;}
#apartment.frame .copy small{font-size: 0.6em;margin-left: 1em;}
#apartment.frame figure:nth-of-type(1),
#apartment.frame figure:nth-of-type(2){width: 49%;}
#apartment.frame figure:nth-of-type(n+3){width: 22.5%;}

}

.layer section#intro{
	padding-bottom: 0;
}
.eqflex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.eqflexhalf .flexitem{
	width: 49%;
	margin-bottom: 20px;
}
.eqcontents{
	background: #e7e4e3;
	padding: 15px;
}
.eqcontents h4.borderttl{
	background: #857872;
	padding: 4px 10px 2px;
	color: #FFF;
	font-size: 0.8em;
	text-align: center;
	margin-bottom: 20px;
	letter-spacing: -0.025em;
}
.eqcontents h5.borderttl{
	background: #857872;
	padding: 2px 10px 2px;
	color: #FFF;
	font-size: 0.7em;
	text-align: center;
	margin-bottom: 10px;
}
.eqcontents h6.redttl{
	color: #910000;
	font-size: 0.8em;
	margin-bottom: 5px;
}
.eqcontents p{
	font-size: 0.65em;
	margin-bottom: 15px;
	line-height: 120%;
}
.eqcontents p.note {
  font-size: 0.55em;
	margin-bottom: 0;
}
.eqcontents .eqimg{
	margin-bottom: 15px;
}
.eqcontents .eqimg.center{
	text-align: center;
}
.eqcontents .eqimg.right{
	text-align: right;
}
.eqcontents .inflex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.eqcontents .borderlabel{
	border: 1px solid #857872;
	color: #857872;
	font-size: 0.65em;
	font-weight: 600;
	padding: 4px 10px 4px;
	text-align: center;
	margin-bottom: 10px;
}
.eqcontents .nborderlabel{
	color: #857872;
	font-size: 0.65em;
	font-weight: 600;
	padding: 4px 0px 4px;
	margin-bottom: 10px;
}
.eqcontents ul li{
	color: #857872;
	font-size: 0.6em;
	font-weight: 600;
}
.eqsection{
	margin-bottom: 40px;
}
.eqsection .contentshead{
	text-align: center;
	margin-bottom: 20px;
}
.layer section#eco{
	padding-top: 0;
}

/* 個別レイアウト */
.inflex01 .inflexleft,.inflex01 .inflexright,.inflex03 .inflexleft,.inflex03 .inflexright,.eqwideflex .flexitem{
	width: 49%;
}
.inflex02 .flexitem{
	width: 49%;
	display: flex;
	justify-content: space-between;
	column-gap: 10px;
}
.inflex02 .flexitem .flexlabel{
	width: 70px;
	min-height: 35px;
	font-size: 0.6em;
	color: #857872;
	background: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.inflex02 .flexitem .flextext{
	flex: 1;
	font-size: 0.55em;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 120%;
}
.eqwideflex .flexitem .eqimg{
	text-align: center;
}
.inflex04 .flexleft{
	width: 42%;
	margin-right: 20px;
}
.inflex04 .flexright{
	flex: 1;
}
.inflex05 .flexleft{
	min-width: 100px;
	margin-right: 20px;
}
.inflex05 .flexright{
	flex: 1;
}
.inflex05 .flexright p{
	margin-bottom: 5px;
}
.eqthreeflex{
	margin-top: 20px;
}
.eqthreeflex .flexitem{
	width: 32.3%;
}
.inflex06 .flexleft{
	width: 55%;
	margin-right: 20px;
}
.inflex06 .flexright{
	flex: 1;
}

/* linkarea */
.linkarea{
	text-align: center;
	margin: 60px 0;
}
.linkarea .linkarea_logo{
	width: 500px;
	margin: 0 auto 30px;
}
.linkarea a{
	color: #111;
	font-size: 1em;
	background: #ccc;
    padding: 1em 1.5em;
}
.linkarea a:hover{
	text-decoration: underline;
}
.bnr_img{
	width:430px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.eqcontents h4.borderttl {
		padding: 2px 10px 4px;
		font-size: 0.85em;
		margin-bottom: 15px;
	}
	.eqcontents h5.borderttl {
		font-size: 0.75em;
	}
	.eqcontents p {
		font-size: 0.75em;
	}
	.eqcontents .borderlabel {
		font-size: 0.75em;
	}
	.eqcontents p.note {
		font-size: 0.6em;
	}
	.eqcontents ul li {
		font-size: 0.65em;
	}
	.eqflexhalf .flexitem {
		width: 100%;
		margin-bottom: 15px;
	}
	.inflex01 .inflexleft, .inflex01 .inflexright,.inflex03 .inflexleft, .inflex03 .inflexright,.eqwideflex .flexitem{
		width: 100%;
	}
	.inflex01 .inflexright{
		text-align: center;
		margin-bottom: 20px;
	}
	.inflex02 .flexitem .flexlabel {
		font-size: 0.7em;
	}
	.inflex02 .flexitem .flextext{
		justify-content: flex-start;
		font-size: 0.65em;
	}
	.inflex03 .eqimg{
		margin: 15px 0;
		text-align: center;
	}
	.eqthreeflex .flexitem {
		width: 100%;
		margin-bottom: 15px;
	}
	
	/* linkarea */
	.linkarea{
		text-align: center;
		margin: 30px 0;
	}
	.linkarea .linkarea_logo{
		max-width: 90%;
		margin: 0 auto 20px;
	}
	.linkarea a{
		font-size: 0.85em;
	}
	.linkarea a:hover{
		text-decoration: underline;
	}
	.bnr_img{
		width:96%;
	}
}