:root {
  --green:#58CC02; --green-dark:#46A302; --green-light:#D7FFB8;
  --blue:#1CB0F6; --blue-dark:#1899D6; --orange:#FF9600; --yellow:#FFC800;
  --purple:#CE82FF; --ink:#3C3C3C; --muted:#777; --line:#E5E5E5;
  --bg:#FFF; --bg2:#F7F7F7; --tint-green:#EAFBD8; --on-tint-green:#2F7A00;
  --tint-blue:#F3F8FF; --on-tint-blue:#175A8C; --r:16px;
  --font:"Hiragino Maru Gothic ProN","BIZ UDGothic","Yu Gothic UI","Meiryo",system-ui,sans-serif;
  color-scheme:light;
}
* { box-sizing:border-box; }
html { background:var(--bg2); -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--bg2); color:var(--ink); font-family:var(--font); line-height:1.85; }
a { color:inherit; }
.skip-link { position:fixed; z-index:20; top:-60px; left:14px; padding:9px 13px; border-radius:10px; background:var(--ink); color:#fff; font-weight:800; text-decoration:none; }
.skip-link:focus { top:14px; }
.legal-header { border-bottom:2px solid var(--line); background:var(--bg); }
.header-inner { width:min(1060px,calc(100% - 40px)); min-height:70px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:18px; }
.brand { display:inline-flex; align-items:center; gap:8px; color:var(--green-dark); font-size:1.1rem; font-weight:900; text-decoration:none; }
.brand img { width:30px; height:30px; }
.back-link { color:var(--muted); font-size:.8rem; font-weight:800; text-decoration:none; }
.back-link:hover { color:var(--blue); }
.legal-main { width:min(1060px,calc(100% - 40px)); margin:0 auto; padding:58px 0 80px; }
.legal-hero { max-width:760px; margin-bottom:34px; }
.eyebrow { display:inline-flex; align-items:center; gap:7px; padding:5px 10px; border:2px solid var(--line); border-radius:99px; background:var(--bg); color:var(--muted); font-size:.7rem; font-weight:800; letter-spacing:.04em; }
.eyebrow::before { width:7px; height:7px; border-radius:99px; background:var(--green); content:""; }
h1,h2,h3 { line-height:1.35; }
h1 { margin:14px 0 9px; font-size:clamp(2rem,4vw,3rem); letter-spacing:-.045em; }
.updated { margin:0; color:var(--muted); font-size:.8rem; font-weight:700; }
.legal-layout { display:grid; grid-template-columns:220px minmax(0,1fr); gap:36px; align-items:start; }
.toc { position:sticky; top:22px; padding:16px; border:2px solid var(--line); border-radius:var(--r); background:var(--bg); }
.toc b { display:block; margin-bottom:8px; font-size:.78rem; }
.toc a { display:block; padding:6px 4px; color:var(--muted); font-size:.75rem; font-weight:700; line-height:1.45; text-decoration:none; }
.toc a:hover { color:var(--green-dark); }
.document { overflow:hidden; border:2px solid var(--line); border-radius:22px; background:var(--bg); }
.notice { display:flex; align-items:flex-start; gap:10px; margin:24px 24px 0; padding:13px 14px; border:2px solid var(--yellow); border-radius:13px; background:#FFF6DD; color:#745700; font-size:.78rem; font-weight:700; line-height:1.7; }
.notice strong { color:#5d4500; }
.document section { padding:27px 24px; border-bottom:1px solid var(--line); }
.document section:last-child { border-bottom:0; }
.document h2 { margin:0 0 12px; font-size:1.1rem; }
.document h3 { margin:18px 0 6px; font-size:.92rem; }
.document p,.document li { font-size:.86rem; }
.document p { margin:0 0 11px; }
.document p:last-child { margin-bottom:0; }
.document ol,.document ul { margin:8px 0 0; padding-left:1.45em; }
.document li+li { margin-top:5px; }
.data-table { width:100%; margin-top:12px; border-collapse:collapse; border:2px solid var(--line); border-radius:10px; overflow:hidden; font-size:.77rem; }
.data-table th,.data-table td { padding:10px 11px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.data-table th { background:var(--bg2); font-weight:900; }
.placeholder { display:inline-block; padding:1px 5px; border-radius:5px; background:var(--tint-blue); color:var(--on-tint-blue); font-weight:800; }
.legal-footer { padding:29px 0; border-top:2px solid var(--line); background:var(--bg); color:var(--muted); font-size:.73rem; font-weight:700; text-align:center; }
@media (max-width:720px) {
  .header-inner,.legal-main { width:min(100% - 32px,640px); }
  .legal-main { padding:38px 0 55px; }
  .legal-layout { grid-template-columns:1fr; gap:15px; }
  .toc { position:static; display:flex; flex-wrap:wrap; gap:5px 12px; padding:12px 14px; }
  .toc b { width:100%; margin:0; }
  .toc a { padding:2px 0; }
  .document section { padding:23px 18px; }
  .notice { margin:18px 18px 0; }
  .data-table { display:block; overflow-x:auto; }
}
@media (prefers-color-scheme:dark) {
  :root { --green:#66D605; --green-dark:#4E9E1E; --green-light:#1F3A0A; --blue:#3FC1FF; --blue-dark:#1CA6EC; --orange:#FFA733; --yellow:#FFD23F; --purple:#D79BFF; --ink:#ECECEC; --muted:#9A9A9A; --line:#33363A; --bg:#1C1F22; --bg2:#141618; --tint-green:#16290A; --on-tint-green:#8CE05B; --tint-blue:#122636; --on-tint-blue:#7FCBFF; color-scheme:dark; }
  .notice { border-color:var(--yellow); background:#2E2408; color:#FFD866; }
  .notice strong { color:#FFE69B; }
  .data-table th { background:#141618; }
}