@media screen and (max-width: 991px) {
  .l-lower-header .c-heading__h2 h2 {
    background-image: url(../img/design/kv__img__sp.webp);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    height: min(360px, 56vw);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 var(--vw-size18);
  }
  .l-lower-header .c-heading__h2 h2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(var(--color-primary));
    opacity: 0.25;
  }
  .l-lower-header .c-heading__h2 h2 span {
    z-index: 100;
  }
  .l-lower-header .c-heading__h2 h2 span.jp {
    font-size: var(--vw-size33);
    color: #ffffff;
    margin-top: var(--vw-size14);
    line-height: 1.2;
  }
  .l-lower-header .c-heading__h2 h2 span.jp sup {
    color: #ffffff;
  }
  .l-lower-header .c-heading__h2 h2 span.en {
    font-family: YakuHanMP, "EB Garamond", serif;
    font-size: var(--vw-size16);
    color: #ffffff;
  }
  .l-lower-header .c-heading__h2 h2 span.c-figcaption__bottom {
    position: absolute;
    bottom: 0;
    right: 3px;
    color: #ffffff;
  }
}

#index1 .draft__about--logo img,
#index2 .draft__about--logo img {
  max-width: 380px;
}
#index1 .c-column__body .text,
#index2 .c-column__body .text {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: var(--vw-size8);
}
#index1 .c-column__body .title,
#index2 .c-column__body .title {
  max-width: none;
}

/* .draft {
  .c-column__body {
    padding: var(--vw-size64) var(--vw-size72);
    @include m.max() {
      padding: var(--vw-size24);
    }
  }
  .c-column__header {
    padding: var(--vw-size24) var(--vw-size22);
    background: rgba($color: s.$color-main, $alpha: 1);
    @include m.max() {
      padding: var(--vw-size14) var(--vw-size14);
    }
  }
  .c-column__header span {
    display: block;
    margin: 0 auto;
  }
  .c-column__body .text {
    display: block;
  }
  .c-column__body .text .title {
    max-width: inherit;
  }
  .c-column__body .text .lead {
    margin-top: var(--vw-size24);
    @include m.max() {
      margin-top: var(--vw-size16);
    }
  }
  .c-column__body .img {
    margin-top: 0;
  }
  &__policy {
    text-align: center;
    .l-column-item {
      display: flex;
      flex-direction: column;
      gap: var(--vw-size40);
      @include m.max() {
        gap: var(--vw-size24);
      }
    }
  }
  &__materials {
    background-color: s.$color-white;
    padding: var(--vw-size20);
    .l-column__4-6 {
      gap: var(--vw-size14);
      @include m.max() {
        grid-template-columns: 0.4fr 0.6fr;
      }
    }
    .c-contentsBlock h6 {
      margin-top: 0;
      padding-bottom: 0;
      border-bottom: none;
    }
    .c-contentsBlock p {
      margin-top: var(--vw-size6);
    }
    .c-contentsBlock p span {
      font-size: m.fontSize(14);
      line-height: 1.3;
      @include m.max() {
        font-size: m.fontSize(12);
      }
    }
  }
  &__about {
    .l-column__6-4 {
      gap: 0;
    }
    .draft__about--img {
      height: 100%;
      figure {
        height: 100%;
      }
      img {
        height: 100% !important;
        object-fit: cover;
        object-position: 35%;
      }
    }
    .draft__about--logo {
      max-width: 200px;
      width: 100%;
    }
    .draft__about--text {
      color: s.$color-white;
      background-color: #92a2ad;
      padding: var(--vw-size48) var(--vw-size40) var(--vw-size40);
      @include m.max() {
        padding: var(--vw-size24);
      }
    }
  }
} */
/* .c-heading__h3 .title h3 {
  .caption {
    font-size: m.fontSize(12);
    display: block;
    margin-top: var(--vw-size10);
    @include m.max() {
      font-size: m.fontSize(11);
    }
  }
} */
/* .landplan__text {
  display: flex;
  flex-direction: column;
  gap: var(--vw-size24);
  ul {
    display: flex;
    flex-direction: column;
    gap: var(--vw-size8);
    text-indent: -1em;
    padding-left: 1em;
  }
  .landplan__text--plants {
    .l-column__evenly {
      flex-wrap: wrap;
      @include m.max() {
        flex-direction: row;
        gap: var(--vw-size16);
      }
      > div {
        width: calc(50% - var(--vw-size12));
        @include m.max() {
          width: calc(50% - var(--vw-size8));
        }
      }
    }
  }
} *//*# sourceMappingURL=design.css.map */