/*! Writen  by SCSS */
.inner_main .main_image {
  background-image: url("../images/zeh/main.jpg"); }
  @media screen and (max-width: 480px) {
    .inner_main .main_image {
      background-image: url("../images/zeh/main_sp.jpg"); } }

.sec01 .sec01_cont01 {
  padding: clamp(60px, 9.286vw, 130px) 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url("../images/zeh/bg01.jpg"); }
  @media screen and (max-width: 820px) {
    .sec01 .sec01_cont01 {
      padding: 60px 0; } }
  @media screen and (max-width: 480px) {
    .sec01 .sec01_cont01 {
      padding: 40px 0; } }
  .sec01 .sec01_cont01 .sec01_cont01_in {
    flex-direction: column;
    row-gap: clamp(50px, 5.715vw, 80px); }
    .sec01 .sec01_cont01 .sec01_cont01_in .item {
      align-items: flex-start; }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_cont01 .sec01_cont01_in .item {
          flex-direction: column;
          row-gap: 20px; } }
      .sec01 .sec01_cont01 .sec01_cont01_in .item .text_group .item_ttl {
        font-size: clamp(18px, 2.572vw, 36px); }
        .sec01 .sec01_cont01 .sec01_cont01_in .item .text_group .item_ttl .small {
          font-size: 66%; }
      .sec01 .sec01_cont01 .sec01_cont01_in .item .text_group .item_read {
        font-size: clamp(12px, 1.143vw, 16px);
        line-height: 2.25;
        margin-top: clamp(20px, 2.858vw, 40px); }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .sec01_cont01_in .item .text_group .item_read {
            line-height: 1.7; } }
        .sec01 .sec01_cont01 .sec01_cont01_in .item .text_group .item_read + .item_cap {
          margin-top: clamp(25px, 4.286vw, 60px); }
          @media screen and (max-width: 820px) {
            .sec01 .sec01_cont01 .sec01_cont01_in .item .text_group .item_read + .item_cap {
              margin-top: 20px; } }
      .sec01 .sec01_cont01 .sec01_cont01_in .item .text_group .item_cap {
        font-size: clamp(10px, 0.858vw, 12px); }
      .sec01 .sec01_cont01 .sec01_cont01_in .item .image_group {
        text-align: center; }
        .sec01 .sec01_cont01 .sec01_cont01_in .item .image_group .image.white_bg {
          background: #FFF; }
      .sec01 .sec01_cont01 .sec01_cont01_in .item.rev {
        flex-direction: row-reverse; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .sec01_cont01_in .item.rev {
            flex-direction: column; } }
      .sec01 .sec01_cont01 .sec01_cont01_in .item .text_group {
        width: 41.43%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .sec01_cont01_in .item .text_group {
            width: 100%; } }
      .sec01 .sec01_cont01 .sec01_cont01_in .item .image_group {
        width: 53.58%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .sec01_cont01_in .item .image_group {
            width: 100%; } }
        .sec01 .sec01_cont01 .sec01_cont01_in .item .image_group .image.image01 {
          padding: clamp(30px, 3.572vw, 50px) 20px; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_cont01 .sec01_cont01_in .item .image_group .image.image01 {
              padding: 20px; } }
      .sec01 .sec01_cont01 .sec01_cont01_in .item.item02 .text_group {
        width: 26.43%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .sec01_cont01_in .item.item02 .text_group {
            width: 100%; } }
      .sec01 .sec01_cont01 .sec01_cont01_in .item.item02 .image_group {
        width: 69.29%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .sec01_cont01_in .item.item02 .image_group {
            width: 100%; } }
        .sec01 .sec01_cont01 .sec01_cont01_in .item.item02 .image_group .image {
          margin-bottom: 5px;
          padding: clamp(20px, 2.858vw, 40px) 20px; }

.sec02 {
  padding: clamp(60px, 6.25vw, 100px) 0 clamp(80px, 8.75vw, 140px); }
  @media screen and (max-width: 480px) {
    .sec02 {
      padding: 50px 0; } }
  .sec02 .sec02_cont01 {
    flex-direction: column;
    row-gap: clamp(50px, 6vw, 90px); }
    .sec02 .sec02_cont01 .item {
      padding-top: 20px;
      flex-direction: column;
      row-gap: clamp(50px, 4.667vw, 70px); }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item {
          row-gap: 20px; } }
      .sec02 .sec02_cont01 .item .tab_group.btn2 {
        max-width: 900px;
        margin: 0 auto;
        width: 100%; }
        .sec02 .sec02_cont01 .item .tab_group.btn2 .tab_txt {
          width: 48.89%; }
      .sec02 .sec02_cont01 .item .tab_group .tab_txt {
        width: 31.43%;
        font-size: clamp(18px, 1.6vw, 24px);
        text-align: center;
        padding: clamp(15px, 1.667vw, 25px) 10px;
        color: #132d56;
        line-height: 1;
        border: 2px solid #a2b8ce;
        transition: 0.3s all ease-in-out 0s; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_cont01 .item .tab_group .tab_txt {
            font-size: 3.6vw;
            line-height: 1.5;
            padding: 10px 5px 8px; } }
        .sec02 .sec02_cont01 .item .tab_group .tab_txt.on, body:not(.mobile) .sec02 .sec02_cont01 .item .tab_group .tab_txt:hover {
          border: 2px solid rgba(162, 184, 206, 0);
          background: #FFF; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_cont01 .item .cont01_group {
          flex-direction: column;
          row-gap: 40px; } }
      .sec02 .sec02_cont01 .item .cont01_group .cont01_item {
        width: 47.15%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_cont01 .item .cont01_group .cont01_item {
            width: 100%; } }
        .sec02 .sec02_cont01 .item .cont01_group .cont01_item .image.white_bg {
          background: #fcfbf9;
          text-align: center; }
        .sec02 .sec02_cont01 .item .cont01_group .cont01_item .text_group {
          margin-top: clamp(25px, 2.667vw, 40px); }
          .sec02 .sec02_cont01 .item .cont01_group .cont01_item .text_group .item_ttl_wrap {
            display: flex;
            align-items: flex-end; }
            .sec02 .sec02_cont01 .item .cont01_group .cont01_item .text_group .item_ttl_wrap .item_ttl {
              font-size: clamp(18px, 2vw, 30px);
              line-height: 1.4; }
              @media screen and (max-width: 480px) {
                .sec02 .sec02_cont01 .item .cont01_group .cont01_item .text_group .item_ttl_wrap .item_ttl {
                  line-height: 1.6; } }
              .sec02 .sec02_cont01 .item .cont01_group .cont01_item .text_group .item_ttl_wrap .item_ttl .small {
                font-size: 60%; }
          .sec02 .sec02_cont01 .item .cont01_group .cont01_item .text_group .item_read {
            font-size: clamp(13px, 1.067vw, 16px);
            padding-top: 20px;
            margin-top: 20px;
            border-top: 1px solid #a2b8ce; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_cont01 .item .cont01_group .cont01_item .text_group .item_read {
                padding-top: 15px;
                margin-top: 15px; } }
            .sec02 .sec02_cont01 .item .cont01_group .cont01_item .text_group .item_read .cap_l {
              display: block;
              margin-top: 20px; }

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