@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&family=Zen+Old+Mincho:wght@400&display=swap');
.fontM{font-family: 'Noto Serif JP', serif;font-weight: 400; line-height: 1.6em;font-feature-settings: "palt";-webkit-font-feature-settings: "palt";}

#pageTop {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
}
#pageTop a {
display: block;
width: 57px;
width: 100%;
height: 100%;
transition: .3s;
}
#pageTop a:hover { opacity: .6;}
#pageTop img{width: 57px;}

html {
  height: -webkit-fill-available;
}
body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
}
/* html/body
------------------------------------------------- */
html{width: 100%;overflow-y: scroll;font-size: 62.5%;-webkit-font-smoothing: antialiased;}

body {
font-family: 'Zen Kaku Gothic New', sans-serif;text-align: center;
position: relative;width: 100%;font-weight: 400;font-size: 16px;font-size: 1.6rem;line-height: 1.8;color: #222;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;overflow-x: hidden;position: relative;transition: 0.4s;overflow-x: hidden;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;text-size-adjust: 100%;-webkit-text-size-adjust: 100%;/*Chrome,Safari*/-ms-text-size-adjust: 100%;/*EgdeMobile*/-moz-text-size-adjust: 100%;/*firefox*/}
*{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}
@media screen and (max-width: 896px) {/*スマホのスタイル*/
body {font-size: 14px;font-size: 1.4rem;}
}


#header .logo{padding-top: 40px;width: 80%;margin: auto}
#header .copy{margin: 50px 0;font-size: 20px;line-height: 1.8;letter-spacing: 0.1em;text-indent: 0.1em;}
#header dt{margin-right: 10px;}
#header dd{text-align: left;font-size: 15px;}

@media screen and (max-width: 767px) {/*スマホ設定*/
#header img{width: 100%;height: auto}
#header{width: 90%;margin: auto}
#header .logo{padding-top: 20px;width: 100%;}
#header .copy{margin: 0px 0;padding:17px 0; font-size: 15px;}
#header dt{width: 100%;margin: 20px 0 10px}
#header dd{width: 100%;margin: auto;font-size: 13px;}
#header dt img{width: 40%}
}

#body_ecologcal{}

#body_ecologcal .sec1{margin-top: 100px}
#body_ecologcal .sec1 .body_area_inner{
padding: 40px 0;background: url("../images/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{width: 100%;height: auto}
#body_ecologcal img{max-width: 100%;height: auto}
#body_ecologcal .sec1 .body_area_inner h2{width: 90%;margin:  -45px auto 0;}
#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 h2{width: 90%;margin:  -45px auto 0;}

#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: -10px;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}
}


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





/* ---------------------------------------------------------------------
 * フッター　サイト共通メニュー
 * --------------------------------------------------------------------- */
#common_footer_area{ width: 100%; min-width: 1200px; background: #FFF; margin: 0 auto;}
#common_footer_menu_list{ width: 1200px; margin: 16px auto 0; border-left: 1px solid #333; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
#common_footer_menu_list li{ margin:0; text-align: center; font-size: 12px; line-height: 1; color: #333; letter-spacing: 0.1em; text-indent: 0.1em; border-right: 1px solid #333; flex-grow: 2; flex-shrink: 0;}
#common_footer_area .footer_sns{ width: 28px; height: 28px; margin: 20px auto 0;}
#common_footer_area .footer_logo{ width: 109px; height: 20px; margin: 10px auto 0;}
#common_footer_area .footer_sns img,
#common_footer_area .footer_logo img{ max-width: 100%; height: auto;}
#common_footer_area .copyright{ margin-top: 30px; margin-bottom: 20px; text-align: center; font-size: 11px;}


@media screen and (max-width:767px){/*スマホ設定*/
#common_footer_area{ width: 100%; min-width: 100%; background: #FFF; margin: 0 auto;}
#common_footer_menu_list{ width: 96%; margin: 10px auto 16px; border-left: none; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;justify-content: space-between;-webkit-justify-content: space-between;}
#common_footer_menu_list li{ margin:6px 0; text-align: center; font-size: 11px; line-height: 1; color: #333; letter-spacing: 0.1em; text-indent: 0.1em; border-right: none;}
#common_footer_menu_list li a{ text-decoration: underline;}
#common_footer_area .footer_sns{ width: 28px; height: 28px; margin: 10px auto 0;}
#common_footer_area .footer_logo{ width: 109px; height: 20px; margin: 10px auto 0;}
#common_footer_area .footer_sns img,
#common_footer_area .footer_logo img{ max-width: 100%; height: auto;}
#common_footer_area .copyright{ margin-top: 15px; margin-bottom: 10px; text-align: center; font-size: 11px;}
}