/* 8px基準スケール。中間値は使わない。 */
:root {
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 16px;
  --sp-4: 24px;
  --sp-5: 32px;
  --sp-6: 48px;
  --sp-7: 64px;
  --sp-8: 80px;
  --sp-9: 120px;

  /* セマンティック */
  --section-pad-pc: 96px;      /* 80–120pxの範囲で案件調整 */
  --section-pad-sp: 56px;      /* 48–64px */
  --heading-to-body: 24px;     /* 16–24px */
  --unit-gap-pc: 48px;
  --unit-gap-sp: 32px;
}