@charset "UTF-8";
/* -----------------------------------
   ルートフォントサイズ（reset.css の上書き）
   SP（〜767px）はリキッドレイアウト：
   SPカンプ幅 390px で 16px、画面幅に比例して拡大縮小する（上限なし）
   ※ _reset.scss 本体は変更しないため、ここで上書きする
----------------------------------- */
html {
  font-size: max(13px, 16 / 390 * 100vw);
}
@media (min-width: 768px) {
  html {
    font-size: clamp(13px, 16 / 1920 * 100vw, 16px);
  }
}

/* layout.css */
.l-main {
  overflow-x: clip;
  padding-block-start: 2.875rem;
}
@media (min-width: 768px) {
  .l-main {
    padding-block-start: 5.5rem;
  }
}

/*----------------------------------
  layout.css
  Workflow により max-width を使用しないため、
  左右 padding でコンテンツ幅を制御する。
  PC：1920px で左右 288px（コンテンツ 1344px）、
  それより狭い画面では画面幅の 6.25%（最小 40px）を余白として確保する
-----------------------------------*/
.l-inner {
  width: 100%;
  padding-inline: 1.25rem;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .l-inner {
    padding-inline: max(2.5rem, 6.25%, (100% - 84rem) / 2);
  }
}

.l-inner__narrow {
  width: 100%;
  padding-inline: 1.25rem;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .l-inner__narrow {
    padding-inline: max(2.5rem, 6.25%, (100% - 72rem) / 2);
  }
}

.l-section {
  width: 100%;
  padding-block-start: 5.625rem;
  padding-block-end: 7.5rem;
}
@media (min-width: 768px) {
  .l-section {
    padding-block-start: 5rem;
    padding-block-end: 6.25rem;
  }
}