/*! Writen  by SCSS */
.inner_main .main_title_group {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 2.5%; }
  @media screen and (max-width: 480px) {
    .inner_main .main_title_group .main_logo {
      width: 38%; } }
  .inner_main .main_title_group .main_title {
    font-size: clamp(10px, 0.938vw, 15px);
    color: #FFF;
    text-align: center;
    line-height: 1; }
    .inner_main .main_title_group .main_title .big {
      margin-top: 10px;
      display: block;
      font-size: 353%; }
      @media screen and (max-width: 480px) {
        .inner_main .main_title_group .main_title .big {
          font-size: 220%; } }

.item_ttl {
  margin-bottom: clamp(30px, 4.167vw, 50px); }

.sec01 {
  padding-bottom: 0; }
  .sec01 .sec01_cont01 {
    padding: clamp(30px, 4.167vw, 50px) 20px clamp(30px, 5vw, 60px);
    background: #e7f3e9; }
    .sec01 .sec01_cont01 .cont01_in {
      max-width: 960px;
      margin: 0 auto; }
      .sec01 .sec01_cont01 .cont01_in .cont01_item01 {
        margin-bottom: clamp(30px, 5vw, 60px); }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .cont01_in .cont01_item01 {
            flex-direction: column;
            row-gap: 20px;
            margin-bottom: 30px; } }
        .sec01 .sec01_cont01 .cont01_in .cont01_item01 .zeh_logo {
          width: 21.36%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_cont01 .cont01_in .cont01_item01 .zeh_logo {
              width: auto;
              text-align: center; } }
        .sec01 .sec01_cont01 .cont01_in .cont01_item01 .text_group {
          width: 72.92%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_cont01 .cont01_in .cont01_item01 .text_group {
              width: 100%; } }
          .sec01 .sec01_cont01 .cont01_in .cont01_item01 .text_group .zeh_ttl {
            font-size: clamp(20px, 2.167vw, 26px);
            margin-bottom: clamp(10px, 1.667vw, 20px); }
          .sec01 .sec01_cont01 .cont01_in .cont01_item01 .text_group .zeh_read {
            font-size: clamp(13px, 1.25vw, 15px); }
            .sec01 .sec01_cont01 .cont01_in .cont01_item01 .text_group .zeh_read .red {
              color: #c11920; }
      .sec01 .sec01_cont01 .cont01_in .cont01_item02 {
        margin-bottom: clamp(40px, 5vw, 60px); }
      .sec01 .sec01_cont01 .cont01_in .cont01_item03 {
        align-items: flex-start; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .cont01_in .cont01_item03 {
            flex-direction: column;
            row-gap: 20px; } }
        .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_text {
          width: 48.96%;
          flex-wrap: wrap;
          gap: 20px 0; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_text {
              width: 100%;
              gap: 15px 0; } }
          .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_text .bels_ttl {
            width: 100%;
            font-size: clamp(15px, 1.584vw, 19px); }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_text .bels_ttl {
                font-size: 18px; } }
          .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_text .bels_read {
            width: 48.94%;
            font-size: clamp(12px, 1.25vw, 15px);
            line-height: 1.3; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_text .bels_read {
                width: 100%;
                font-size: 15px; } }
            .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_text .bels_read .cap_l {
              display: block; }
          .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_text .bels_table {
            width: 45.96%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_text .bels_table {
                width: 100%;
                text-align: center; } }
        .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_img {
          width: 17.5%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_img {
              width: 100%;
              text-align: center; } }
        .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_preferential {
          width: 26.67%;
          text-align: center; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_preferential {
              width: 100%; } }
          .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_preferential .pre01 {
            font-size: clamp(14px, 1.417vw, 17px);
            color: #FFF;
            padding: 5px;
            font-weight: 600;
            text-align: center;
            background: #567a47; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_preferential .pre01 {
                font-size: 4.4vw; } }
          .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_preferential .pre_in {
            padding: 15px 20px 25px;
            background: #FFF; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_preferential .pre_in {
                padding: 15px 20px; } }
            .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_preferential .pre_in .pre02 {
              font-size: clamp(17px, 1.667vw, 20px);
              line-height: 1.2;
              color: #567a47;
              font-weight: 600; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_preferential .pre_in .pre02 {
                  font-size: 5vw; } }
            .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_preferential .pre_in .pre03 {
              font-size: clamp(10px, 1.25vw, 15px);
              line-height: 1.26;
              margin: 20px 0 25px; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_cont01 .cont01_in .cont01_item03 .bels_preferential .pre_in .pre03 {
                  font-size: 4vw;
                  margin: 10px 0 15px; } }
  .sec01 .sec01_cont02 {
    padding: clamp(40px, 4.167vw, 50px) 0; }
    .sec01 .sec01_cont02 .charm_ttl {
      font-size: clamp(22px, 2.167vw, 26px);
      text-align: center;
      margin-bottom: 40px; }
      .sec01 .sec01_cont02 .charm_ttl .big {
        font-size: 150%;
        color: #567a47;
        display: inline-block;
        line-height: 1; }
    .sec01 .sec01_cont02 .charm_group {
      max-width: 960px;
      margin: 0 auto; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_cont02 .charm_group {
          flex-direction: column;
          row-gap: 40px;
          max-width: 285px; } }
      .sec01 .sec01_cont02 .charm_group .charm_in {
        width: 29.69%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont02 .charm_group .charm_in {
            width: 100%; } }
        .sec01 .sec01_cont02 .charm_group .charm_in .charm_num {
          text-align: center; }
        .sec01 .sec01_cont02 .charm_group .charm_in .charm_photo {
          margin: 10px 0 20px; }
        .sec01 .sec01_cont02 .charm_group .charm_in .text_group {
          flex-direction: column;
          row-gap: 20px;
          justify-content: flex-start; }
          .sec01 .sec01_cont02 .charm_group .charm_in .text_group .c01 {
            font-size: clamp(17px, 1.667vw, 20px);
            color: #99885a;
            line-height: 1.2; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_cont02 .charm_group .charm_in .text_group .c01 {
                font-size: 5.4vw; } }
          .sec01 .sec01_cont02 .charm_group .charm_in .text_group .c02 {
            font-size: clamp(12px, 1.25vw, 15px);
            line-height: 1.33;
            letter-spacing: 0.05em; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_cont02 .charm_group .charm_in .text_group .c02 {
                font-size: 13px; } }
  .sec01 .sec01_cont03 {
    padding: clamp(30px, 4.167vw, 50px) 20px clamp(30px, 5vw, 60px);
    background: #e7f3e9; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_cont03 {
        padding: 20px; } }
    .sec01 .sec01_cont03 .cont03_in {
      max-width: 960px;
      margin: 0 auto; }
      .sec01 .sec01_cont03 .cont03_in .title_group {
        margin-bottom: 30px; }
        .sec01 .sec01_cont03 .cont03_in .title_group .carbon_ttl {
          font-size: clamp(20px, 3vw, 30px);
          line-height: 1.4;
          padding-bottom: 10px;
          margin-bottom: 10px;
          border-bottom: 1px solid #000; }
          .sec01 .sec01_cont03 .cont03_in .title_group .carbon_ttl .small {
            display: inline-block;
            font-size: 73%;
            margin-left: 15px; }
        .sec01 .sec01_cont03 .cont03_in .title_group .carbon_read {
          font-size: clamp(12px, 1.5vw, 15px); }
      .sec01 .sec01_cont03 .cont03_in .carbon_group .tax_ttl {
        display: flex;
        justify-content: flex-start;
        align-items: baseline;
        column-gap: 20px;
        font-size: clamp(13px, 1.6vw, 16px);
        margin-bottom: 20px; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont03 .cont03_in .carbon_group .tax_ttl {
            flex-direction: column; } }
        .sec01 .sec01_cont03 .cont03_in .carbon_group .tax_ttl .normal {
          letter-spacing: -0.1em; }
        .sec01 .sec01_cont03 .cont03_in .carbon_group .tax_ttl .big {
          flex-shrink: 0;
          font-size: 137%;
          font-weight: 600; }
      .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group {
        flex-direction: row-reverse; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group {
            flex-direction: column; } }
        .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .photo {
          width: 36.46%; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .photo {
              width: 100%; } }
          .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .photo img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
        .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .text_box {
          align-items: flex-start;
          width: 63.54%;
          background: #FFF;
          padding: 20px;
          flex-wrap: wrap;
          gap: 20px 0; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .text_box {
              width: 100%;
              gap: 15px 0; } }
          .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .text_box .ecomachi_ttl {
            width: 100%;
            font-size: clamp(16px, 2.1vw, 21px);
            color: #FFF;
            background: #567a47;
            text-align: center;
            font-weight: 600; }
          .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .text_box .text_group {
            width: 65.91%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .text_box .text_group {
                width: 100%; } }
            .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .text_box .text_group .eco_machi_read {
              font-size: clamp(12px, 1.4vw, 14px);
              line-height: 1.42;
              margin-bottom: 10px; }
              @media screen and (max-width: 480px) {
                .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .text_box .text_group .eco_machi_read {
                  font-size: 13px; } }
            .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .text_box .text_group .ecomachi_box {
              padding: 10px;
              background: #f8f2e5; }
              .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .text_box .text_group .ecomachi_box .box_text {
                font-size: clamp(12px, 1.4vw, 14px);
                line-height: 1.42; }
                .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .text_box .text_group .ecomachi_box .box_text .gothic {
                  font-weight: 600;
                  color: #c11920; }
          .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .text_box .eco_photo {
            width: 31.29%; }
            @media screen and (max-width: 480px) {
              .sec01 .sec01_cont03 .cont03_in .carbon_group .eco_group .text_box .eco_photo {
                width: 100%;
                max-width: 178px;
                margin: 0 auto; } }

.sec02 {
  padding: clamp(60px, 8.334vw, 100px) 0 50px; }
  .sec02 .ttl_wrap {
    margin-bottom: clamp(40px, 5vw, 60px); }
  .sec02 .diagram_img_cont {
    width: fit-content;
    margin: 0 auto clamp(50px, 6.667vw, 80px); }
    @media screen and (max-width: 480px) {
      .sec02 .diagram_img_cont {
        width: auto; } }
    @media screen and (max-width: 480px) {
      .sec02 .diagram_img_cont .diagram_img_wrap {
        overflow-x: scroll; } }
    @media screen and (max-width: 480px) {
      .sec02 .diagram_img_cont .diagram_img_wrap .diagram_img img {
        max-width: none;
        width: 600px; } }
  .sec02 .sec02_cont01 {
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(2, 47%);
    gap: clamp(40px, 6.667vw, 80px) 0; }
    @media screen and (max-width: 820px) {
      .sec02 .sec02_cont01 {
        grid-template-columns: repeat(2, 48%); } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_cont01 {
        gap: 40px;
        grid-template-columns: 100%; } }
    .sec02 .sec02_cont01 .item .item_group {
      flex-wrap: wrap;
      align-items: flex-start; }
    .sec02 .sec02_cont01 .item .num_ttl {
      width: 100%;
      justify-content: flex-start;
      align-items: center;
      font-size: clamp(13px, 1.751vw, 21px);
      column-gap: 20px;
      padding-bottom: 9px;
      margin-bottom: 12px;
      border-bottom: 1px solid #000; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item .num_ttl {
          font-size: 4.4vw;
          column-gap: 10px; } }
      .sec02 .sec02_cont01 .item .num_ttl.no_border {
        border: none; }
      .sec02 .sec02_cont01 .item .num_ttl .num {
        width: 26px;
        aspect-ratio: 1;
        flex-shrink: 0;
        background: #99885a;
        display: flex;
        justify-content: center;
        align-items: center;
        line-height: 1.4;
        color: #FFF;
        text-align: center; }
      .sec02 .sec02_cont01 .item .num_ttl .ttl {
        flex-grow: 1;
        font-size: 109%; }
    .sec02 .sec02_cont01 .item .item_read {
      width: 44.33%;
      font-size: clamp(12px, 1.334vw, 16px);
      line-height: 1.5; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item .item_read {
          font-size: 13px; } }
      .sec02 .sec02_cont01 .item .item_read .cap_l {
        display: block; }
        .sec02 .sec02_cont01 .item .item_read .cap_l.inline {
          display: inline; }
      .sec02 .sec02_cont01 .item .item_read .red {
        color: #c11920; }
      .sec02 .sec02_cont01 .item .item_read.full {
        width: 100%; }
    .sec02 .sec02_cont01 .item .item_image {
      width: 55.86%;
      text-align: right; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item .item_image {
          text-align: center; } }
      .sec02 .sec02_cont01 .item .item_image.image01 {
        width: 38.83%; }
    .sec02 .sec02_cont01 .item .cap_l.full {
      width: 100%;
      margin-top: 10px; }
    .sec02 .sec02_cont01 .item.item01 .item_group .item_read {
      width: 53.2%; }
    .sec02 .sec02_cont01 .item.item01 .item_group .item_image {
      width: 38.83%; }
    .sec02 .sec02_cont01 .item.item02 .item_group .item_read {
      width: 44.33%; }
    .sec02 .sec02_cont01 .item.item02 .item_group .item_image {
      width: 53.02%; }
    .sec02 .sec02_cont01 .item.item03 {
      grid-column: 1/2;
      grid-row: 2/5; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item.item03 {
          grid-column: auto;
          grid-row: auto; } }
      .sec02 .sec02_cont01 .item.item03 .item_group {
        margin-bottom: clamp(30px, 4.167vw, 50px); }
        .sec02 .sec02_cont01 .item.item03 .item_group .item_read {
          width: 70.93%; }
        .sec02 .sec02_cont01 .item.item03 .item_group .item_image {
          width: 23.59%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item.item03 .eco_j_group .num_ttl {
          padding-bottom: 0; } }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item.item03 .eco_j_group .num_ttl .logo_image {
          width: 50%; } }
      .sec02 .sec02_cont01 .item.item03 .eco_j_group .eco_j_img {
        margin-top: 20px;
        text-align: center; }
      .sec02 .sec02_cont01 .item.item03 .eco_j_group .eco_arrow {
        width: 34px;
        aspect-ratio: 34/16;
        clip-path: polygon(50% 100%, 0 0, 100% 0);
        background: #c11920;
        margin: 0 auto 15px; }
      .sec02 .sec02_cont01 .item.item03 .eco_j_group .eco_ttl {
        font-size: clamp(13px, 1.667vw, 20px);
        color: #c11920;
        text-align: center;
        border: 1px solid #c11920;
        border-radius: 20px;
        margin-bottom: 5px; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_cont01 .item.item03 .eco_j_group .eco_ttl {
            font-size: 4vw; } }
    .sec02 .sec02_cont01 .item.item04 .item_group .item_read {
      width: 44.33%; }
    .sec02 .sec02_cont01 .item.item04 .item_group .item_image {
      width: 53.02%; }
    .sec02 .sec02_cont01 .item.item05 .item_group .item_read {
      width: 40.79%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item.item05 .item_group .item_read {
          width: 100%; } }
    .sec02 .sec02_cont01 .item.item05 .item_group .item_image {
      width: 55.86%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item.item05 .item_group .item_image {
          width: 100%;
          margin-top: 20px;
          text-align: center; } }
    .sec02 .sec02_cont01 .item.item06 .item_group .item_read {
      width: 44.33%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item.item06 .item_group .item_read {
          width: 100%; } }
    .sec02 .sec02_cont01 .item.item06 .item_group .item_image {
      width: 52.31%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item.item06 .item_group .item_image {
          width: 100%;
          margin-top: 20px;
          text-align: center; } }
    .sec02 .sec02_cont01 .item.item07 .item_group .item_read {
      width: 40.79%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item.item07 .item_group .item_read {
          width: 100%; } }
    .sec02 .sec02_cont01 .item.item07 .item_group .item_image {
      width: 55.86%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item.item07 .item_group .item_image {
          width: 100%;
          margin-top: 20px;
          text-align: center; } }
    .sec02 .sec02_cont01 .item.item08 .item_group .item_read {
      width: 33.69%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item.item08 .item_group .item_read {
          width: 100%; } }
    .sec02 .sec02_cont01 .item.item08 .item_group .item_image {
      width: 65.25%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item.item08 .item_group .item_image {
          width: 100%;
          margin-top: 20px;
          text-align: center; } }
    .sec02 .sec02_cont01 .item.item09 .item_group {
      align-items: flex-end; }
      .sec02 .sec02_cont01 .item.item09 .item_group .item_read {
        width: 39.01%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_cont01 .item.item09 .item_group .item_read {
            width: 100%; } }
        .sec02 .sec02_cont01 .item.item09 .item_group .item_read .temperature_img {
          margin-top: 10px;
          background: #567a47;
          padding: 20px;
          text-align: center; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_cont01 .item.item09 .item_group .item_read .temperature_img {
              padding: 15px 10px; } }
      .sec02 .sec02_cont01 .item.item09 .item_group .item_image {
        width: 52.31%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_cont01 .item.item09 .item_group .item_image {
            width: 100%;
            margin-top: 20px; } }
    .sec02 .sec02_cont01 .item.item10 .image2 {
      max-width: 400px;
      margin: 20px auto 0;
      align-items: center;
      width: 100%; }
      .sec02 .sec02_cont01 .item.item10 .image2 .image {
        width: 34.5%; }
      .sec02 .sec02_cont01 .item.item10 .image2 .image02 {
        width: 54.25%; }

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