:root{--fg:#1a1a1a;--muted:#555;--accent:#1f5fbf;--bg:#fff;--box:#f4f6fa;--border:#d9dee8}
*{box-sizing:border-box}
body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--fg);background:var(--bg)}
main{max-width:720px;margin:0 auto;padding:2rem 1.25rem 3rem}
header{border-bottom:1px solid var(--border)}
header nav{max-width:720px;margin:0 auto;padding:.9rem 1.25rem;display:flex;gap:1.25rem;flex-wrap:wrap;align-items:center}
header nav a{color:var(--fg);text-decoration:none;font-weight:600}
header nav a.brand{margin-right:auto}
h1{font-size:1.7rem;margin:.2rem 0 1rem}
h2{font-size:1.2rem;margin:1.6rem 0 .5rem}
a{color:var(--accent)}
.notice{background:var(--box);border:1px solid var(--border);border-radius:8px;padding:1rem 1.1rem;margin:1.25rem 0}
.notice strong{display:block;margin-bottom:.4rem}
form{margin-top:1.25rem}
label{display:block;font-weight:600;margin:.9rem 0 .3rem}
input[type=tel]{width:100%;max-width:320px;padding:.6rem .7rem;font-size:1rem;border:1px solid var(--border);border-radius:6px}
.check{display:flex;gap:.6rem;align-items:flex-start;font-weight:400;margin:1rem 0}
.check input{margin-top:.3rem;flex:none}
button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:.7rem 1.4rem;font-size:1rem;cursor:pointer}
button:hover{filter:brightness(.92)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
footer{max-width:720px;margin:0 auto;padding:1rem 1.25rem 2rem;color:var(--muted);font-size:.9rem;border-top:1px solid var(--border)}
small{color:var(--muted)}