@charset "UTF-8";
/* CSS Document */

.note-editable img{ max-width: 100%;}



/*省エネレポート　地球に優しい最前線*/

.customer{ padding: 1em;}
.customer>dt{ margin: 0 0 0.5em; color: #18943b;}
.customer>dt>strong,
.customer>dt>small{ display: block;}
.customer>dd{ margin: 0;}
.hedtop{text-align: center;}
.hedtop span{background: linear-gradient(transparent 60%, #ff6 60%);}
.eh_01{ color: #FFFFFF; padding: 10px; display: flex; justify-content: center; align-items: center;}
.eh_01>span{background: #18943b; padding: 10px 15px;}
.eh_01::before{ content: '●'; color: #18943b; margin-right: -12px;}
.eh_01::after{ content: '●'; color: #18943b; margin-left: -12px;}
.econet img{margin: 40px auto; display: block;}
.hito_box{background-color: #faf7e2;}
.hito_box h3 span{background: linear-gradient(transparent 60%, #ff6 60%);}
.topcontents span{background: linear-gradient(transparent 60%, #ff6 60%);}

.eh_02{color: #006dad; position: relative; font-weight: bold; display: table;}
.eh_02::after,::before{content: ''; position: absolute;}
.eh_02::before{border-left: solid 3px; border-top: solid 3px; top: 0; left: 0;}
.eh_02::after{border-right: solid 3px; border-bottom: solid 3px; bottom: 0;right: 0;}

@media (min-width: 768px) {
.hedcontents{text-align: center; margin-bottom: 40px;}
.customer>dt>strong{ font-size: 20px;}
.customer>dt>small{ font-size: 12px;}
.eneimg{margin: 60px 10px 40px;}
.eneimg img{width: 80%; margin: 40px auto; display: block;}
.hedtop{font-size: 27px; margin: 50px 0 20px;} 
.eh_01{ font-size: 24px; margin: 60px 0 20px;}
.eh_01::before{margin-right: -12px;}
.eh_01::after{margin-left: -12px;}
.econet{margin-top: 80px;}
.minimg{margin: 30px; display: flex; justify-content: flex-end;}
.minimg img{width: 45%;}
.hito_box{display: flex; justify-content: space-evenly; padding: 30px 10px; margin-top: 100px;}
.hito_box h3{line-height: 1.4; margin-bottom: 15px; font-size: 27px;}
.hito_box .hito{width: 35%;}
.topcontents{text-align: center; font-size: 28px; font-weight: bold; margin: 80px 0 30px;}
 
.eh_02::after,::before{width: 30px; height: 30px;}
.eh_02{font-size: 24px; margin: 60px auto 30px; padding: 15px 25px; padding: 20px;}
}

@media (max-width: 767.98px) {
#detail_box {font-size: 14px;}
.hedcontents{margin-bottom: 30px;}
.customer>dt>strong{ font-size: 18px;}
.customer>dt>small{ font-size: 10px;}
.eneimg{margin: 30px 10px;}
.eneimg img{margin-top: 15px;}
.hedtop{font-size: 17px; margin: 40px 0 20px;} 
.hito_box{margin-top: 40px;}
.hito_box>div{padding: 20px 17px; margin: 0 auto; display: block;}
.hito_box h3{line-height: 1.3; font-size: 17px;}
.hito_box .hito{margin-top: -40px; width: 80%;}
.eh_01{ font-size: 16px; margin: 40px 0 10px;}
.eh_01::before{margin-right: -7px;}
.eh_01::after{margin-left: -7px;}
.minimg{margin: 30px 20px 50px;}
.topcontents{text-align: center; font-size: 18px; font-weight: bold; margin: 30px 0 15px;}

.eh_02{font-size: 16px; margin: 30px auto 10px; padding: 12px 20px;}
.eh_02::after,::before{width: 20px; height: 20px;}
}


.hed2025{color: #18943b; position: relative; text-align: center; font-weight: bold;}
.hed2025::before, .hed2025::after {content: ''; position: absolute;}
.hed2025::before {border-left: solid 2px; border-top: solid 2px; top: 0; left: 0;}
.hed2025::after {border-right: solid 2px; border-bottom: solid 2px; bottom: 0; right: 0;}

@media (min-width: 768px) {
.hed2025{font-size: 24px; padding: 15px; margin: 0 auto 20px; width: 50%;}
.hed2025::before, .hed2025::after {width: 30px; height: 30px;}
}

@media (max-width: 767.98px) {
.hed2025{font-size: 18px; padding: 10px; margin: 0 auto 20px; width: 85%;}
.hed2025::before, .hed2025::after {width: 20px; height: 20px;}
}