/* BIZRAIL 法務ページ(利用規約/プライバシーポリシー/セキュリティポリシー)共通スタイル。
   index.html のデザイントークンと同じ値を採用し、ブランドの一貫性を保つ。 */
:root{
  --md-primary:#0E7C6E; --md-on-primary:#FFFFFF; --md-primary-container:#D3F0E9; --md-on-primary-container:#063C34;
  --md-secondary:#1C3A5E; --md-warning-container:#FDF2E0; --md-on-warning-container:#5C3B08;
  --surface-lowest:#FFFFFF; --surface-low:#FAFBFA; --surface:#F4F6F5; --surface-higher:#EEF2F0;
  --on-surface:#1B2620; --on-surface-variant:#54635B; --outline:#D8DEDA; --outline-variant:#E9EDEA;
  --sidebar:#0F3532; --sidebar-muted:#9FC7B3;
  --radius-sm:8px; --radius-md:12px;
  --font-sans:"Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
*{ box-sizing:border-box; }
body{ margin:0; font-family:var(--font-sans); color:var(--on-surface); background:var(--surface-lowest); line-height:1.8; font-size:15.5px; }
.wrap{ width:min(820px, calc(100% - 40px)); margin:0 auto; }
a{ color:var(--md-primary); }
:focus-visible{ outline:2px solid var(--md-primary); outline-offset:2px; }
.site-header{ border-bottom:1px solid var(--outline-variant); background:rgba(255,255,255,.94); position:sticky; top:0; }
.nav{ display:flex; align-items:center; justify-content:space-between; min-height:64px; }
.brand{ font-weight:800; font-size:17px; color:var(--md-secondary); text-decoration:none; }
.brand .accent{ color:var(--md-primary); }
.btn{ display:inline-flex; align-items:center; gap:6px; padding:9px 16px; border-radius:var(--radius-sm); border:1px solid var(--outline); font-weight:700; font-size:13.5px; text-decoration:none; }
.btn-outlined{ color:var(--md-secondary); background:var(--surface-lowest); }
.btn-outlined:hover{ background:var(--surface-higher); }
.legal-main{ padding:56px 0 80px; }
.draft-banner{ padding:16px 20px; border-radius:var(--radius-md); background:var(--md-warning-container); color:var(--md-on-warning-container); font-size:13.5px; font-weight:700; margin-bottom:32px; border:1px solid rgba(0,0,0,.05); }
h1{ font-size:30px; color:var(--md-secondary); margin:0 0 6px; }
.updated{ color:var(--on-surface-variant); font-size:12.5px; margin:0 0 40px; }
h2{ font-size:17px; color:var(--md-secondary); margin:36px 0 10px; }
section p, section li{ color:var(--on-surface); font-size:14.5px; }
section ul{ padding-left:20px; }
.footer{ margin-top:40px; padding:28px 0; background:var(--sidebar); color:var(--sidebar-muted); font-size:12.5px; }
.footer a{ color:var(--sidebar-muted); }
@media (max-width:600px){ .legal-main{ padding:40px 0 60px; } h1{ font-size:24px; } }