@charset "utf-8";

/* =====================
  article
===================== */
.article {
  padding-block: 105px 160px;

  @media (width <=768px) {
    padding-block: 26vw 21vw;
  }

  /* ==== u-inner ==== */
  .u-inner {
    display: block grid;
    gap: 38px;
    padding-block-start: 62px;

    @media (width <=768px) {
      gap: calc((100 / 390) * 40 * 1vw);
      padding-block-start: 10vw;
    }
  }
}