/* site/legal.css — 法務3点（特商法・プライバシーポリシー・利用規約）の共通スタイル。
   LP本体（index.html）とトーンをそろえつつ、読みやすさ優先の素直な組みにする。 */
:root {
  --ink: #46342a;
  --soft: #7d6a5c;
  --cream: #fdf6ec;
  --paper: #fffdf8;
  --orange: #ef8f2e;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
  font-family: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  color: var(--ink); background: var(--cream); line-height: 1.9;
}
.wrap { max-width: 760px; margin: 0 auto; padding: 40px 20px 80px; }
header.doc { margin-bottom: 28px; }
header.doc a.back { font-size: 13px; color: var(--soft); text-decoration: none; }
h1 { font-size: clamp(22px, 5vw, 30px); font-weight: 900; margin: 10px 0 6px; }
.updated { font-size: 12.5px; color: var(--soft); }
section { background: var(--paper); border-radius: 16px; padding: 22px 24px; margin-top: 16px;
  box-shadow: 0 3px 12px rgba(70,52,42,.07); }
h2 { font-size: 17px; font-weight: 900; margin-bottom: 8px; }
h3 { font-size: 15px; font-weight: 700; margin: 14px 0 4px; }
p, li { font-size: 14.5px; }
ul, ol { margin: 6px 0 0 1.2em; }
li { margin-bottom: 4px; }
table { width: 100%; border-collapse: collapse; margin-top: 6px; font-size: 14px; }
th, td { border-bottom: 1px solid rgba(70,52,42,.12); padding: 9px 6px; text-align: left;
  vertical-align: top; }
th { width: 34%; color: var(--soft); font-weight: 700; white-space: nowrap; }
.note { font-size: 12.5px; color: var(--soft); margin-top: 10px; }
.todo { background: #fff3d6; border: 1px dashed var(--orange); border-radius: 10px;
  padding: 10px 12px; font-size: 13px; margin-top: 12px; }
footer.doc { margin-top: 34px; font-size: 12px; color: var(--soft); text-align: center; }
footer.doc a { color: var(--soft); }
a { color: #b4703a; }
@media (max-width: 560px) { th { width: auto; display: block; border: none; padding-bottom: 0; }
  td { display: block; padding-top: 2px; } }