/* =========================================================
   SP 共通設定（Figma: sp_design / 幅 375px）
   - 画面幅 600px までは比例して拡大し、それ以上は 600px 相当で止める。
   - 背景と装飾は中央の 375px フレームの外まで広げる。
   ========================================================= */
:root {
  --u: min(calc(100vw / 375), 1.6px);
  --uw: var(--u);
  --uc: var(--u);
  --uwide: calc(100vw / 375);
  /* ヘッダーは 600px より広い画面でも 1.2 倍で止める（1.6 倍では PC のヘッダーより太くなるため。header.css も同じ単位） */
  --uh: min(calc(100vw / 375), 1.2px);
  --header-h: calc(56 * var(--uh));
}

.u-pc-only {
  display: none !important;
}

.u-sp-br {
  display: initial;
}

.loading,
.hero {
  --u: var(--uw);
}

.design-frame {
  width: calc(375 * var(--u));
}

html {
  scroll-padding-top: var(--header-h);
}

body.is-menu-open {
  overflow: hidden;
}