/* サービスサイト(/about/・/privacy/・/guide/)の共通の土台(フェーズ5。2026-10-07)
   見た目の正典は plans/design/assets/design/site/。書体は自前のサブセット(/fonts/site/)で、外部は読まない。
   このファイルと /about/about.css は、オフライン用のキャッシュ(precache)に入れない(vite.config.ts の globIgnores) */

@font-face { font-family: "Zen Kaku Gothic New"; font-weight: 300; font-style: normal; font-display: swap; src: url("/fonts/site/zen-kaku-gothic-new-300.woff2") format("woff2"); }
@font-face { font-family: "Zen Kaku Gothic New"; font-weight: 400; font-style: normal; font-display: swap; src: url("/fonts/site/zen-kaku-gothic-new-400.woff2") format("woff2"); }
@font-face { font-family: "Zen Kaku Gothic New"; font-weight: 700; font-style: normal; font-display: swap; src: url("/fonts/site/zen-kaku-gothic-new-700.woff2") format("woff2"); }
@font-face { font-family: "Kanit"; font-weight: 200; font-style: normal; font-display: swap; src: url("/fonts/site/kanit-200.woff2") format("woff2"); }
@font-face { font-family: "Kanit"; font-weight: 300; font-style: normal; font-display: swap; src: url("/fonts/site/kanit-300.woff2") format("woff2"); }
@font-face { font-family: "Kanit"; font-weight: 800; font-style: normal; font-display: swap; src: url("/fonts/site/kanit-800.woff2") format("woff2"); }
@font-face { font-family: "Zen Old Mincho"; font-weight: 400; font-style: normal; font-display: swap; src: url("/fonts/site/zen-old-mincho-400.woff2") format("woff2"); }
@font-face { font-family: "Zen Maru Gothic"; font-weight: 400; font-style: normal; font-display: swap; src: url("/fonts/site/zen-maru-gothic-400.woff2") format("woff2"); }
@font-face { font-family: "Zen Maru Gothic"; font-weight: 500; font-style: normal; font-display: swap; src: url("/fonts/site/zen-maru-gothic-500.woff2") format("woff2"); }
@font-face { font-family: "Zen Maru Gothic"; font-weight: 700; font-style: normal; font-display: swap; src: url("/fonts/site/zen-maru-gothic-700.woff2") format("woff2"); }

body { margin: 0; background: #fff; }
html { scroll-behavior: smooth; }
a { color: #000; text-decoration-color: #FD5B12; text-underline-offset: 0.2em; }
a:hover { color: #6d2c08; }

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