@charset "UTF-8";
/* ---------------------------------------------------------------------
 * ecologcalページ
 * --------------------------------------------------------------------- */
.pages_main_image{height:auto;}
.pages_main_image .logo{padding-top: 40px}
.pages_main_image .copy{margin: 50px 0;font-size: 20px;line-height: 1.7}
.pages_main_image dt{}
.pages_main_image dd{text-align: left;font-size: 16px;}
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image .logo{padding-top: 0px}
.pages_main_image .copy{margin: 0px 0;padding:17px; font-size: 15px;}
.pages_main_image dt{width: 100%;margin: 20px 0 0}
.pages_main_image dd{width: 90%;margin: auto;font-size: 13px;}
.pages_main_image dt img{width: 30%}
}

#body_ecologcal{}

#body_ecologcal .sec1{margin-top: 100px}
#body_ecologcal .sec1 .body_area_inner{
padding: 40px 0;background: url("../images/ecologcal/naiyo_bg.jpg") no-repeat center top;background-size: cover}
#body_ecologcal .sec1 .body_area_inner h2{margin-top: -65px;margin-bottom: 30px}
#body_ecologcal .sec1 .copy{font-size: 16px;margin-bottom: 40px}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_ecologcal img{max-width: 100%;height: auto}
#body_ecologcal .sec1 .body_area_inner h2{margin-bottom: 0px}
#body_ecologcal .sec1 .copy{font-size: 13px;padding:17px;margin-bottom: 0px}
}

#body_ecologcal .sec2{margin-top: 60px}
#body_ecologcal .sec2 .body_area_inner{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;padding: 40px 30px;background: #d2ecfa;position: relative}
#body_ecologcal .sec2 .body_area_inner h2{margin-top: -65px;margin-bottom: 30px}
#body_ecologcal .torikumi .icon{position: absolute;left: -30px;top: 10px;z-index: 2}
#body_ecologcal .torikumi li{background: #fff;position: relative;display: flex;  flex-direction: column;}
#body_ecologcal .torikumi li h3{margin-top: -20px}
#body_ecologcal .torikumi li .txt{width: 80%;margin: 20px auto;text-align: left;font-size: 16px;}
#body_ecologcal .torikumi li div{margin-top: auto;}

#body_ecologcal .sec3 .body_area_inner{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;padding: 60px 30px 40px;background: #e5f1d9;position: relative}
#body_ecologcal .sec4 .body_area_inner{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;padding: 60px 30px 40px;background: #eaeff9;position: relative}
#body_ecologcal .torikumi .col3{width:369px }
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_ecologcal .sec2 .body_area_inner,
#body_ecologcal .sec3 .body_area_inner,
#body_ecologcal .sec4 .body_area_inner{padding: 40px 0px 20px;}
#body_ecologcal .torikumi ul{width: 80%;margin: auto}
#body_ecologcal .torikumi .col2,
#body_ecologcal .torikumi .col3{width: 100%;margin-bottom: 30px}
#body_ecologcal .torikumi .icon{width: 30%;left: 0px;top: -10px;}
#body_ecologcal .torikumi li .txt{font-size: 12px;}
#body_ecologcal .torikumi li h3{margin-top: -10px}

}



#body_ecologcal .sec5{margin: 50px 0;position: relative;padding-top: 40px}
#body_ecologcal .sec5 h2{position: absolute;left: 0;right: 0;margin: auto;top: 0; font-size: 24px;line-height: 2em;z-index: 2}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_ecologcal .sec5{padding-top: 0}
#body_ecologcal .sec5 h2{position: static;font-size: 17px}
}


#body_ecologcal .sec6{}
#body_ecologcal .sec6 .body_area_inner h2{position: relative; top: 46px}
#body_ecologcal .sec6 ul{background: #e4f1eb}
#body_ecologcal .sec6 ul .title{width: 289px}
#body_ecologcal .sec6 ul .comment{width: calc(96% - 289px - 456px);text-align: left}
#body_ecologcal .sec6 ul .photo{width: 456px}
#body_ecologcal .sec6 .txt12{margin-top: 20px;font-size: 10px}

#body_ecologcal .sec7{margin-top: 60px}
#body_ecologcal .sec7 .body_area_inner{background: #e4f1eb;position: relative}
#body_ecologcal .sec7 .body_area_inner h2{position: absolute; top: -26px;left: 0;right: 0;margin: auto}
#body_ecologcal .sec7 .box{padding: 30px;}
#body_ecologcal .sec7 .box h3{margin-bottom: 30px}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_ecologcal .sec6 ul .title{width:100%}
#body_ecologcal .sec6 ul .comment{width:100%;text-align: left;padding: 20px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
#body_ecologcal .sec6 ul .photo{width: 90%;margin: auto; padding-bottom: 20px}
#body_ecologcal .sec6 .body_area_inner h2{position: relative; top: 26px}
#body_ecologcal .sec7 ul li{width: 100%}
#body_ecologcal .sec7 .box{padding: 20px;}
#body_ecologcal .sec7 .box h4 img{width: 100%}
}

/*===============================================================================
===============================================================================*/
@media print {/*印刷設定*/
#body_ecologcal .body_area_inner{width: 96%;margin: auto}
}