/* =========================================================
   トーン「重厚・権威」
   黒と墨を主役に、強調は金、申込は深い赤。見出しは太い明朝。
   変数の名前は business.css と同じ（maps.json がこの名前で型の色に結び付ける）。
   ========================================================= */
:root {
  --c-primary: #1c1c1e;
  --c-primary-deep: #000;
  --c-primary-soft: #cfc6b3;
  --c-primary-pale: #f4f1ea;
  --c-accent: #a8843f;
  --c-accent-deep: #7d6128;
  --c-accent-pale: #f3ecdc;
  --c-cta: #b3141c;
  --c-cta-deep: #7f0d13;
  --c-cta-light: #d8404a;
  --c-highlight: #e9d9a8;
  --c-highlight-deep: #c9ab5c;
  --c-highlight-pale: #f8f1dc;
  --c-bg: #fff;
  --c-bg-alt: #f4f2ee;
  --c-bg-alt-2: #e6e2da;
  --c-dark: #0d0d0f;
  --c-dark-2: #232326;
  --c-ink: #1b1b1d;
  --c-muted: #6b6760;
  --c-line: #d8d3c9;
  --font-body: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-head: "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-en: "Cinzel", "Noto Serif JP", serif;
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--c-bg-alt-2); color: var(--c-ink); font-family: var(--font-body); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
.page { max-width: 640px; margin: 0 auto; background: var(--c-bg); overflow: hidden; box-shadow: 0 0 40px rgba(20, 40, 70, .1); }