:root{--ink:#111318;--ink-mid:#565b66;--ink-weak:#9aa1af;--border:#d9dce1;--rule:#e8eaee;--bg:#fff;--bg-section:#f4f5f7;--radius-card:12px;--radius-field:10px;--control-h:54px;--field-h:52px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;font-size:14px;line-height:1.8}a{color:var(--ink);text-decoration:underline}a:hover{color:#1e5bb8}.shell{background:var(--bg);width:100%;max-width:480px;min-height:100dvh;margin:0 auto}.shell--wide{max-width:640px}.pad{padding-left:24px;padding-right:24px}.section-label{letter-spacing:.2em;color:var(--ink-mid);font-size:12px;font-weight:700}h1,h2,h3{margin:0;font-weight:900;line-height:1.4}p{margin:0}.note{color:var(--ink-mid);font-size:12px;line-height:1.7}.btn{height:var(--control-h);border-radius:calc(var(--control-h) / 2);background:var(--ink);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;max-width:320px;padding:0 24px;font-family:inherit;font-size:15px;font-weight:700;text-decoration:none;display:flex}.btn:hover{color:#fff;opacity:.88}.btn:disabled{background:var(--ink-weak);cursor:not-allowed}.btn--onDark{color:var(--ink);background:#fff}.btn--onDark:hover{color:var(--ink)}.field{flex-direction:column;gap:8px;display:flex}.field-label{font-size:13px;font-weight:700}.input,.select{height:var(--field-h);border:1.5px solid var(--border);border-radius:var(--radius-field);color:var(--ink);background:#fff;width:100%;padding:0 14px;font-family:inherit;font-size:15px}.input:focus,.select:focus{border-color:var(--ink);outline:none}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23565b66' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 12px center;background-repeat:no-repeat;padding-right:34px}.segment{gap:8px;display:flex}.segment>label{flex:1 1 0}.segment input{opacity:0;pointer-events:none;position:absolute}.segment-option{height:var(--field-h);border:1.5px solid var(--border);border-radius:var(--radius-field);cursor:pointer;text-align:center;background:#fff;justify-content:center;align-items:center;font-size:14px;display:flex}.segment input:checked+.segment-option{background:var(--ink);border-color:var(--ink);color:#fff;font-weight:700}.segment input:focus-visible+.segment-option{outline:2px solid var(--ink);outline-offset:2px}.card{border-radius:var(--radius-card);padding:18px 20px}.card--fill{background:var(--bg-section)}.card--outline{border:1.5px solid var(--border)}.card--white{background:#fff}.row{justify-content:space-between;align-items:center;gap:12px;display:flex}.hr{background:var(--rule);height:1px}.sample-banner{background:var(--ink);color:#fff;letter-spacing:.08em;text-align:center;padding:6px 12px;font-size:11px}@media print{.no-print{display:none!important}}