/* =========================================================
   Base（ページ全体の基本スタイル）
   ========================================================= */
html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", meiryo, sans-serif;
  font-weight: 400;
  color: var(--text);
  background: var(--bg);
  line-height: 1.5;
  overflow-wrap: break-word;
}

/* 「ホーム」やスキップリンクで #top に飛んだとき、固定ヘッダーの下に
   先頭のテキストが隠れないよう、ヘッダーの高さ分だけ手前で止める */
#top { scroll-margin-top: var(--header-h); }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}