:root{--navy:#063a5c;--navy-deep:#04273f;--teal:#2f7489;--maroon:#7a2533;--maroon-deep:#4f1520;--gold:#c9962e;--green:#6b8f4e;--yellow:#f3d36b;--yellow-soft:#fff6cf;--cream:#f8f5ee;--card:#fffdf8;--line:#ddd5c2;--ink:#1f2b33;--muted:#5d676e;--radius:14px;--shadow:0 8px 24px #04273f14;--font:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:var(--cream);margin:0;line-height:1.9}a{color:var(--navy)}a:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}img{max-width:100%;height:auto}.site-header{background:#fff;padding-top:1.25rem}.site-brand{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem 1rem;padding:0 1rem;display:flex}.logo{color:var(--navy);align-items:center;gap:.5rem;font-size:clamp(1.4rem,3.6vw,2rem);font-weight:900;text-decoration:none;display:inline-flex}.logo img{align-self:center}.tagline{color:var(--muted);font-size:.9rem}.site-nav{z-index:20;background:var(--navy);max-width:60rem;margin:1rem auto 0;position:relative}.menu{margin:0;padding:0;list-style:none;display:flex}.menu>li{flex:1;position:relative}.menu>li>a{text-align:center;color:#fff;border-bottom:3px solid #0000;padding:.8rem .5rem;font-size:1rem;font-weight:700;text-decoration:none;display:block}.menu>li:hover>a,.menu>li:focus-within>a{background:var(--navy-deep)}.menu>li>a.is-current{border-bottom-color:var(--yellow)}.has-sub>a:after{content:"▾";opacity:.8;margin-left:.35em;font-size:.75em}.submenu{background:var(--navy-deep);border-top:3px solid var(--yellow);border-radius:0 0 8px 8px;min-width:100%;margin:0;padding:.4rem 0;list-style:none;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #00000059}.has-sub:hover>.submenu,.has-sub:focus-within>.submenu{display:block}.submenu a{white-space:nowrap;color:#fff;border-left:4px solid #0000;padding:.55rem 1.5rem;font-size:.95rem;text-decoration:none;display:block}.submenu a:hover,.submenu a:focus-visible{color:var(--yellow);border-left-color:var(--yellow);background:#ffffff1f}.submenu a[aria-current=page]{color:var(--yellow);font-weight:700}.menu-toggle{display:none}@media (width<=720px){.site-nav{margin-top:.75rem}.menu-toggle{background:var(--navy);color:#fff;width:100%;font:inherit;cursor:pointer;border:0;padding:.8rem;font-weight:700;display:block}.menu-toggle:after{content:" ▾"}.menu-toggle[aria-expanded=true]:after{content:" ▴"}.menu{flex-direction:column;display:none}.menu-toggle[aria-expanded=true]+.menu{display:flex}.menu>li>a{text-align:left;border-top:1px solid #ffffff1f;padding-left:1.25rem}.menu>li>a.is-current{border-bottom-color:#0000;border-left:4px solid var(--yellow)}.has-sub>a:after{content:none}.submenu{background:var(--navy-deep);box-shadow:none;border-top:0;border-radius:0;padding:0 0 .4rem;display:block;position:static;transform:none}.submenu a{color:#fff;padding:.45rem 1.25rem .45rem 2.25rem;font-size:.9rem}.submenu a:hover,.submenu a:focus-visible{color:var(--yellow);background:#ffffff1a;border-left-color:#0000}.submenu a[aria-current=page]{color:var(--yellow)}}.guide-hero{color:#fff;background:radial-gradient(circle at 85% 15%, #3f8ca073, transparent 45%), linear-gradient(135deg, var(--navy-deep), var(--navy) 60%, #1d3550);padding:2.5rem 1.25rem 3rem}.inner{max-width:46rem;margin:0 auto}.hero-brand{letter-spacing:.1em;color:var(--yellow);margin:0 0 3rem;font-size:.7rem;font-weight:700}.hero-kicker{color:var(--yellow);margin:0;font-size:.75rem;font-weight:700}.guide-hero h1{margin:.25rem 0 1rem;font-size:clamp(2rem,6vw,3.2rem);font-weight:900;line-height:1.3}.hero-lead{color:var(--yellow);margin:0;font-size:clamp(1rem,2.4vw,1.2rem);font-weight:700}.guide-tabs{border-bottom:1px solid var(--line);background:#fff;overflow-x:auto}.guide-tabs ul{gap:.25rem;max-width:46rem;margin:0 auto;padding:0 1rem;list-style:none;display:flex}.guide-tabs a{white-space:nowrap;color:var(--ink);border-bottom:3px solid #0000;padding:.8rem .75rem;font-size:.8rem;font-weight:700;text-decoration:none;display:block}.guide-tabs a:hover{color:var(--maroon)}.guide-tabs a[aria-current=page]{border-bottom-color:var(--maroon)}.guide-body{max-width:46rem;margin:0 auto;padding:1rem 1.25rem 3rem}.g-section{border-bottom:1px solid var(--line);padding:2.5rem 0}.g-section:last-child{border-bottom:none}.g-section h2{color:var(--navy);margin:0 0 1.25rem;font-size:clamp(1.4rem,3.5vw,1.8rem);font-weight:900;line-height:1.4}.g-section p{color:var(--muted)}.g-section.center{text-align:center}.quotes{color:var(--maroon);margin:0 0 1rem;padding:0;font-weight:700;list-style:none}.card-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.info-card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border-top:3px solid var(--teal);padding:1.25rem 1.25rem 1rem}.info-card h3,.choice-card h3{color:var(--navy);margin:0 0 .5rem;font-size:1rem}.info-card p{margin:0;font-size:.9rem}.info-card.is-gold{border-top-color:var(--gold)}.info-card.is-maroon{border-top-color:var(--maroon)}.info-card.is-green{border-top-color:var(--green)}.cycle-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.check-list{background:var(--card);border-left:4px solid var(--maroon);border-radius:0 var(--radius) var(--radius) 0;box-shadow:var(--shadow);margin:0;padding:1.25rem 1.5rem 1.25rem 2.5rem}.check-list li{color:var(--muted)}.panel-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.panel{color:#fff;border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(160deg, var(--navy), var(--teal));padding:1.75rem}.panel.is-maroon{background:linear-gradient(160deg, var(--maroon-deep), #8f3a4a)}.panel.is-deep{background:linear-gradient(135deg, var(--navy-deep), var(--navy))}.panel h3{color:var(--yellow);margin:0 0 1rem;font-size:1.4rem;font-weight:900;line-height:1.4}.panel p{color:#fff;font-size:.9rem}.panel .strong{font-weight:700}.panel .link-box{margin-top:1.25rem}.link-box{background:var(--yellow-soft);color:var(--ink);border-radius:8px;padding:.9rem 1rem;font-size:.85rem;font-weight:700;text-decoration:none;display:block}.link-box:hover{background:var(--yellow)}.note{color:var(--muted);margin-top:.75rem;font-size:.75rem}.next-card{border-radius:var(--radius);background:linear-gradient(135deg, var(--navy-deep), var(--navy));padding:1.5rem;text-decoration:none;display:block}.next-teaser{color:#fff;font-size:.85rem;font-weight:700;display:block}.next-title{color:var(--yellow);margin-top:.25rem;font-size:1.1rem;font-weight:900;display:block}.next-card:hover .next-title{text-decoration:underline}.cta-band{text-align:center;background:linear-gradient(135deg, var(--maroon), var(--maroon-deep));border-radius:20px;max-width:60rem;margin:0 auto 2rem;padding:3.5rem 1.25rem}.cta-button,.btn{border-radius:999px;padding:.7rem 1.75rem;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block}.cta-button{background:var(--yellow);color:var(--ink)}.cta-button:hover{background:#fff}.choice-grid{text-align:left;margin-top:1.5rem}.choice-card{flex-direction:column;display:flex}.choice-card p{flex:1}.badge{background:var(--maroon);color:#fff;border-radius:50%;place-items:center;width:2rem;height:2rem;margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:inline-grid}.btn{text-align:center;color:#fff;margin-top:1rem;display:block}.btn.is-maroon{background:var(--maroon)}.btn.is-navy{background:var(--navy)}.btn:hover{opacity:.88}.step-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.step{background:var(--card);box-shadow:var(--shadow);border-radius:10px;padding:1rem}.step-no{color:var(--maroon);font-size:.75rem;font-weight:700;display:block}.step h3{margin:.25rem 0;font-size:.95rem}.step p{margin:0;font-size:.85rem}.reassure{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:2rem 1.5rem}.reassure h2{margin-top:0}.chips{grid-template-columns:repeat(3,1fr);gap:.75rem;margin:0 0 1.25rem;padding:0;list-style:none;display:grid}.chips li{text-align:center;background:#eaf2f4;border-radius:8px;padding:1rem;font-size:.85rem;font-weight:700}.privacy{border-left:3px solid var(--yellow);padding-left:1rem;font-size:.8rem}.site-footer{text-align:center;color:var(--muted);padding:1.5rem 1rem 2rem;font-size:.75rem}@media (width<=720px){.cycle-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.card-grid,.panel-grid,.step-grid,.chips{grid-template-columns:1fr}.cta-band{border-radius:0}}
