/* 規約ページ共通（privacy.html / tokushoho.html）
   本体サイトのトークンをそのまま使う。style.css は読み込まない（このページに
   必要なのは文字組と表だけなので、FVやセクション用の巨大なCSSは要らない）。 */
:root{
  color-scheme: light;
  --teal:#1d6e63; --teal-dark:#14544b; --teal-tint:#e7f2ef;
  --leaf-ink:#4a700c;
  --paper:#fbfaf5; --card:#fff; --ink:#26332f; --muted:#5c6b66; --line:#dde7e3;
  --wait:#9a6408; --wait-bg:#fdf2dd;
  --font-head:"Zen Maru Gothic","Hiragino Maru Gothic ProN","Noto Sans JP",sans-serif;
  --font-body:"Noto Sans JP","Hiragino Sans",sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:var(--font-body);background:var(--paper);color:var(--ink);
  line-height:1.95;font-size:16px;-webkit-font-smoothing:antialiased;
}
a{color:var(--teal)}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:8px;top:8px;background:#fff;padding:8px 12px;border-radius:8px;z-index:99}

/* ヘッダー（見積もりページと同じ形） */
.lg-head{position:sticky;top:0;z-index:10;background:rgba(251,250,245,.94);
  backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.lg-head__in{max-width:820px;margin:0 auto;padding:12px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:12px}
.lg-back{display:inline-flex;align-items:center;gap:.3em;font-weight:700;
  font-size:.85rem;color:var(--ink);text-decoration:none}
.lg-back .ic{width:1em;height:1em}
.lg-head__tel{display:inline-flex;align-items:center;gap:.35em;font-weight:700;
  font-size:.9rem;color:var(--teal-dark);text-decoration:none}

.lg-wrap{max-width:820px;margin:0 auto;padding:36px 20px 80px}
.lg-title{font-family:var(--font-head);font-weight:900;
  font-size:clamp(1.4rem,4.5vw,1.9rem);line-height:1.45;margin-bottom:10px}
.lg-lead{font-size:.92rem;color:var(--muted);margin-bottom:8px}
.lg-date{font-size:.82rem;color:var(--muted);margin-bottom:32px}

.lg-sec{margin-bottom:34px}
.lg-sec h2{font-family:var(--font-head);font-weight:900;font-size:1.06rem;
  padding-left:.7em;border-left:4px solid var(--teal);margin-bottom:12px;line-height:1.5}
.lg-sec p{font-size:.93rem;margin-bottom:10px}
.lg-sec ul,.lg-sec ol{margin:0 0 10px 1.3em;font-size:.93rem}
.lg-sec li{margin-bottom:5px}

/* 定義表 */
.lg-tbl{width:100%;border-collapse:collapse;font-size:.92rem;
  background:var(--card);border-radius:14px;overflow:hidden;box-shadow:0 3px 14px rgba(29,110,99,.07)}
.lg-tbl th,.lg-tbl td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.lg-tbl tr:last-child th,.lg-tbl tr:last-child td{border-bottom:0}
.lg-tbl th{font-family:var(--font-head);font-weight:700;width:11em;
  background:var(--teal-tint);color:var(--teal-dark);white-space:nowrap}

/* 未確定を明示するタグ（本体サイトの〈要確認〉と同じ役割） */
.todo{display:inline-block;background:var(--wait-bg);color:var(--wait);
  font-weight:700;font-size:.72rem;line-height:1;padding:.42em .7em;
  border-radius:999px;margin-left:.4em;white-space:nowrap}
.todo-note{display:block;color:var(--wait);font-size:.8rem;margin-top:3px}

.lg-note{background:var(--teal-tint);border-radius:16px;padding:18px 22px;font-size:.9rem}

.lg-foot{border-top:1px solid var(--line);margin-top:44px;padding-top:22px;
  font-size:.85rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 20px}
.lg-foot a{font-weight:700;text-decoration:none}

@media(max-width:600px){
  .lg-tbl th,.lg-tbl td{display:block;width:auto}
  .lg-tbl th{white-space:normal;border-bottom:0;padding-bottom:6px}
  .lg-tbl td{padding-top:0}
}