*{box-sizing:border-box}html{font-size:18px}body{margin:0;background:#f3f7fb;color:#203449;font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1.65}.container{max-width:680px;margin:0 auto;padding:clamp(12px,4vw,28px)}h1{font-size:clamp(22px,5vw,28px);line-height:1.35}h2{font-size:22px;margin-top:0}.card{background:#fff;border:1px solid #dce5ed;border-radius:16px;padding:clamp(16px,4vw,26px);box-shadow:0 5px 22px #18354d0d;margin:18px 0}label{display:block;font-weight:700;margin:14px 0 6px}input,select{font:inherit;width:100%;max-width:100%;min-height:50px;padding:10px;border:1px solid #9baeba;border-radius:9px;background:#fff}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #086a9b;outline-offset:3px}.btn,button{font:inherit;font-weight:700;display:block;text-align:center;width:100%;border:0;border-radius:10px;padding:13px 16px;background:#146da0;color:white;text-decoration:none;cursor:pointer;margin:12px 0;min-height:52px}.green{background:#15754d}.gray{background:#53677c}.notice{padding:14px;background:#e8f3fa;border-radius:10px;overflow-wrap:anywhere}.error{background:#fff0ee;color:#902c23}.muted{color:#4b5c68}.info{display:grid;grid-template-columns:1fr;gap:4px}.info dt{font-weight:700}.info dd{margin:0 0 10px;overflow-wrap:anywhere}button:disabled{background:#8997a3;cursor:not-allowed}@media(max-width:360px){html{font-size:18px}.container{padding:10px}.card{padding:14px}}