@charset "utf-8";


/*スマホ*/
@media screen and (max-width:767px){
body{margin:0px;padding:0px}
.sp { display: block ; }
.pc { display: none ; }
.zehtop {width:100%;padding: 0px 0 0px 0;background: url("../images/zeh/zehbg1s.jpg?") no-repeat top center ;background-size:100%;}
.zehlogo {width:50%;margin:0 auto 0px auto;}
.font1 {margin:15px auto 0 auto; font-size:120%;color:#226825;font-weight: 700;line-height: 150%;}

.font2 {color:#226825;font-weight: 700; line-height: 160%;}
.zeh-text2 {width:100%;color:#000;font-weight: 400;font-size: 90%;padding: 10px 0 20px 0; text-align: justify;line-height: 160%; }
.zeh-text {width:100%;color:#000;font-weight: 400;font-size: 90%; text-align: justify;line-height: 160%; }
.zeh-cap {width:100%;color:#000;font-weight: 400;font-size: 80%;margin:20px auto 0px auto; text-align: justify;line-height: 160%; }

.zeh1 {width:100%;padding: 40px 0 0px 0;text-align: center;background: url("../images/zeh/bg3.jpg?") no-repeat bottom center ;background-size:100%;}
.zeh2 {width:100%;margin:0px auto 0px auto;padding:30px 5% 30px 5%;background: url("../images/zeh/bg2.jpg") no-repeat center top;text-align: center;border-bottom: solid 13px #226825;}
.zeh22 {width:100%;margin:0px auto 0px auto; background: url("../images/zeh/what-pc.svg") no-repeat center top;}
.zeh222{width:100%;padding: 10px 0px 10px 0;margin: 20px 0px 0px 0;text-align: left;font-size: 14px;color: #fff;font-weight: 400;border-top: dotted 1px;border-bottom: dotted 1px;line-height: 160%;}
.zeh3 {width:100%;margin:0px auto 30px auto;padding: 30px 5% 30px 5%;text-align: center;border-bottom: solid 13px #226825;background:#fcfaec}
.zeh4 {width:100%;margin:10px auto 30px auto;padding: 0px 0 0px 0;}
.zeh33 {width:100%;margin:0px auto 0px auto;}
.zeh333{width:100%;padding:10px 0px 10px 0;margin: 0px 0px 0px 0;text-align:left;font-size:90%;color: #000;font-weight: 400;line-height: 160%;}
.zeh5 {width:100%;margin:10px auto 30px auto;padding: 0px 5% 0px 5%;text-align: center;}
.zeh55 {width:100%;margin:0px auto 0px auto;padding: 0px 0 0px 0;text-align: center;}
.box1{width: 20%;height: 60px;margin:0px auto 20px auto;}

.flex{display:flex;flex-wrap: wrap;}
.box{width:96%;padding: 20px 0px 0px 0px;margin:20px auto 0px auto;border: solid 4px #226825;border-radius: 10px 10px 0px 0px;background:#226825;color:#fff;font-weight: 700;}
.box2{width:100%;padding: 20px 2% 20px 2%;background:#fff;color:#000;font-weight: 400;text-align: left;margin:20px auto 10px auto; }
.box2-left{;width:100%;padding: 20px 0% 0px 0%;margin:10px 0 0 0;background:#fff;color:#000;font-weight: 400;text-align: left; font-size: 13px; line-height: 160%;}
.box2-right{width:100%;padding: 20px 0% 20px 0%;margin:10px 0 0 0;background:#fff;color:#000;font-weight: 400;text-align: left;font-size: 13px; }

.circle{color: #fff;background-color:#256534;padding: 0;margin: 20px 3px 0px 0px;width: 14px;height: 14px;line-height: 14px;text-align: center;display: inline-block;border-radius: 50%;}
/* fadeUp */
.fadeUp{animation-name:fadeUpAnime;animation-duration:0.7s;animation-fill-mode:forwards;opacity:0;}

section.footer_sns .covid_box .covid_box_1 .covid_box_1_1 ul li {
    font-size: 14px;
    line-height: 1.3571428571;
    padding-left: 15px;
    margin-bottom: 11.5px;
    text-align: left;
}
  section.footer_sns .covid_box .covid_box_1 .covid_box_1_1 ul li::before {
    left: 0px;
    top: 5px;
    width: 10px;
    height: 10px;
  }
}



@media screen and (min-width:768px){

.sp { display: none; }
.pc { display: block ; } 

.zehtop {margin:0px auto 0 auto; padding: 50px 0 15px 0;background-size: 2000px;text-align: center;background: url("../images/zeh/zehbg1.jpg") no-repeat center ;background-position: 0px 0px;z-index:1;background-size: contain;}

.zehlogo {margin:0 auto 0px auto;padding: 70px 0 0px 0;}
.font1 {margin:50px auto 30px auto;;padding: 100px 0 0px 0; font-size:40px;color:#226825;font-weight: 700}
.font2 {color:#226825;font-weight: 700; line-height: 160%;}
.zeh-text {color:#000;font-weight: 400;font-size: 13px; text-align: justify; line-height: 160%;}
.zeh-text2 {width:1094px;color:#000;font-weight: 400;text-align: center; font-size: 16px;padding: 20px 0 10px 0; line-height: 160%;margin:0px auto 0px auto;  }
.zeh-cap {color:#000;font-weight: 400;font-size: 11px;margin:20px auto 0px auto; text-align: justify; line-height: 160%;}
.zeh1 {padding: 0px 0 px 0;text-align: center;background: url("../images/zeh/bg3.jpg?") no-repeat bottom center ;background-size:100%;}
.zeh2 {margin:0px auto 0px auto;padding: 30px 0 30px 0;background: url("../images/zeh/bg2.jpg") no-repeat center top;background-size: 2000px;text-align: center;border-bottom: solid 13px #226825;}
.zeh22 {width:1095px; height:397px;margin:0px auto 0px auto; background: url("../images/zeh/what-pc.png") no-repeat center top;}
.zeh222{float:right;width: 225px;padding: 10px 0px 10px 0;margin: 90px 20px 0px auto;text-align: left;font-size: 14px;color: #000;font-weight: 400;border-top: dotted 1px;border-bottom: dotted 1px;line-height: 150%;}
.zeh3 {width:100%;margin:0px auto 50px auto;padding: 30px 0 30px 0;text-align: center;border-bottom: solid 13px #226825;background:#fcfaec}
.zeh4 {margin:40px auto 50px auto;padding: 0px 0 30px 0;}
.zeh33 {width:1094px; height:397px;margin:0px auto 0px auto; background: url("../images/zeh/loan.svg") no-repeat center top;}
.zeh333{float:left;width: 230px;padding: 10px 0px 10px 0;margin: 70px 20px 0px auto;text-align: left;font-size: 14px;color: #000;font-weight: 400;line-height: 150%;}
.zeh5 {width:1094px; margin:40px auto 50px auto;padding: 0px 0 30px 0;text-align: center;}
.zeh55 {width:100%; margin:30px auto 0px auto;padding: 0px 0 0px 0;text-align: center;}
.box1{width: 60px;height: 60px;position: absolute;left: 5px;top: -12px;}

.flex{display:flex;flex-wrap: wrap;}
.box{width:45%;padding: 10px 0px 0px 0px;margin:20px 2% 20px 2%;border: solid 4px #226825;border-radius: 10px 10px 0px 0px;background:#226825;color:#fff;font-weight: 700;position: relative;}
.box2{min-height:390px;width:100%;padding: 20px 5% 20px 5%;margin:10px 0 0 0;background:#fff;color:#000;font-weight: 400;text-align: left; }
.box2-left{float:left;width:45%;padding: 20px 0% 20px 0%;margin:10px 0 0 0;background:#fff;color:#000;font-weight: 400;text-align: left; font-size: 13px; line-height: 150%;}
.box2-right{float:right;width:50%;padding: 20px 0% 20px 0%;margin:10px 0 0 0;background:#fff;color:#000;font-weight: 400;text-align: left;font-size: 13px; }

.box3{min-height:300px;width:100%;padding: 20px 5% 20px 5%;margin:10px 0 0 0;background:#fff;color:#000;font-weight: 400;text-align: left; }
.box3-left{float:left;width:45%;padding: 20px 0% 20px 0%;margin:10px 0 0 0;background:#fff;color:#000;font-weight: 400;text-align: left; font-size: 13px;}
.box3-right{float:right;width:50%;padding: 20px 0% 20px 0%;margin:10px 0 0 0;background:#fff;color:#000;font-weight: 400;text-align: left;font-size: 13px; }

.circle{color: #fff;background-color:#256534;padding: 0;margin: 10px 3px 0px 0px;width: 14px;height: 14px;line-height: 14px;text-align: center;display: inline-block;border-radius: 50%;}

.covid_box {
  padding-top: 63px;
  padding-bottom: 76px;
}
.covid_box_1 {
  display: flex;
  align-items: center;
  flex-direction: column;
  color: #503b00;
}

.covid_box_1_1 {
  width: 100%;
  max-width: 714px;
  margin-bottom: 50px;
}
    
.covid_box_1_1 ul li {
  line-height: 1.6;
  margin-bottom: 10.4px;
  position: relative;
  padding-left: 27px;
 text-align: left;
}

.covid_box_1_1 ul li::before {
  content: "";
  position: absolute;
  left: 9px;
  top: 7px;
  width: 13px;
  height: 13px;
  background: url("../images/covid_parts_1.svg") no-repeat center/contain;
}

    
    
/* fadeUp */

.fadeUp{animation-name:fadeUpAnime;animation-duration:0.7s;animation-fill-mode:forwards;opacity:0;}}