@charset "UTF-8";
/*! Writen  by SCSS */
.en2 {
  font-family: "EB Garamond",YakuHanMP, "Noto Serif JP","Hiragino Mincho ProN","Yu Mincho","游明朝",YuMincho,"游明朝体","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
  font-optical-sizing: auto; }

.sec_lead {
  margin-bottom: 0.5em; }
  .sec_lead.border {
    margin-inline: auto;
    border: 1px solid;
    max-width: 350px;
    margin-inline: auto;
    width: 100%;
    text-align: center;
    line-height: 1;
    height: 50px;
    display: grid;
    place-items: center;
    color: #007272;
    margin-bottom: 1em; }
    .sec_lead.border.flex {
      display: flex;
      justify-content: center;
      align-items: center; }
    @media screen and (max-width: 480px) {
      .sec_lead.border {
        height: 36px; } }

@media screen and (max-width: 480px) {
  .sec_main .main_head {
    line-height: 1.2; } }

.sec01 {
  margin-top: clamp(40px, 5.84%, 70px);
  margin-bottom: clamp(50px, 7.5%, 90px); }
  .sec01 .item_ttl {
    margin-bottom: clamp(60px, 8.34%, 100px); }
  .sec01 .en_head {
    margin-bottom: 0.8em;
    font-size: clamp(30px, 5vw, 60px);
    color: #007272;
    line-height: 1; }
  .sec01 .text_wrap {
    margin-bottom: clamp(40px, 5.84%, 70px); }

.sec02 {
  margin-bottom: clamp(40px, 5%, 60px); }
  .sec02 .sec02_wrap01 {
    flex-wrap: wrap;
    margin-bottom: clamp(40px, 5.84%, 70px); }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap01 {
        flex-direction: column;
        row-gap: 20px; } }
    .sec02 .sec02_wrap01 .text_wrap {
      width: 41.75%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap01 .text_wrap {
          width: 100%; } }
    .sec02 .sec02_wrap01 .img {
      width: 54.25%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap01 .img {
          width: 100%; } }
    .sec02 .sec02_wrap01 .notes {
      display: block;
      width: 100%;
      margin-top: 5px;
      font-size: 12px;
      line-height: 1.4; }
  .sec02 .sec02_wrap02 {
    background: rgba(150, 226, 216, 0.4);
    padding: 45px 50px; }
    @media screen and (max-width: 768px) {
      .sec02 .sec02_wrap02 {
        padding-inline: 4.17%; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap02 {
        padding: 30px 20px;
        margin-inline: -20px; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap02 .item_wrap {
        flex-direction: column;
        margin-inline: auto;
        row-gap: 20px;
        max-width: 340px;
        margin-inline: auto; } }
    .sec02 .sec02_wrap02 .item_wrap .item {
      width: 30.91%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap02 .item_wrap .item {
          width: 100%; } }
      .sec02 .sec02_wrap02 .item_wrap .item .read {
        line-height: 2.19;
        margin-top: 0.5em; }

.sec03 {
  margin-bottom: clamp(80px, 10%, 120px); }
  .sec03 .text_wrap01 {
    margin-bottom: clamp(40px, 5.84%, 70px); }
  @media screen and (max-width: 480px) {
    .sec03 .item_wrap {
      flex-direction: column;
      row-gap: 30px; } }
  .sec03 .item_wrap .item:nth-child(1) {
    width: 43.34%; }
    @media screen and (max-width: 480px) {
      .sec03 .item_wrap .item:nth-child(1) {
        width: 100%; } }
  .sec03 .item_wrap .item:nth-child(2) {
    width: 53.34%; }
    @media screen and (max-width: 480px) {
      .sec03 .item_wrap .item:nth-child(2) {
        width: 100%; } }
  .sec03 .item_wrap .item .text_wrap {
    margin-bottom: clamp(40px, 5%, 60px); }
    @media screen and (max-width: 480px) {
      .sec03 .item_wrap .item .text_wrap {
        margin-bottom: 15px; } }
    .sec03 .item_wrap .item .text_wrap .ttl {
      position: relative;
      line-height: 1;
      margin-bottom: .75em;
      color: #007272;
      font-size: clamp(16px, 1.834vw, 22px);
      padding-left: 10px;
      display: flex;
      column-gap: 5px; }
      .sec03 .item_wrap .item .text_wrap .ttl::after {
        content: '';
        width: 6px;
        height: 100%;
        background: #007272;
        position: absolute;
        top: 0;
        left: 0;
        pointer-events: none; }

.sec04 {
  margin-bottom: clamp(80px, 10%, 120px); }
  .sec04 .item_wrap {
    display: flex;
    flex-direction: column;
    grid-row-gap: clamp(30px, 4.167vw, 50px); }
    @media screen and (max-width: 480px) {
      .sec04 .item_wrap .item {
        flex-direction: column;
        row-gap: 20px; } }
    .sec04 .item_wrap .item .text_wrap {
      width: 57.5%; }
      @media screen and (max-width: 480px) {
        .sec04 .item_wrap .item .text_wrap {
          width: 100%; } }
      .sec04 .item_wrap .item .text_wrap .ttl01 {
        line-height: 1; }
    .sec04 .item_wrap .item .img {
      width: 36.67%; }
      @media screen and (max-width: 480px) {
        .sec04 .item_wrap .item .img {
          width: 100%; } }
    .sec04 .item_wrap .item.item03 {
      background: rgba(150, 226, 216, 0.4);
      padding: 40px; }
      @media screen and (max-width: 768px) {
        .sec04 .item_wrap .item.item03 {
          padding-inline: 3.34%; } }
      @media screen and (max-width: 480px) {
        .sec04 .item_wrap .item.item03 {
          margin-inline: -20px;
          padding-inline: 20px; } }
      .sec04 .item_wrap .item.item03 .text_wrap {
        width: 55.36%; }
        @media screen and (max-width: 480px) {
          .sec04 .item_wrap .item.item03 .text_wrap {
            width: 100%; } }
      .sec04 .item_wrap .item.item03 .img {
        width: 39.29%; }
        @media screen and (max-width: 480px) {
          .sec04 .item_wrap .item.item03 .img {
            width: 100%; } }

.sec05 {
  background: #f4f9e8;
  padding: clamp(40px, 5.84%, 70px) 0 clamp(30px, 4.17%, 50px); }
  .sec05 .sec_lead {
    margin-bottom: 1em; }
  .sec05 .item_wrap {
    display: flex;
    flex-wrap: wrap;
    row-gap: clamp(30px, 5.834vw, 70px); }
    @media screen and (max-width: 480px) {
      .sec05 .item_wrap {
        flex-wrap: wrap; } }
    .sec05 .item_wrap .item {
      width: 30.84%;
      display: flex;
      flex-direction: column;
      row-gap: 15px; }
      @media screen and (max-width: 480px) {
        .sec05 .item_wrap .item {
          width: 100%; } }
      .sec05 .item_wrap .item .ttl {
        line-height: 1;
        font-size: clamp(16px, 1.834vw, 22px);
        color: #007272; }

@media screen and (max-width: 480px) {
  .sec {
    margin-bottom: 50px; } }

@media screen and (max-width: 480px) {
  .sec04, .sec05 {
    margin-bottom: 0; } }

.ls04 {
  letter-spacing: -0.04em !important; }

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