@charset "UTF-8";

/* =====================
  introduction
===================== */
.news[data-type='index'] {
  .introduction {
    min-block-size: 80vh;
    padding-block: 0;

    @media not all and (width >= 768px) {
      padding-block: calc((100 / 750) * 0 * 1vw) calc((100 / 750) * 190 * 1vw);
      padding-inline: calc((100 / 750) * 0 * 1vw);
    }

    & > .u-inner {
      padding-block: 90px;

      @media not all and (width >= 768px) {
        padding-block: calc((100 / 750) * 40 * 1vw);
        padding-inline: calc((100 / 750) * 40 * 1vw);
      }
    }

    .u-head {
      margin-block-end: 60px;

      @media not all and (width >= 768px) {
        margin-block-end: calc((100 / 750) * 40 * 1vw);
      }
    }

    .u-news {
      max-inline-size: 1060px;
      margin-block-start: 90px;
      margin-inline: auto;

      @media not all and (width >= 768px) {
        margin-block-start: calc((100 / 750) * 40 * 1vw);
      }
    }
  }
}

/* =====================
  detail
===================== */
.news[data-unique='detail'] {
  .u-news li::after {
    display: none;
  }

  .contents {
    min-block-size: 80vh;
    padding-block: 0;

    @media not all and (width >= 768px) {
      min-block-size: 80svh;
      padding-block: calc((100 / 750) * 0 * 1vw);
    }

    .head {
      padding-top: 90px;

      @media not all and (width >= 768px) {
        padding-top: calc((100 / 750) * 0 * 1vw);
      }
    }

    .u-inner {
      max-inline-size: 1060px;
      margin-inline: auto;

      @media not all and (width >=768px) {
        padding-inline: calc((100 / 750) * 40 * 1vw);
      }
    }

    .body {
      padding-block: 60px 120px;

      @media not all and (width >=768px) {
        padding-block: calc((100 / 750) * 80 * 1vw) calc((100 / 750) * 130 * 1vw);
      }
    }

    .anchor {
      inline-size: fit-content;
      margin-inline: auto;
    }
  }
}