@charset "UTF-8";

/* =====================
  introduction
===================== */
.introduction {
  padding-block: 107px;

  @media not all and (width >= 768px) {
    padding-block: calc((100 / 750) * 50 * 1vw) calc((100 / 750) * 190 * 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-narrow {
    margin-block: 60px;

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