@charset "utf-8";

/* =======================================================================================
	COMMON
======================================================================================= */
/* ------------------------------------------------------------------------
 	.heading_Line01
------------------------------------------------------------------------ */
	.heading_Line01 {
	  padding: clamp(15px, (15 / 1200 * 100vw), 20px) 0;
		border-color: rgba(var(--site-themeColor-accent_01), 1);
	}

	
	
/* =======================================================================================
	PAGE 
======================================================================================= */
/* ------------------------------------------------------------------------
eneShineSection
------------------------------------------------------------------------ */
@media screen and (max-width: 736px) { /*{SP}*/
	.eneShineSection .heading_Line01 [class*="hTxt"] {
		text-align: left;
	}
}


/* ttlWrap
-------------------------------------- */
	.eneShineSection .ttlWrap {
		position: relative;
	}
	.eneShineSection .ttlWrap .ttl {
		width: 88%;
		max-width:1100px;
		position:absolute;
		top:50%;
		left:50%;
		transform: translate(-50%,-50%);
		z-index: 2;
	}
	.eneShineSection .ttlWrap .ttl > span {
		display: block;
		width: 44%;
		max-width:540px;
	}
	.eneShineSection .ttlWrap .imgcapkeep {
		z-index: 2;
	}
@media screen and (min-width: 736.02px) and (max-width: 1050px) { /*{TBs}*/
	.eneShineSection .ttlWrap .ttlPic {
		width:100%;
		height:100%;
	}
	.eneShineSection .ttlWrap .ttlPic img {
		object-fit: cover;
		min-height:250px;
		object-position: 60% 0%;
	}
}
@media screen and (max-width: 736px) { /*{SP}*/
	.eneShineSection .ttlWrap .ttl {
		top:auto;
		bottom:0;
		left:50%;
		transform: translate(-50%,-50%);
	}
	.eneShineSection .ttlWrap .ttl > span {
		margin-left:auto;
		margin-right:auto;
		width: 80%;
	}
}	
	


/* lineAccent
-------------------------------------- */
	.lineAccent em {
		display: flex;
		align-items: center;
		margin-top: var(--site-marpad-M);
		margin-bottom: var(--site-marpad-XS);
	}
	.lineAccent em::after {
		content: "";
		display: block;
		/*height: 4px;*/
		width: calc(100% - 18em);
		border: 0px double;
		border-width: 3px 0 0;
	}
	.lineAccent em > span {
		display: block;
		width: 18em;
		color: #FFF;
		text-align: center;
		margin-right: 0.8em;
		border-radius: 3px;
	}
	.lineAccent em::after {		border-color: #5a5a5a;	}
	.lineAccent em > span {		background: #5a5a5a;	}
	
	.lineAccent .marker {
		font-size:1.02em;
		display: inline-block;
		background: linear-gradient(to bottom, transparent 59%, rgb(225, 203, 183) 60%);
		font-weight: 600;
		/*font-family: var(--site-font_family-sans);*/
	}
    .lineAccent [class*="hTxtStyh"] {
        text-align: left;
    }

    /*cardList*/
	.eneShineWrap .eneShineBox {
		padding-bottom:	var(--site-marpad-M); 
		/*border-bottom: 3px double rgba(var(--site-themeColor-base_text-accent), 1);*/
	}
	.eneShineWrap .cardList.generalColBox {
		--default-generalColBox-margin-t:	15px;
		/*--default-generalColBox-margin-lr:	clamp(10px, (15 / 1200 * 100vw), 30px);*/
	}
	.eneShineWrap .cardList li {
        /*border: 1px solid rgba(var(--site-variationColor-gold_1), 1);*/
       /* background: #f2f2f2;*/
        text-align: center;
        /*padding: var(--site-marpad-XXS);*/
        line-height: 1.6em;
    }
	.eneShineWrap .cardList li dt {
        color: #333;
        margin-top: 0.8em;
        font-size: 1.1em;
        font-weight: 500;
        font-family: var(--site-font_family-sans);
		color: rgba(var(--site-themeColor-base_text-accent), 1);
    }
	.eneShineWrap .cardList li dd {
        text-align: left;
        font-size: 0.9em;
        margin: 1em auto 0;
        font-family: var(--site-font_family-sans);
    }
@media screen and (max-width: 1200px) { /*{belowTB}*/
    .eneShineWrap .cardList li {
      padding: var(--site-marpad-S);
    }

}
@media screen and (max-width: 736px) {
    .eneShineWrap .cardList.generalColBox {
      --default-generalColBox-margin-t: 10px;
    }
}



/* ------------------------------------------------------------------------
solarSection
------------------------------------------------------------------------ */
	.solarSection {
        padding-top:  var(--site-marpad-XL);
	}
	.solarWrap .generalColBox {
		--default-generalColBox-margin-t:	clamp(20px, (40 / 1200 * 100vw), 40px);
		--default-generalColBox-margin-lr:	clamp(20px, (30 / 1200 * 100vw), 40px);
	}

    /*cardList*/
	.cardListCont {
		padding:10px;
		/*text-align: center;*/
		background: #FFF;
	}
	.solarWrap .cardListCont dt {
        text-align: center;
        color: #FFF;
		background: #5a5a5a;
	}
	.solarWrap .cardListCont .picBox {
      /*text-align: center;*/
      margin: calc(var(--site-marpad-XS) / 3) 0;
    }
	.solarWrap .cardListCont .txt {
          padding: 1.5em 1em 1em;
    }
    .solarWrap ul dd.txt {
        text-align: left;
		/*font-size:0.9em;*/
        line-height: 1.8;
        padding-top: 1.5em;
    }

/* numList */
	.numList dt {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		text-align: left;
		line-height: 1.4;
        margin-bottom: 1.5em;
       /* color: rgba(var(--site-themeColor-base_text-accent), 1);*/
        padding:  0 0.3em 0.5em;
        border: 0px double #5a5a5a;
        border-width: 0 0 3px;
	}
	.numList dt i {
		margin-bottom:0.2em;
		display: block;
		width: 1.5em;
		/*text-align: center;*/
		font-size:1.8em;
		font-family: var(--site-font_family-en);
		/*font-style: italic;*/
		line-height: 1;
		letter-spacing: 0.05em;

	}
	.numList dt > span {
		display: block;
		padding-left: 0.5em;
		border-left: 1px solid ;
	}
	.numList dd {
		padding:0 clamp(0px, (15 / 1200 * 100vw), 15px);
	}

@media screen and (max-width: 1050px) { /*{belowTBs}*/
	.solarWrap .solarBox {
		max-width:700px;
		margin-left:auto;
		margin-right:auto;
	}
}
@media screen and (max-width: 480px) { /*{SPs}*/
    .numList dt i {
		margin-right: 0.3em;
	}
}





/* ------------------------------------------------------------------------
 lowCarbonSection
------------------------------------------------------------------------ */
	.lowCarbonSection {
		/*background: #f1e7e5;*/
	}

	.lowCarbonSection .heading_Line03 .hTxtStyh5{
		color: rgba(var(--site-themeColor-accent_01), 1);
	}

/* ------------------------------------------------------------------------
 taxSection
------------------------------------------------------------------------ */
	.taxSection {
        /*padding: var(--site-marpad-L) 0 0;*/
	}
	.taxSection .taxWrap {
        padding: var(--site-marpad-M) var(--contentsUsePadding);
		background: #fff;
	}
	.taxSection .taxBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		max-width:800px;
		margin-left:auto;
		margin-right:auto;
	}
	.taxSection .taxBox > li {
		width: 48%;
	}
	
@media screen and (max-width: 1050px) { /*{belowTBs}*/
	.taxSection {
        padding: var(--site-marpad-M) 0 0;
	}
}	
@media screen and (max-width: 736px) { /*{SP}*/
	.taxSection .taxBox {
		max-width:400px;
	}
	.taxSection .taxBox > li {
		width: 100%;
	}
	.taxSection .taxBox > li:not(:first-of-type) {
		padding-top:30px;
	}
}






/* ------------------------------------------------------------------------
 comfortSection
------------------------------------------------------------------------ */
	.comfortSection {
		/*margin-right: var(--contentsLittlePadding);*/
		/*margin-left: var(--contentsLittlePadding);*/
	 	/*background: url("../images/ecology/lowcarbon_bg_01.jpg") top left / cover no-repeat;*/
	}
	.comfortSection .comfortWrap {
		/*padding: var(--site-marpad-L) 0;*/
	}
	.comfortSection .comfortWrap .comfortBox {
		background: #fff;
	}
	.comfortSection .comfortWrap .comfortBox .comfortColBox {
		padding:var(--site-marpad-S);
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		background: #fff;
	}
	.comfortSection .comfortWrap .comfortBox .comfortColBox > * {
		width: 47%;
	}
	

@media screen and (max-width: 1050px) { /*{belowTBs}*/
	.comfortSection .comfortWrap .heading_Line01{
		/*background: rgba(255,255,255,.5);*/
	}
	.comfortSection .comfortWrap .comfortBox .comfortColBox {
		padding:var(--site-marpad-M);
	}
	.comfortSection .comfortWrap .comfortBox .comfortColBox > * {
		width: 47%;
	}
	.comfortSection .comfortWrap .comfortBox .comfortColBox > * {
		width: 100%;
	}
	.comfortSection .picBox {
		margin-top: var(--site-marpad-S);
		max-width:600px;
		margin-left:auto;
		margin-right:auto;
	}
}
@media screen and (max-width: 736px) {
	.comfortSection .picBox {
		margin-top: var(--site-marpad-XS);
	}
}
@media screen and (max-width: 480px) { /*{SPs}*/

}







/* ------------------------------------------------------------------------
 certificationCriteriaSection
------------------------------------------------------------------------ */
	.certificationCriteriaList ul li .certificationCriteriaBox {
		/*outline : 1px solid #a2996f; *//* 線の太さ・線状・色 */
		/*outline-offset : -7px; *//* ã©ã‚Œã ã‘å†…å´ã«ç·šã‚’è¡¨ç¤ºã—ãŸã„ã‹ã‚’è² ã®å€¤ã§æŒ‡å®š */		
		padding: clamp(30px, (30 / 736 * 100vw), 40px);
		background: #fff;
	}

/*certificationCriteriaList*/
	.certificationCriteriaList {
		display: block;
	}
	.certificationCriteriaList ul {
	}
	.certificationCriteriaList ul .plus {
		text-align: center;
		margin: 2em auto;
	}
	.certificationCriteriaList ul .plus img {
		width: 45%;
		max-width: 48px;
	}
	.certificationCriteriaList dt {
		color: #FFF;
		text-align: center;
		background: #82734a;
		padding: 0.3em;
	}
	.certificationCriteriaList dt.hTxtStyh5 {
		margin-bottom: 0px;
	}
	.certificationCriteriaList dd {
		/*padding: calc(18px + .5vw) calc(30px + .5vw) .5vw;*/
	}
	
	.certificationCriteriaList .conditionsList > li {
		padding-bottom: 1.4em;
	}
	.certificationCriteriaList .conditionsList > li:not(:last-of-type) {
		border-bottom:1px solid #333;
	}
	.certificationCriteriaList .conditionsList > li{
		padding: 2em 0;
	}
	.certificationCriteriaList .conditionsList > li > strong {
		display: block;
	}
	.certificationCriteriaList .conditionsList > li > strong [class*="hTxtStyh"] {
		color: #82734a;
		margin-bottom:0.8em;
	}
	.certificationCriteriaList .conditionsList > li > strong small {
		font-family: inherit;
		font-size: 0.8em;
	}
	.certificationCriteriaList .dotList {
		padding-left: 1.5em;
		line-height: 1.6;
	}
	.certificationCriteriaList .dotList li {
		list-style: disc;
		margin-bottom: 0.3em;
	}

	.certificationCriteriaList .bgList {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		counter-reset: ol_li;
		margin-top: 1em;
	}
	.certificationCriteriaList .bgList li {
		width: 33%;
		color: #FFF;
		font-family: var(--site-font_family-sans);
		letter-spacing: 0;
		font-size: 0.92em;
		line-height: 1.6;
		background: #666;
		background-size: 200%;
		margin-top: 0.3em;
		padding: 0.3em 1em;
	}
	.certificationCriteriaList .bgList li::before {
		display: inline-block;
		/*width: 1.2em;
		height: 1.2em;*/
		color: #fff;
		/*line-height: 1.2em;
		text-align: center;
		background: #1462af;*/
		margin-right: 0.5em;
		counter-increment: ol_li;
		content: counter(ol_li);
	}
@media screen and (max-width: 1050px) { /*{belowTBs}*/
	.certificationCriteriaList .bgList li {
		width: 49.5%;
	}
}
@media screen and (max-width: 736px) { /*{SP}*/
	.certificationCriteriaList .bgList li {
		width: 100%;
	}
}


/*labelWrap-----------------------------*/
	.labelWrap img {
		width: 100%;
		max-width: 460px;
	}