.legal{padding:48px 0 72px}
.legal-wrap{max-width:780px}
.legal h1{font-size:clamp(28px,5vw,42px);margin-bottom:6px}
.legal-date{margin:0 0 28px;color:var(--muted);font-size:14px}
.legal h2{margin:30px 0 8px;font-size:clamp(18px,3vw,22px)}
.legal p,.legal li{color:var(--text);font-size:16px}
.legal ul{padding-left:22px}
.legal a{color:var(--primary);text-decoration:underline}
/*f8*/
.legal-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.legal-back{min-height:44px;padding:0 18px;font:600 14px var(--font);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:999px;cursor:pointer}
.legal-x{display:grid;place-items:center;width:44px;height:44px;padding:0;font:400 28px/1 var(--font);color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:50%;cursor:pointer}
.legal-bot{margin-top:36px}