/* ==================================================
   Base Layout
   - 共通レイアウトルール
   - paddingは opt-in（付けた要素だけ有効）
   - セクション自体には padding を持たせない
================================================== */

:root {
  --content-width: 1400px;
  --content-gutter: clamp(28px, 3vw, 48px);
}

/* ----------------------------------
   5% side padding + 1300px rule
   ※ 必要なパーツだけ class を付ける
---------------------------------- */
.has-side-padding {
  width: calc(100% - var(--content-gutter) - var(--content-gutter));
  max-width: var(--content-width);
  margin-inline: auto;
  padding-inline: 0;
}


/*--------------------------------
 subpage-contentにはpaddingを持たせない
--------------------------------*/
.subpage-content{
  padding: 0;
}