:root{color-scheme:light;--ink:#183b38;--muted:#617470;--accent:#216758;--line:#dce5df}*{box-sizing:border-box}body{margin:0;background:#f5f7f3;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif;line-height:1.8}main{max-width:780px;margin:auto;padding:36px 24px}header{border-bottom:1px solid var(--line);padding-bottom:24px}.brand{font-size:15px;font-weight:750;letter-spacing:.13em;color:var(--ink);text-decoration:none}.brand span{font-size:10px;color:var(--muted);margin-left:18px}.intro{margin:48px 0 32px}.eyebrow{font-size:13px;letter-spacing:.15em;color:var(--accent);font-weight:700}h1{font-size:clamp(26px,5vw,38px);letter-spacing:-.04em;margin:8px 0 12px;line-height:1.3}.intro>p:last-child,.description{color:var(--muted);font-size:14px}.steps{list-style:none;display:flex;padding:0;margin:0 0 20px;gap:24px;color:#75817b;font-size:12px}.steps li{flex:1;padding:12px 0;border-bottom:2px solid var(--line)}.steps span{margin-left:10px}.steps .active{color:var(--accent);font-weight:700;border-color:var(--accent)}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:0 8px 28px #183b3805}h2{font-size:21px;margin:0 0 12px}.description{margin-bottom:28px;overflow-wrap:anywhere}label{display:block;font-size:14px;font-weight:650;margin:24px 0 9px}.required{font-size:10px;background:#eaf2ed;color:var(--accent);padding:3px 6px;border-radius:4px;margin-left:8px}input,select,textarea{width:100%;font:inherit;color:var(--ink);border:1px solid #adbfb4;border-radius:7px;padding:12px;background:#fff}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid #b5d6c9;outline-offset:2px}button,.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border:0;border-radius:7px;background:var(--accent);color:white;font:inherit;font-size:14px;font-weight:600;padding:14px 22px;cursor:pointer;text-decoration:none;margin-top:24px}button:hover,.button:hover{background:#174c41}button:focus-visible,a:focus-visible{outline:3px solid #84b4a4;outline-offset:4px}.hint,.privacy{font-size:12px;color:var(--muted);margin-top:8px}.privacy{text-align:center;margin:24px 12px}.notice,.errors{padding:16px;border-radius:8px;margin-bottom:24px;font-size:14px}.notice{background:#edf5ef}.errors{background:#fff0ec;color:#923c29}.errors p{margin:0}.errors ul{padding-left:20px}.reset{border-top:1px solid var(--line);margin-top:28px}.text-button{background:none;color:var(--accent);padding:0;text-decoration:underline;font-size:12px}.text-button:hover{background:none;color:var(--ink)}footer{font-size:12px;color:var(--muted);margin:44px 0 10px}.success-icon{color:var(--accent);font-size:32px;margin-bottom:12px}@media(max-width:560px){main{padding:24px 16px}.intro{margin-top:32px}.card{padding:24px 20px}.steps{gap:12px}.steps span{margin-left:5px}button{width:100%}select{font-size:14px}}
