:root { --text:#1b2337; --dim:#5c6579; --line:#e5e8f2; --violet:#6c5ce7; --bg:#f7f8fc; }
* { box-sizing:border-box; }
body { margin:0; color:var(--text); background:var(--bg); font-family:"Noto Sans JP",sans-serif; line-height:1.85; }
.legal { width:min(860px,calc(100% - 36px)); margin:0 auto; padding:64px 0 96px; }
.back { display:inline-flex; min-height:44px; align-items:center; color:var(--violet); font-weight:700; text-decoration:none; }
h1 { margin:28px 0 10px; font-size:clamp(28px,5vw,40px); line-height:1.4; }
.updated { color:var(--dim); font-size:13px; }
h2 { margin:44px 0 12px; font-size:21px; }
p,li,th,td { font-size:15px; }
a { color:#4f46b8; }
table { width:100%; margin-top:28px; border-collapse:collapse; background:#fff; }
th,td { padding:16px; border:1px solid var(--line); vertical-align:top; text-align:left; }
th { width:30%; background:#f1efff; }
.note { padding:18px; border:1px solid #d8d2f8; border-radius:12px; background:#fff; }
@media(max-width:600px){.legal{padding-top:32px}table,tbody,tr,th,td{display:block}th{width:100%}td{border-top:0}}
:focus-visible { outline:3px solid #ff6b4a; outline-offset:3px; }