:root{font-family:system-ui,-apple-system,"Yu Gothic",Meiryo,sans-serif;color:#142743;background:#f5f9ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(160deg,#f8fbff 0%,#edf5ff 100%);line-height:1.6}button{font:inherit}.site-header{height:76px;background:#fff;border-bottom:1px solid #dce7f3;box-shadow:0 2px 14px rgba(31,69,114,.06)}.header-inner{max-width:1180px;height:100%;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px;color:#142743;text-decoration:none}.brand-icon{width:38px;height:38px;fill:#2d70b9;stroke:#2d70b9;stroke-width:1.5;flex:none}.brand strong,.brand small{display:block}.brand strong{font-size:19px;line-height:1.25;letter-spacing:.02em}.brand small{font-size:11px;color:#496079;font-weight:600;letter-spacing:.08em}.header-label{color:#315b89;font-size:13px;font-weight:700;padding:7px 13px;background:#edf5ff;border:1px solid #d8e7f7;border-radius:999px}.page-shell{max-width:1080px;margin:auto;padding:30px 28px 64px}.breadcrumb{display:flex;gap:11px;align-items:center;color:#72839a;font-size:13px;margin-bottom:28px}.breadcrumb strong{color:#305d90;font-weight:700}.intro{margin-bottom:28px}.eyebrow{color:#3978bd;font-size:11px;font-weight:800;letter-spacing:.18em}.intro h1{font-size:34px;line-height:1.3;letter-spacing:.02em;margin:7px 0 6px}.intro p{color:#61738d;font-size:15px;margin:0}.menu-list{display:grid;gap:16px}.menu-card{background:#fff;border:1px solid #dce6f1;border-radius:13px;box-shadow:0 5px 18px rgba(28,68,115,.055);min-height:133px;display:grid;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:24px;padding:25px 30px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.menu-card:hover{transform:translateY(-2px);border-color:#bfd6ed;box-shadow:0 10px 24px rgba(28,68,115,.11)}.number{height:54px;width:54px;display:grid;place-items:center;background:linear-gradient(145deg,#e6f2ff,#d7eaff);color:#2364a9;border-radius:13px;font-weight:800;font-size:21px;letter-spacing:.01em}.step-label{color:#3978bd;font-weight:800;font-size:11px;letter-spacing:.08em}.card-copy h2{font-size:21px;line-height:1.35;margin:4px 0 5px}.card-copy p{font-size:14px;color:#63758c;margin:0}.card-button{min-width:170px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #2e6fb9;border-radius:8px;background:#2e6fb9;color:#fff;font-weight:700;padding:12px 17px;cursor:pointer;box-shadow:0 3px 8px rgba(29,86,154,.13);transition:background .18s ease,transform .18s ease}.card-button:hover{background:#205d9f;transform:translateY(-1px)}.card-button span{font-size:18px;line-height:1}.page-actions{display:flex;justify-content:flex-end;margin-top:29px}.back-button{background:#fff;color:#365a82;border:1px solid #cbd9e9;border-radius:8px;font-weight:700;padding:10px 22px;cursor:pointer}.back-button:hover{background:#eaf3fd}.back-button span{font-size:18px;margin-right:6px}.card-button:focus-visible,.back-button:focus-visible,.brand:focus-visible{outline:3px solid #f8b74d;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.site-header{height:68px}.header-inner{padding:0 18px}.header-label{display:none}.page-shell{padding:24px 16px 48px}.intro h1{font-size:29px}.menu-card{grid-template-columns:50px 1fr;gap:12px;padding:20px;min-height:0}.number{height:45px;width:45px;font-size:17px}.card-copy h2{font-size:19px}.card-button{grid-column:2;min-width:0;width:100%;margin-top:4px}.card-copy p{font-size:13px}}@media(prefers-reduced-motion:reduce){.menu-card,.card-button{transition:none}}
.toast{margin:18px 0 0;padding:13px 16px;border:1px solid #bfd6ed;border-radius:8px;background:#eaf4ff;color:#245987;font-size:14px}.toast[hidden]{display:none}
