@charset "utf-8";

/*-----------------------------------------------
	secCmnTit
-----------------------------------------------*/
.secCmnTit{
    background-image: url(../img/equipment/bgCmnTit.jpg);
}
.secCmnTit .tit {
    margin-top: 2.5rem;
}
@media only screen and (max-width:767px){
	.secCmnTit{
		background-image: url(../img/equipment/bgCmnTit_sp.jpg);
	}
	.secCmnTit .tit {
		margin-top: 1.5rem;
	}
}

/*-----------------------------------------------
	boxTopTit
-----------------------------------------------*/
.boxTopTit{
	text-align: center;
	margin-top: 16rem;
}
.boxTopTit .wrapper{
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
	border: 1px solid #0F3675;
	padding: 4rem 0;
}
.boxTopTit .tit{
	position: relative;
	font-size: var(--pcFontSize30);
	letter-spacing: var(--pcLetterSpacing30_220);
}
.boxTopTit .icon{
	position: absolute;
	top: 0;
	bottom: 0;
	right: -17rem;
	margin: auto;
    display: flex;
    align-items: center;
}
@media only screen and (max-width:1215px){
	.boxTopTit{
		margin-top: 7rem;
	}
	.boxTopTit .wrapper{
        padding: 1.2rem 2rem;
	}
	.boxTopTit .tit{
        width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
        text-align: left;
        font-size: var(--spFontSize18);
		line-height: var(--spLineHeight18_26);
		letter-spacing: var(--spLetterSpacing18_220);
	}
	.boxTopTit .icon{
		width: 7.8rem;
		position: static;
		display: flex;
		align-items: center;
	}
}

/*-----------------------------------------------
	secZeh
-----------------------------------------------*/
.secZeh{
	text-align: center;
}
.secZeh .boxContent.wrapper{
	display: flex;
    align-items: center;
    justify-content: center;
	flex-wrap: wrap;
	margin-top: 5rem;
}
.secZeh .boxContent .tit{
	font-size: var(--pcFontSize18);
	line-height: var(--pcLineHeight18_36);
	font-weight: bold;
	margin-left: 4rem;
	width: 55%;
    text-align: left;
}
.secZeh .boxContent .titBig{
	font-size: var(--pcFontSize28);
	line-height: var(--pcLineHeight28_56);
	letter-spacing: var(--pcLetterSpacing28_220);
	font-weight: bold;
	margin-bottom: 1rem;
	display: block;
}
/* boxImg */
.secZeh .boxImg{
	margin-top: 2rem;
}
.secZeh .boxImg .img02{
	margin-top: 6rem;
}
/* boxEnergy */
.secZeh .boxEnergy{
	margin-top: 10rem;
	border: 1px solid #0F3675;
	padding: 5rem 12rem 3rem 5rem;
    display: flex;
    justify-content: space-between;
}
.secZeh .boxEnergy .img03{
	width: 53.8rem;
}
.secZeh .boxEnergy .boxTit{
	width: calc(100% - 61rem);
	text-align: center;
}
.secZeh .boxEnergy .tit01{
	width: 100%;
	padding: 1rem;
	background-color: #E4EEE5;
	font-size: var(--pcFontSize18);
	letter-spacing: var(--pcLetterSpacing18_150);
	font-weight: bold;
}
.secZeh .boxEnergy .tit02{
	font-size: var(--pcFontSize18);
	letter-spacing: var(--pcLetterSpacing18_30);
	font-weight: bold;
	margin-top: 2rem;
}
.secZeh .boxEnergy .boxTxt{
	font-size: var(--pcFontSize14);
	line-height: var(--pcLineHeight14_28);
	letter-spacing: var(--pcLetterSpacing14_50);
	margin-top: 2rem;
	text-align: left;
}
.secZeh .boxEnergy .img04{
	position: relative;
	top: -1rem;
}
@media only screen and (max-width:1215px){
	.secZeh .boxContent.wrapper{
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 2rem;
	}
	.secZeh .boxContent .icon{
		width: 19.6rem;
	}
	.secZeh .boxContent .tit{
		font-size: var(--spFontSize14);
		line-height: var(--spLineHeight14_28);
		letter-spacing: var(--spLetterSpacing14_150);
		margin: 1.5rem 0 0 0;
		width: 100%;
	}
	.secZeh .boxContent .titBig{
		font-size: var(--spFontSize16);
		line-height: var(--spLineHeight16_32);
		letter-spacing: var(--spLetterSpacing16_50);
		margin-bottom: 1rem;
	}
	/* boxImg */
	.secZeh .boxImg{
		margin-top: 1rem;
	}
	.secZeh .boxImg .img02{
		margin-top: 3rem;
	}
	/* boxEnergy */
	.secZeh .boxEnergy{
		margin-top: 3rem;
		padding: 2.5rem 1rem;
		flex-direction: column-reverse;
		align-items: center;
	}
	.secZeh .boxEnergy .img03{
		margin-top: 2.5rem;
        padding: 0 0.5rem;
	}
	.secZeh .boxEnergy .img03,
	.secZeh .boxEnergy .boxTit{
		width: 100%;
	}
	.secZeh .boxEnergy .tit01{
		padding: 0.4rem 1rem;
		font-size: var(--spFontSize16);
		line-height: var(--spLineHeight16_28);
		letter-spacing: var(--spLetterSpacing16_100);
	}
	.secZeh .boxEnergy .tit02{
		font-size: var(--spFontSize14);
		line-height: var(--spLineHeight14_28);
		letter-spacing: var(--spLetterSpacing14_50);
		text-align: left;
		margin-top: 2rem;
	}
	.secZeh .boxEnergy .boxTxt{
		font-size: var(--spFontSize12);
		line-height: var(--spLineHeight12_22);
		letter-spacing: var(--spLetterSpacing12_50);
		margin-top: 1rem;
	}
	.secZeh .boxEnergy .img05{
		float: right;
        width: 11rem;
        margin: 1rem 1rem 0 3rem;
	}
	.secZeh .boxEnergy .img04{
		top: 0;
		margin-top: 1rem;
	}
}
/*-----------------------------------------------
	boxSolar
-----------------------------------------------*/
.boxSolar{
	text-align: center;
	margin-top: 17rem;
}
.boxSolar .boxContent.wrapper{
    justify-content: flex-start;
}
.boxSolar .boxContent .tit{
    width: 77%;
}
/* boxComfort */
.boxSolar .boxComfort{
	width: 100%;
	margin-top: 8rem;
}
.boxSolar .boxComfort .tit01 {
    width: 100%;
    padding: 1.6rem 1rem;
    background-color: #E4EEE5;
    font-size: var(--pcFontSize28);
    letter-spacing: var(--pcLetterSpacing28_50);
    font-weight: bold;
}
.boxSolar .boxComfort .boxList {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	margin-top: 5rem;
	gap: 6rem 0;
}
.boxSolar .boxComfort .item {
	width: calc((100% - 13.999rem) / 2);
}
.boxSolar .boxComfort .titComfort {
    display: flex;
    align-items: center;
    justify-content: center;
	font-size: var(--pcFontSize20);
	letter-spacing: var(--pcLetterSpacing20_150);
	font-weight: bold;
	padding: 1rem 0;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}
.boxSolar .boxComfort .tit02 {
	font-size: var(--pcFontSize50);
	font-weight: bold;
	margin-right: 1.5rem;
}
.boxSolar .boxComfort .titMain {
	position: relative;
	display: inline-block;
	padding-right: 6.5rem;
}
.boxSolar .boxComfort .titMain::before {
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
	bottom: 0;
    right: 0;
    width: 5.8rem;
    height: 5.1rem;
}
.boxSolar .item01 .titMain.lazyloaded::before {
    background: url(../img/equipment/iconComfort01.png) center top / cover no-repeat;
}
.boxSolar .item02 .titMain.lazyloaded::before {
    background: url(../img/equipment/iconComfort02.png) center top / cover no-repeat;
}
.boxSolar .item03 .titMain.lazyloaded::before {
    background: url(../img/equipment/iconComfort03.png) center top / cover no-repeat;
}
.boxSolar .item04 .titMain.lazyloaded::before {
    background: url(../img/equipment/iconComfort04.png) center top / cover no-repeat;
}
.boxSolar .boxComfort .txt {
	font-size: var(--pcFontSize16);
	line-height: var(--pcLineHeight16_32);
	letter-spacing: var(--pcLetterSpacing16_50);
	margin-top: 3rem;
	text-align: left;
}
.boxSolar .boxComfort .img{
	margin-top: 1rem;
}
@media only screen and (max-width:1215px){
	.boxSolar{
		text-align: center;
		margin-top: 7rem;
	}
	.boxSolar .boxContent .tit{
		width: 100%;
	}
	/* boxComfort */
	.boxSolar .boxComfort{
		margin-top: 4rem;
	}
	.boxSolar .boxComfort .tit01 {
		padding: 0.8rem 1rem;
		font-size: var(--spFontSize16);
		line-height: var(--spLineHeight16_24);
		letter-spacing: var(--spLetterSpacing16_50);
	}
	.boxSolar .boxComfort .boxList {
		margin-top: 2.5rem;
		gap: 2.5rem 0;
	}
	.boxSolar .boxComfort .item {
		width: 100%;
	}
	.boxSolar .boxComfort .titComfort {
		position: relative;
		width: 100%;
		font-size: var(--spFontSize16);
		line-height: var(--spLineHeight16_24);
		letter-spacing: var(--spLetterSpacing16_50);
		text-align: center;
        padding: 0.5rem 0;
	}
	.boxSolar .boxComfort .tit02 {
		position: absolute;
		top: 0;
		bottom: 0;
        left: 4rem;
		margin: auto;
		font-size: var(--spFontSize28);
        display: flex;
        align-items: center;
	}
	.boxSolar .boxComfort .titMain {
        padding-right: 0;
        width: 80%;
	}
	.boxSolar .boxComfort .titMain::before {
        width: 4rem;
        height: 3.5rem;
	}
	.boxSolar .boxComfort .txt {
		font-size: var(--spFontSize14);
		line-height: var(--spLineHeight14_23);
		letter-spacing: var(--spLetterSpacing14_50);
		margin-top: 1rem;
	}
	.boxSolar .boxComfort .img{
		margin-top: 0.5rem;
	}
}

/*-----------------------------------------------
	boxResilience
-----------------------------------------------*/
.boxResilience{
	background-color: #FAF5EE;
	text-align: center;
	margin-top: 23rem;
	padding: 22.5rem 0;
}
.boxResilience .boxTopTit {
    margin-top: 0;
}
.boxResilience .titResilience {
	position: relative;
	margin-left: 3rem;
	display: inline-block;
}
.boxResilience .titResilience .titPre{
    position: absolute;
    top: -1rem;
    left: 0;
    right: 0;
    margin: auto;
	font-size: var(--pcFontSize10);
	letter-spacing: var(--pcLetterSpacing10_0);
    transform: scale(0.8);
}
/* boxHouse */
.boxHouse{
    display: flex;
    flex-direction: column;
}
.boxHouse .txtBox01{
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 auto;
}
.boxHouse .Equipmenttxt{
	font-size: var(--pcFontSize28);
	font-weight: bold;
	margin-top: 4.7rem;
	text-align: center;
	letter-spacing: 3px;
}
.boxHouse .Equipmenttxt1{
	font-size: var(--pcFontSize35);
	font-weight: bold;
	margin: 5.4rem 0 2.5rem;
	letter-spacing: 2px;
}
.boxHouse .txt1_3{
	font-size: var(--pcFontSize18);
	line-height: 2;
}
.boxHouse .disasterlist{
	margin-top: 5.7rem;
	display: flex;
    justify-content: center;
    gap: 11rem;
}
.boxHouse .disasterlist .item:last-child{
	margin-right: 0;
}
.boxHouse .disasterlist .Itemtit{
	font-size: var(--pcFontSize28);
	margin-top: 2rem;
	letter-spacing: -3px;
}
/* boxFeature */
.boxFeature {
	margin-top: 11rem;
}
.boxFeature .boxList{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 10rem 0;
}
.boxFeature .boxList .item{
	position: relative;
	width: calc((100% - 16.999rem) / 3);
    aspect-ratio: 1 / 1;
    height: auto;
}
.boxFeature .boxList .boxTxt{
	position: relative;
	width: 100%;
	height: 100%;
    background: #fff;
    border-radius: 100%;
	padding: 4rem 0 5rem;
}
.boxFeature .boxList .imgMemo{
	position: absolute;
	top: -3.5rem;
	left: 0;
	right: 0;
	margin: auto;
}
.boxFeature .boxList .minTit{
	font-size: var(--pcFontSize23);
	letter-spacing: var(--pcLetterSpacing23_50);
	font-weight: bold;
}
.boxFeature .boxList .mainTit{
	font-size: var(--pcFontSize30);
	letter-spacing: var(--pcLetterSpacing30_50);
	font-weight: bold;
    margin: 1rem 0 1.5rem;
}
.boxFeature .boxList .mainTxt{
	font-size: var(--pcFontSize17);
    line-height: var(--pcLineHeight17_24);
    letter-spacing: var(--pcLetterSpacing17_50);
    text-align: left;
    width: 80%;
    margin: 0 auto;
}
.boxFeature .boxList .boxImg{
	position: absolute;
	bottom: -5rem;
	left: 0;
	right: 0;
	margin: auto;
    padding-bottom: 3rem;
}
.boxFeature .boxList .imgGraph{
    position: relative;
    top: -2rem;
}
.boxFeature .boxList .txtImg{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	font-size: var(--pcFontSize20);
    letter-spacing: var(--pcLetterSpacing20_50);
    text-align: center;
	color: #fff;
	background: #187FC4;
	background: linear-gradient(90deg, rgba(24, 127, 196, 0.8) 0%, rgba(171, 205, 3, 0.8) 100%);
    width: 85%;
    padding: 1rem 0;
}
.boxFeature .boxList .txtMemo{
	position: absolute;
    bottom: -2rem;
	right: 4rem;
	margin: auto;
	font-size: var(--pcFontSize15);
}
@media only screen and (max-width:1215px){
	.boxResilience{
		margin-top: 7rem;
		padding: 7rem 0;
	}
    .boxResilience .boxTopTit .wrapper {
        padding: 1.5rem 3.5rem;
    }
	.boxResilience .boxTopTit .tit {
        letter-spacing: var(--spLetterSpacing18_50);
	}
	.boxResilience .titResilience {
        margin: 1rem 0 0 0;
	}
	.boxResilience .titResilience .titPre{
		position: absolute;
		top: -1rem;
		left: 0;
		right: 0;
		margin: auto;
		font-size: var(--spFontSize10);
		transform: scale(0.8);
	}
	/* boxHouse */
	.boxHouse .txtBox01{
        align-items: center;
	}
	.boxHouse .Equipmenttxt{
        font-size: var(--spFontSize16);
        margin-top: 3.1rem;
        letter-spacing: 1px;
        line-height: 2;
	}
	.boxHouse .Equipmenttxt1{
        font-size: var(--spFontSize20);
        margin: 1.5rem 0 1rem;
	}
	.boxHouse .txt1_3{
        font-size: var(--spFontSize14);
	}
	.boxHouse .disasterlist{
		margin-top: 2rem;
        justify-content: space-between;
		gap: 0;
	}
	.boxHouse .disasterlist .item{
        width: calc((100% - 2.999rem) / 4);
	}
	.boxHouse .disasterlist .Itemtit{
        font-size: var(--spFontSize12);
        margin-top: 0.7rem;
		letter-spacing: 0;
	}
	/* boxFeature */
	.boxFeature {
        margin-top: 5rem;
	}
	.boxFeature .boxList{
		gap: 6.5rem 0;
	}
	.boxFeature .boxList .item{
		width: calc((100% - 1.5rem) / 2);
	}
	.boxFeature .boxList .boxTxt{
		padding: 1.5rem 0 4.5rem;
	}
	.boxFeature .boxList .imgMemo{
        top: -1.5rem;
        width: 10rem;
	}
	.boxFeature .boxList .minTit{
		font-size: var(--spFontSize12);
		letter-spacing: var(--spLetterSpacing12_50);
	}
	.boxFeature .boxList .mainTit{
		font-size: var(--spFontSize14);
		letter-spacing: var(--spLetterSpacing14_50);
        margin: 0.3rem 0 0.3rem;
	}
	.boxFeature .boxList .mainTxt{
		font-size: var(--spFontSize10);
		line-height: var(--spLineHeight10_15);
		letter-spacing: var(--spLetterSpacing10_50);
		width: 80%;
	}
	.boxFeature .boxList .boxImg{
		bottom: -4.5rem;
		padding-bottom: 1rem;
	}
	.boxFeature .boxList .img{
		width: 10rem;
        margin: 0 auto;
	}
	.boxFeature .boxList .imgGraph{
        width: 88%;
        top: -1rem;
	}
	.boxFeature .boxList .txtImg{
		font-size: var(--spFontSize10);
		letter-spacing: var(--spLineHeight10_15);
		width: 85%;
		padding: 0.3rem 0;
	}
	.boxFeature .boxList .txtMemo{
        bottom: -1rem;
        right: 0;
		font-size: var(--spFontSize10);
		transform: scale(0.5);
	}
}

/*-----------------------------------------------
	boxWood
-----------------------------------------------*/
.boxWood{
	margin-top: 23rem;
}
.boxWood .boxContent .tit{
    margin-left: 0;
    width: 83%;
    margin: 0 auto;
}
.boxWood .boxContent .titBig{
    text-align: center;
}
/* boxBg */
.boxWood .boxBg{
	padding-bottom: 6.4rem;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #fff;
}
.boxWood .boxBg.lazyloaded{
    background-image: url(../img/equipment/bgWood.jpg);
}
.boxWood .boxBg .img02{
	margin-top: 4rem;
}
/* boxList */
.boxWood .boxList{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10rem;
	margin-top: 10rem;
}
.boxWood .boxList .item{
	width: calc((100% - 32.999rem) / 3);
	color: #fff;
	text-align: left;
}
.boxWood .boxList .titList{
	margin-top: 1rem;
	font-size: var(--pcFontSize20);
	font-weight: bold;
}
.boxWood .boxList .titList.titLine{
	padding-bottom: 1rem;
	border-bottom: 1px solid #fff;
}
.boxWood .boxList .txt{
	font-size: var(--pcFontSize16);
	line-height: var(--pcLineHeight16_24);
	letter-spacing: var(--pcLetterSpacing16_50);
	margin-top: 1rem;
}
@media only screen and (max-width:1215px){
	.boxWood{
		margin-top: 7rem;
	}
    .boxWood .boxTopTit .wrapper {
        padding: 1.7rem 2rem;
    }
	.boxWood .boxContent.wrapper{
		margin-top: 3rem;
	}
	.boxWood .boxContent .tit{
		margin-left: 0;
		width: 100%;
		margin: 0 auto;
	}
	.boxWood .boxContent .titBig{
		text-align: left;
	}
	/* boxBg */
	.boxWood .boxBg .img02{
		margin-top: 2rem;
	}
	.boxWood .boxBgSp{
        width: 100%;
	}
	.boxWood .boxBgSp .boxImg{
		margin-top: 2rem;
	}
	/* boxList */
	.boxWood .boxList{
		justify-content: space-between;
		gap: 2rem 0;
		margin-top: 2rem;
	}
	.boxWood .boxList .item{
		width: calc((100% - 1.5rem) / 2);
	}
	.boxWood .boxList .titList{
		margin-top: 1rem;
		white-space: nowrap;
		font-size: var(--spFontSize12);
	}
	.boxWood .boxList .titList.titLine{
		border-bottom: 1px solid #fff;
	}
	.boxWood .boxList .txt{
		font-size: var(--spFontSize10);
		line-height: var(--spLineHeight10_15);
		letter-spacing: var(--spLetterSpacing10_0);
		margin-top: 1rem;
	}
	.boxWood .boxList .item:first-child{
		width: 100%;
		color: #222;
	}
	.boxWood .item:first-child .img{
		width: 62%;
		margin: 0 auto -2rem;
	}
	.boxWood .item:first-child .titList{
		font-size: var(--spFontSize14);
	}
	.boxWood .item:first-child .txt{
		font-size: var(--spFontSize12);
		line-height: var(--spLineHeight12_22);
		letter-spacing: var(--spLetterSpacing12_50);
		margin-top: 1rem;
	}
}
@media only screen and (max-width:767px){
	.boxWood .boxBg.lazyloaded{
		background-image: none;
	}
	.boxWood .boxBg{
		padding-bottom: 0;
	}
	.boxWood .boxBgSp{
		padding-bottom: 6rem;
		background-position: bottom;
		background-repeat: no-repeat;
		background-color: #fff;
        background-size: cover;
	}
	.boxWood .boxBg.lazyloaded .boxBgSp{
		background-image: url(../img/equipment/bgWood_sp.jpg);
	}
}
/*-----------------------------------------------
	boxChild
-----------------------------------------------*/
.boxChild{
	text-align: center;
	margin-top: 23rem;
}
.boxChild .boxImg{
	margin-top: 5rem;
}
@media only screen and (max-width:1215px){
	.boxChild{
		margin-top: 7rem;
	}
	.boxChild .wrapperList {
        display: flex;
        flex-direction: column-reverse;
	}
	.boxChild .boxImgTop {
		width: 100%;
        margin-top: -5rem;
	}
	.boxChild .boxList{
        position: relative;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 2rem 0;
		margin-top: 3rem;
	}
	.boxChild .boxList .item{
		width: 100%;
		display: flex;
        justify-content: space-between;
        align-items: center;
	}
	.boxChild .boxList .item:nth-child(even){
        flex-direction: row-reverse;
	}
	.boxChild .boxList .boxTxt{
		width: 50%;
        text-align: left;
	}
	.boxChild .boxList .titChild{
		font-size: var(--spFontSize14);
		line-height: var(--spLineHeight14_23);
		letter-spacing: var(--spLetterSpacing14_50);
		font-weight: bold;
		padding-bottom: 1rem;
		border-bottom: 1px solid #222;
	}
	.boxChild .boxList .txtChild{
		font-size: var(--spFontSize12);
		line-height: var(--spLineHeight12_22);
		letter-spacing: var(--spLetterSpacing12_50);
	}
	.boxChild .boxList .boxImg{
		width: 46.38%;
        margin: 0;
	}
}