/* rem基準を拡大する */
html { font-size: 106.25%; } /* 16px=100%, 17px=106.25%, 17.6px=110%, 18px=112.5%, 19px=118.75%, 20px=125%, 21px=131.25%, 22px=137.5%, 23px=143.75%, 24px=150% */

/* 本文はrem基準に追随（テキストだけなら 1rem のままでOK） */
:root {
  --bs-body-font-size: 1rem; /* 本文フォントサイズ：16px=1rem, 18px=1.125rem, 20px=1.25rem, 22px=1.375rem, 24px=1.5rem */
  --bs-body-line-height: 1.2; /* 本文行間サイズ：x倍 */
}

/* フラッシュメッセージのフォントサイズ */
.toast {
  font-size: 1.125rem; /* 16px=1rem, 18px=1.125rem, 20px=1.25rem */
}

/* コンテンツのスタッキング順（数値が大きいほど優先） */
.fixed-cta {
  z-index: 1020; /* CTAボタン */
}
.toast-container {
  z-index: 1100 !important; /* フラッシュメッセージ */
}
.cc-z-top {
  z-index: 1200 !important; /* Cookie同意バナー */
} 

/* 利用規約のスクロール領域 */
.terms-scroll {
  max-height: 45vh;              /* 画面高さの上限 */
  overflow-y: auto;              /* はみ出した分だけ縦スクロール */
  -webkit-overflow-scrolling: touch; /* 慣性スクロール */
}

/* CSP違反回避 */
.spacer-desktop { height: 3.5rem; } /* ページ共通：画面下部のスペーサー（PC用） */
.spacer-mobile { height: 4.25rem; } /* ページ共通：画面下部のスペーサー（スマホ用） */
.font-tabular-nums { font-variant-numeric: tabular-nums; } /* 入力ページ：発生日時 */
.text-secondary-custom { color: var(--bs-secondary-color); } /* 入力ページ：問い合わせ分類 */
.spinner-size-2_5rem { /* 結果ページ：スピナー表示 */
  width: 2.5rem;
  height: 2.5rem;
}
.opacity-35 { opacity: 0.35; } /* 結果ページ：評価エリア */