@charset "UTF-8";
/*! Writen  by SCSS */
.inner_main {
  background-image: url("../images/zeh/main.jpg"); }

.sec_obi {
  background-image: url("../images/zeh/obi_bg.jpg"); }
  .sec_obi .inner_head::after {
    background: #42c188; }
  .sec_obi .sec_obi_text .text::after {
    background: #42c188; }
  .sec_obi p sub {
    align-self: baseline;
    line-height: 1;
    font-size: 12px; }

.dummy_color {
  color: #e4007f; }

.dummy {
  display: inline-block;
  background: #000;
  font-size: 10px;
  color: #fff;
  padding: 0.2em 0.5em; }

.vsp1600 {
  display: none; }
  @media screen and (max-width: 1600px) {
    .vsp1600 {
      display: block; } }

.sec_border {
  background: #42c188; }

.sec_border_02 {
  margin-top: 62.5%;
  background: rgba(66, 193, 136, 0.5); }

.box_ttl {
  background: #d7ffed;
  background: #FFEEA8; }
  .box_ttl .ttl {
    color: #42c188;
    font-size: clamp(16px, 1.4vw, 18px); }

.sec01 {
  padding-top: clamp(60px, 7.82%, 100px);
  padding-bottom: clamp(60px, 7.82%, 100px); }
  .sec01 .sec_border_02 {
    top: auto;
    bottom: 0; }
  .sec01 .inner .read {
    margin-bottom: clamp(80px, 11.72%, 150px); }
  .sec01 .box01 .box_ttl {
    margin-bottom: 30px; }
  .sec01 .box01 .img101 {
    margin-bottom: 30px; }
    .sec01 .box01 .img101 .img101_in {
      text-align: center; }
    .sec01 .box01 .img101 .cap_r {
      font-size: 10px;
      margin-top: 6px; }
      @media screen and (max-width: 900px) {
        .sec01 .box01 .img101 .cap_r {
          text-align: left; } }
  .sec01 .box01 .txt2 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: clamp(25px, 3.13%, 40px); }
    @media screen and (max-width: 900px) {
      .sec01 .box01 .txt2 {
        flex-direction: column;
        gap: 0.3rm 0; } }
    .sec01 .box01 .txt2 p {
      font-size: clamp(16px, 1.71vw, 22px);
      font-weight: 600;
      letter-spacing: 0.05em; }
      .sec01 .box01 .txt2 p.border_txt {
        line-height: 1;
        margin: 0 0.2em;
        letter-spacing: 0; }
        .sec01 .box01 .txt2 p.border_txt span {
          display: inline-block;
          border: 2px solid;
          padding: 0.3em 0.5em; }
          .sec01 .box01 .txt2 p.border_txt span.color01 {
            color: #c48575;
            border-color: #c48575; }
          .sec01 .box01 .txt2 p.border_txt span.color02 {
            color: #607995;
            border-color: #607995; }
          .sec01 .box01 .txt2 p.border_txt span.color03 {
            color: #67795a;
            border-color: #67795a; }
  .sec01 .box01 .img_list {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .sec01 .box01 .img_list {
        flex-wrap: wrap; } }
    .sec01 .box01 .img_list li {
      width: calc(296%/8.9); }
      @media screen and (max-width: 480px) {
        .sec01 .box01 .img_list li {
          width: calc(50% - 1px); }
          .sec01 .box01 .img_list li:last-child {
            margin-top: 2px;
            width: 100%; } }
  .sec01 .box01 .img_list_cap {
    font-size: 10px;
    margin-bottom: clamp(60px, 7.82%, 100px); }
    @media screen and (max-width: 900px) {
      .sec01 .box01 .img_list_cap {
        text-align: left; } }
  .sec01 .box01 .box02 {
    background: #d7ffed;
    background: #FFEEA8;
    padding: 20px; }
    .sec01 .box01 .box02 .ttl {
      margin-bottom: 0.4em; }
    .sec01 .box01 .box02 .txt {
      font-size: clamp(13px, 1.17vw, 15px);
      letter-spacing: 0.05em;
      line-height: 1.8;
      margin-bottom: 0.6em; }
    .sec01 .box01 .box02 .img105 {
      background: #fff;
      padding: 25px; }
      @media screen and (max-width: 480px) {
        .sec01 .box01 .box02 .img105 {
          padding: 10px; }
          .sec01 .box01 .box02 .img105 figure {
            overflow: auto; }
            .sec01 .box01 .box02 .img105 figure img {
              width: 550px;
              max-width: 550px; } }
      .sec01 .box01 .box02 .img105 .slide_txt {
        text-align: center;
        font-size: 10px;
        margin-top: 5px; }

.last_sec .sec_border_02 {
  top: auto;
  bottom: 0; }

.box_inner {
  max-width: 890px;
  margin: 0 auto; }
  .box_inner .box_ttl {
    text-align: center;
    margin-bottom: clamp(40px, 4.69%, 60px);
    color: #fff;
    padding: 0.5em 0.2em;
    letter-spacing: 0.06em;
    font-weight: 400;
    font-size: clamp(14px, 1.79vw, 23px);
    background: linear-gradient(to right, #d18762, #f3d397); }
  .box_inner .list_item {
    display: flex; }
    .box_inner .list_item.col2 {
      justify-content: center;
      flex-wrap: wrap;
      grid-gap: 60px 8.99%; }
      @media screen and (max-width: 600px) {
        .box_inner .list_item.col2 {
          grid-gap: 40px 4%;
          justify-content: space-between; } }
      .box_inner .list_item.col2 li {
        width: calc(340%/8.9); }
        @media screen and (max-width: 600px) {
          .box_inner .list_item.col2 li {
            width: 48%; } }
    .box_inner .list_item.col3 {
      justify-content: space-between; }
      @media screen and (max-width: 768px) {
        .box_inner .list_item.col3 {
          justify-content: center;
          flex-wrap: wrap;
          grid-gap: 60px 8.99%; } }
      @media screen and (max-width: 600px) {
        .box_inner .list_item.col3 {
          grid-gap: 40px 4%;
          justify-content: space-between; } }
      .box_inner .list_item.col3 li {
        width: calc(260%/8.9); }
        @media screen and (max-width: 768px) {
          .box_inner .list_item.col3 li {
            width: calc(340%/8.9); } }
        @media screen and (max-width: 600px) {
          .box_inner .list_item.col3 li {
            width: 48%; } }
        @media screen and (max-width: 600px) {
          .box_inner .list_item.col3 li:last-child {
            width: 100%;
            display: flex;
            justify-content: space-between; } }
        @media screen and (max-width: 600px) {
          .box_inner .list_item.col3 li:last-child .sp_img {
            width: 48%; } }
        .box_inner .list_item.col3 li:last-child .sp_img .item_ttl {
          display: none; }
          @media screen and (max-width: 600px) {
            .box_inner .list_item.col3 li:last-child .sp_img .item_ttl {
              display: block; } }
        @media screen and (max-width: 600px) {
          .box_inner .list_item.col3 li:last-child .txt_box {
            width: 48%; } }
        @media screen and (max-width: 600px) {
          .box_inner .list_item.col3 li:last-child .txt_box .item_ttl {
            display: none; } }
    .box_inner .list_item .item_ttl {
      font-size: clamp(12px, 2.11vw, 19px);
      text-align: center;
      background: #c68563;
      color: #fff;
      padding: 0.2em 0.1em;
      margin-bottom: 0.5em;
      font-weight: 400;
      font-family: YakuHanJP, "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "游ゴシック体", "Lucida Grande", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
      .box_inner .list_item .item_ttl .text_min {
        font-size: 0.8em; }
    .box_inner .list_item .item_copy {
      font-size: clamp(11px, 1.61vw, 14.5px);
      text-align: justify;
      font-feature-settings: "palt";
      letter-spacing: 0.01em; }

.bels_wrap {
  padding: 40px 30px;
  background: #ddd;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: space-between;
  margin-bottom: 100px; }
  @media screen and (max-width: 480px) {
    .bels_wrap {
      margin-bottom: 80px;
      flex-direction: column;
      row-gap: 20px;
      padding: 20px 15px; } }
  .bels_wrap .text_wrap {
    width: 45.62%; }
    @media screen and (max-width: 480px) {
      .bels_wrap .text_wrap {
        width: 100%; } }
    .bels_wrap .text_wrap .ttl {
      font-size: clamp(20px, 2vw, 24px);
      line-height: 1.4;
      margin-bottom: 0.5em; }
    .bels_wrap .text_wrap .read {
      line-height: 1.4; }
  .bels_wrap .img {
    width: 51.76%;
    background: #fff;
    border-radius: 10px;
    overflow: hidden; }
    @media screen and (max-width: 480px) {
      .bels_wrap .img {
        width: 100%; } }

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