@charset "UTF-8";
/* ---------------------------------------------------------------------
 * コンセプトページ
 * --------------------------------------------------------------------- */
#main_image_zeh{height: auto}
#main_image_zeh .inner{position: absolute;left: 0;right: 0;top: 0}
#main_image_zeh .wimg{width: 100%;height: auto;z-index: -1;position: relative}
@media screen and (max-width: 767px) {/*スマホ設定*/
#main_image_zeh .wimg{object-fit: cover;height: 260px!important;width: auto!important}
}

/*flexbox*/
.flex{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap:wrap;}
.flex--start{/*左寄せ*/justify-content: flex-start;-webkit-justify-content: flex-start;}
.flex--center{/*中央寄せ*/justify-content: center;-webkit-justify-content: center;}
.flex--end{/*右寄せ*/justify-content: flex-end;-webkit-justify-content: flex-end;}
.flex--bet{/*残り余白の均等割り*/justify-content: space-between;-webkit-justify-content: space-between;}
.flex--around{/*左右余白 ＋ 均等割り*/justify-content: space-around;-webkit-justify-content: space-around;}
/*col*/
.col1{width:100%;}.col2{width:48%;}.col3{width:30%;}.col4{width:25%;}.col5{width:18.4%;}.col6{width:15%;}.col3_2{width: 68%}
  a.anker{
   display: block;
   margin-top:-100px;
   padding-top:100px;
}
sub{font-size: 60%;}
#body_zeh .fontM{ font-family: 'Noto Serif JP', serif;font-size: 16px!important;}
#body_zeh img{max-width: 100%;height: auto}

#sec0{background: url("../images/zeh2/bg.jpg") no-repeat center top; background-size: cover;padding: 100px 0}
#sec0 h2{font-size: 34px;letter-spacing: 0.1em;font-weight: normal;margin-bottom: 30px;line-height: 1.8}
#sec0 h2.sub1{font-size: 34px;margin-top: 60px}
#body_zeh .txt{line-height: 2em;font-size: 19px;margin-bottom: 30px}
#body_zeh .coution{font-size: 12px}
#sec0 .title,
#sec0 .zu1{margin: 40px 0}
#sec0 .tab{margin: auto}
#sec0 .tab li{width: 30%}
@media screen and (max-width: 767px) {/*スマホ設定*/
#sec0{padding: 60px 0}
#sec0 h2{font-size: 20px;line-height: 1.7}
#body_zeh .txt{line-height: 2em;font-size: 15px;margin-bottom: 30px}
#sec0 h2.sub1{font-size: 18px;margin-top: 60px}
#body_zeh .coution{font-size: 10px;line-height: 1.3}
}


#sec1,
#sec2,
#sec3{padding-bottom: 80px}
#sec2{}
#body_zeh .page_title{background: #2c893a;border-top:20px solid #6e9e69;padding: 40px 0 30px;color: #fff;margin-bottom: 60px}
#body_zeh .page_title p{font-size: 26px;padding-top: 20px;line-height: 2;letter-spacing: 0.1em;}

#body_zeh h3{font-size: 30px;letter-spacing: 0.1em;font-weight: normal;margin-bottom: 30px;line-height: 1.8}

#body_zeh dl{background: #fff;box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;margin-top: 50px}
#body_zeh dt{background: #2c893a;color: #fff;font-size: 30px;padding: 20px 0;letter-spacing: 0.1em;position: relative;text-align: left;padding-left: 190px}
#body_zeh dt img{position: absolute;left: 10px;top: 0;bottom: 0;margin: auto}
#body_zeh dd{padding: 40px}
#body_zeh dd h4{color: #2c893a;font-size: 32px;letter-spacing: 0.1em;margin-bottom: 20px}
#body_zeh dd .zu{margin-bottom: 20px}
#body_zeh dd li{width: 31%;margin-bottom: 30px}
#body_zeh dd li p{text-align: left;line-height: 1.8;margin-top: 14px}
#body_zeh dd .coution{text-align: left}
#body_zeh .doc{background: #2c893a;padding: 70px 0; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;margin: 50px 0}
#sec0 .box{background: #fff;box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;padding-bottom: 50px;margin-bottom: 100px}
#sec0 .box p{width: 800px;margin: auto}
#sec0 .box p.zu{padding-top: 50px}
#sec0 .box .coution{text-align: left;margin-top: 12px}
#body_zeh .bt{padding: 60px 0}
/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/
#sec1,
#sec2,
#sec3{padding-bottom: 40px}
#body_zeh .page_title p{font-size: 17px;}
#body_zeh h3{font-size: 18px;}

#body_zeh dt{font-size: 18px;}
#body_zeh dt{padding-left: 0px;text-align: center}
#body_zeh dt img{position: absolute;left: 10px;top: 0;bottom: 0;margin: auto}
#body_zeh #sec2 dt{padding-left: 0px;text-align: center}
#body_zeh dd{padding: 20px}
#body_zeh dd h4{color: #2c893a;font-size: 15px;letter-spacing: 0.1em;margin-bottom: 20px}
#body_zeh .doc{padding: 20px; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;margin: 30px 0}

#body_zeh dt img{position: absolute;left: 3px;top: 0;bottom: 0;margin: auto;width: 20%}
#body_zeh dd li{width: 48%;margin-bottom: 30px}
#body_zeh .box{padding: 0 0 20px;margin-bottom: 40px}
#body_zeh .box p{width: 88%;margin: 20px auto 0}

#sec0 .box p.zu{padding-top: 0px}

.mobile-scroll {width: 100%; overflow-x: scroll;padding-bottom: 12px}
.mobile-scroll img{width: 800px!important;max-width:800px!important;height: auto;}
.mobile-scroll.st1 img{width: 900px!important;max-width:900px!important;height: auto;}
.swipe{width: 15%;margin: 12px auto}
.swipe img{width: 100%}
}
/*===============================================================================
===============================================================================*/
#body_zeh #movie{margin:60px auto;width: 1200px;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_zeh #movie{width: 100%;margin: 30px 0}
}