@charset "UTF-8";
body {
  font-feature-settings: "palt";
}

@media screen and (max-width: 768px) {
  .-w1278,
  .-w960 {
    width: 90%;
    margin: 0 auto;
  }
  .page_section {
    padding: 6% 0;
  }
}
/* ----------------------------------------

  トップページ
  /zeh-m.html
---------------------------------------------*/
.zeh .page_title {
  position: absolute;
  top: 12.5%;
  width: 100%;
  /* color: $red; */
  font-size: 64px;
}
@media (max-width: 768px) {
  .zeh .page_title {
    top: min(9%, 70px);
  }
  .zeh .page_title span {
    margin-top: min(6%, 10px);
  }
}
.zeh .page_text {
  margin-top: 2rem;
  line-height: 2;
  text-align: center;
  font-weight: 600;
  font-size: 28px;
  color: #6a5226;
}
@media (max-width: 768px) {
  .zeh .page_text {
    margin-top: 15px;
    line-height: 1.5;
    font-size: min(4vw, 32px);
  }
}

.zeh-logo {
  text-align: center;
  margin: 0 0 65px;
}
@media (max-width: 768px) {
  .zeh-logo {
    margin: 0 0 4vw;
  }
}

.zeh-txt {
  text-align: center;
  font-size: 18px;
  line-height: 2;
  letter-spacing: 2px;
  font-family: "Noto Serif CJK JP", serif;
}
@media (max-width: 768px) {
  .zeh-txt {
    font-size: clamp(14px, 2.5vw, 18px);
  }
}

.zeh-wrap {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px 0;
}
@media (max-width: 768px) {
  .zeh-wrap {
    flex-direction: column;
    gap: 2rem;
    margin: 5vw 0;
  }
}

.zeh-item {
  width: 47%;
}
@media (max-width: 768px) {
  .zeh-item {
    width: 100%;
  }
}

/* box01 */
.zeh-box01 {
  position: relative;
  margin-bottom: 1rem;
}

.zeh-box01::before {
  display: block;
  position: absolute;
  background: url(../../zeh/images/img-bels.png) center center/100% auto no-repeat;
  top: 100%;
  left: 0%;
  width: 100%;
  height: 100%;
}

.zeh-box02 {
  margin-bottom: clamp(2.55vw, 30px, 4vw);
}
.zeh-box02::before {
  display: block;
  position: absolute;
  background: url(../../zeh/images/img-low-carbon.png) center center/100% auto no-repeat;
  top: 100%;
  left: 0%;
  width: 100%;
  height: 100%;
}

.zeh-title {
  font-size: clamp(42px, 6vw, 55px);
  letter-spacing: 1.27px;
  color: #00913a;
  font-style: italic;
  font-family: "Cormorant", serif;
}

.zeh-txt1 {
  color: #6a5226;
  margin-bottom: 0.5rem;
  font-size: 28px;
}

.zeh-txt2 {
  font-size: 16px;
  line-height: 2;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 768px) {
  .zeh-txt2 {
    font-size: clamp(12px, 2.2vw, 16px);
  }
}

@media (max-width: 768px) {
  .img-bels {
    text-align: center;
  }
}

.img-bels-zeh {
  margin: 5.3rem 0 0;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
  .img-bels-zeh {
    margin: 4vw 0;
  }
}

/* zeh-oriented */
.zeh-oriented {
  background: #f5f5f5;
  padding-bottom: min(15%, 100px);
  /* box01 */
  /* box02 */
  /* box3 */
}
.zeh-oriented__title {
  color: #6a5226;
  font-size: 28px;
  text-align: center;
  padding: 5rem 0 0;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 768px) {
  .zeh-oriented__title {
    /* font-size: min(5.2vw, 42px); */
    font-size: clamp(23px, 2.2vw, 42px);
  }
}
.zeh-oriented__heading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3.4rem;
  margin: 5.25rem 0 2.75rem;
}
.zeh-oriented__heading::before, .zeh-oriented__heading::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: #c8c8c8;
}
@media (max-width: 768px) {
  .zeh-oriented__heading {
    gap: 3vw;
    margin: 2em 0;
  }
}
.zeh-oriented__cont {
  display: flex;
  align-items: center;
  gap: 3rem;
  justify-content: space-between;
  margin: 0 auto 3.5rem;
}
@media (max-width: 768px) {
  .zeh-oriented__cont {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 2rem;
  }
}
.zeh-oriented dl {
  line-height: 2;
  /* width: 70%;

  @include sp {
    width: 100%;
  } */
}
.zeh-oriented dl dt {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media (max-width: 768px) {
  .zeh-oriented dl dt {
    font-size: min(5.2vw, 42px);
    font-size: clamp(23px, 2.2vw, 42px);
    font-size: 23px;
    line-height: 1.5;
  }
}
.zeh-oriented dl dd {
  font-size: 16px;
}
@media (max-width: 768px) {
  .zeh-oriented dl dd {
    font-size: clamp(12px, 2.2vw, 16px);
  }
}
.zeh-oriented__box01 dt {
  color: #7abfc4;
}
.zeh-oriented__box02 dt {
  color: #c89238;
}
.zeh-oriented__box03 dt {
  color: #de9199;
}
.zeh-oriented__map {
  margin: 4rem 0;
  text-align: center;
}
.zeh-oriented__wrap {
  /* margin-top: 70px; */
  display: flex;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
  gap: 30px 8px;
}
@media (max-width: 768px) {
  .zeh-oriented__wrap {
    gap: 25px 8px;
  }
}
.zeh-oriented__wrap .item {
  width: 32.3%;
  text-align: right;
}
@media (max-width: 768px) {
  .zeh-oriented__wrap .item {
    width: 48%;
  }
}
.zeh-oriented__wrap .item .txt {
  padding-top: 10px;
  font-size: 13px;
}
.zeh-oriented__box03 .zeh-box03__wrap01 .head {
  color: #fff;
  background: #00913a;
  padding: 5px 15px;
  margin: 3em 0 1em;
  font-weight: 400;
  font-size: 18px;
  width: 100%;
}
@media (max-width: 768px) {
  .zeh-oriented__box03 .zeh-box03__wrap01 .head {
    margin: 3vw 0 1vw;
  }
}
.zeh-oriented__box03 .zeh-box03__wrap01 .title {
  font-size: 24px;
  color: #00913a;
}
.zeh-oriented__box03 .zeh-box03__wrap01 .txt {
  font-size: 16px;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .zeh-oriented__box03 .zeh-box03__wrap01 .txt {
    font-size: clamp(12px, 2.2vw, 16px);
  }
}
.zeh-oriented__box03 .zeh-oriented__list {
  padding: 0.7rem 0 47px;
  font-size: 12.5px;
  font-style: 400;
}
@media (max-width: 768px) {
  .zeh-oriented__box03 .zeh-oriented__list {
    font-size: clamp(12px, 2.2vw, 16px);
    padding: 0.7rem 0 2rem;
  }
}
.zeh-oriented__box03 .zeh-oriented__taxexempt {
  margin-top: 47px;
}
@media (max-width: 768px) {
  .zeh-oriented__box03 .zeh-oriented__taxexempt {
    margin-top: 0px;
  }
}
.zeh-oriented__box03 .zeh-oriented__taxexempt .head {
  color: #fff;
  padding: 5px 15px;
  margin-bottom: 1rem;
  font-weight: 400;
  font-size: 18px;
  width: 100%;
  background-color: #00913a;
}
.zeh-oriented__box03 .taxexempt__cont {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3rem;
  padding-bottom: 47px;
}
@media (max-width: 768px) {
  .zeh-oriented__box03 .taxexempt__cont {
    flex-direction: column;
    align-items: flex-start;
    gap: 3vw;
    padding-top: 0vw;
    padding-bottom: 5vw;
  }
}
.zeh-oriented__box03 .taxexempt__bbtop {
  border-top: 1px solid #c8c8c8;
  padding-top: 47px;
}
@media (max-width: 768px) {
  .zeh-oriented__box03 .taxexempt__bbtop {
    padding-top: 5vw;
  }
}
.zeh-oriented__box03 .zeh-box03__bbtop {
  border-top: 1px solid #c8c8c8;
  padding: 1rem 0 0 0;
}
.zeh-oriented__box03 .taxexempt-title {
  color: #00913a;
}
.zeh-oriented__box03 .zeh-box03__wrap02 .wrapper {
  display: flex;
  align-items: flex-start;
  gap: 3rem;
  /* padding-top: 1rem; */
}
@media (max-width: 768px) {
  .zeh-oriented__box03 .zeh-box03__wrap02 .wrapper {
    flex-wrap: wrap;
    gap: 0;
    /* padding-top: 1rem; */
    padding-bottom: 2rem;
  }
}
.zeh-oriented__box03 .zeh-box03__wrap02 .wrapper img {
  margin-top: 14px;
}
@media (max-width: 768px) {
  .zeh-oriented__box03 .zeh-box03__wrap02 .wrapper img {
    margin-top: 0;
  }
}
.zeh-oriented__box03 .zeh-box03__wrap02 .head {
  color: #fff;
  background: #c89238;
  padding: 5px 15px;
  margin-bottom: 1rem;
  font-weight: 400;
  font-size: 18px;
  width: 100%;
}
.zeh-oriented__box03 .zeh-box03__wrap02 .title {
  font-size: 28px;
  font-weight: 500;
  /* color: #00913a; */
  color: #c89238;
}
@media (max-width: 768px) {
  .zeh-oriented__box03 .zeh-box03__wrap02 .title {
    font-size: 23px;
    line-height: 1.5;
  }
}
.zeh-oriented__box03 .zeh-box03__wrap02 .txt {
  display: inline-block;
  align-items: center;
  font-size: 16px;
  margin-bottom: 1rem;
}
.zeh-oriented__box03 .zeh-box03__wrap02 .txt span {
  font-size: 24px;
  line-height: 2;
  color: #b71d22;
}
@media (max-width: 768px) {
  .zeh-oriented__box03 .zeh-box03__wrap02 .txt span {
    line-height: 1;
    margin-bottom: 1rem;
  }
}
@media (max-width: 768px) {
  .zeh-oriented__box03 .zeh-box03__wrap02 .txt {
    display: block;
    margin-bottom: 1rem;
  }
}

/*# sourceMappingURL=style_zeh.css.map */