:root{--p:#2B4C7E;--pl:#4A7CB8;--a:#C97B4B;--al:#F5E6D8;--bg:#F9F6F2;--s:#EDF2F7;--d:#1A2F4A;--t:#2D3748;--m:#4A5568;--l:#E2E8F0}*{box-sizing:border-box}body{margin:0;font-family:'Noto Sans JP',sans-serif;color:var(--t);line-height:1.85}a{color:inherit;text-decoration:none}.c{width:min(1080px,calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:9;background:#fff;box-shadow:0 2px 12px #0001}.hi{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;color:var(--p);font-weight:700;font-size:.86rem}.brand img{width:44px;height:44px;object-fit:contain}.nav{display:flex;gap:5px;font-size:.78rem;font-weight:500}.nav a{padding:7px 9px;border-radius:6px}.nav a:hover,.nav a[aria-current=page]{background:var(--s);color:var(--p)}.nav .cta{background:var(--p);color:#fff}.crumb{padding:9px 0;background:var(--s);color:#718096;font-size:.78rem}.hero{padding:clamp(48px,7vw,76px) 0;background:linear-gradient(135deg,#EDF4FF,var(--bg));border-bottom:1px solid var(--l);overflow:hidden}.grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.92fr);gap:clamp(32px,5vw,58px);align-items:start}.grid>*{min-width:0}.eye{margin:0 0 10px;color:var(--a);font-size:.86rem;font-weight:700}.hero h1{margin:0 0 18px;font-family:'Noto Serif JP',serif;color:var(--p);font-size:clamp(2rem,4.2vw,3.35rem);line-height:1.35}.lead{max-width:37rem;color:var(--m);font-size:1.05rem}.hero-visual{min-width:0;max-width:500px;justify-self:end}.hero-visual img{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px;box-shadow:0 14px 34px #1a2f4a1f}.hero-visual .box{margin:16px 0 0}.box{padding:20px 22px;border:1px solid #cad7e6;border-top:4px solid var(--a);border-radius:12px;background:#fff;box-shadow:0 8px 24px #1a2f4a12}.box h2{margin:0 0 11px;color:var(--p);font-family:'Noto Serif JP',serif;font-size:1.08rem}.box ol{margin:0;padding:0;list-style:none;display:grid;gap:6px}.box li{padding:7px 10px;background:var(--s);border-radius:6px;font-size:.88rem;font-weight:700}.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.btn{padding:10px 18px;border:1px solid var(--p);border-radius:8px;background:var(--p);color:#fff;font-weight:700}.btn.alt{background:#fff;color:var(--p)}section{padding:clamp(56px,8vw,86px) 0}.head{max-width:730px;margin-bottom:32px}.head:after{content:"";display:block;width:72px;height:3px;margin-top:18px;background:linear-gradient(90deg,var(--a),var(--pl));border-radius:3px}.head h2{margin:0 0 8px;color:var(--p);font-family:'Noto Serif JP',serif;font-size:clamp(1.5rem,3vw,2.2rem)}.head p,.card p{margin:0;color:var(--m)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{position:relative;min-width:0;padding:25px;border:1px solid var(--l);border-radius:12px;background:#fff;box-shadow:0 8px 24px #1a2f4a0a}.card:before{content:"";position:absolute;top:-1px;left:24px;width:52px;height:3px;background:var(--a);border-radius:0 0 3px 3px}.card h3{margin:0 0 8px;color:var(--p)}.dark{background:var(--d);color:#fff}.dark .head h2,.dark .card h3{color:#fff}.dark .head p,.dark .card p{color:#d5deea}.dark .card{background:#243d5a;border-color:#36536f;box-shadow:none}.pathsec{background:var(--s)}.path{display:grid;grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr) 40px minmax(0,1fr);gap:10px}.arrow{display:grid;place-items:center;color:var(--a);font-size:1.5rem}.notice{margin-top:24px;padding:18px;border-left:5px solid var(--a);background:#fff8f2;color:#604838}.benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cta-sec{text-align:center;background:var(--p);color:#fff}.cta-sec h2{font-family:'Noto Serif JP',serif}.cta-sec .btns{justify-content:center}.cta-sec .btn{background:#fff;color:var(--p)}footer{padding:32px 0;background:var(--d);color:#cbd5e1;font-size:.82rem}.fi{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}footer a{color:#fff}@media(max-width:850px){.nav a:not(.cta){display:none}.grid,.cards,.path,.benefits{grid-template-columns:1fr}.hero-visual{max-width:none;justify-self:stretch;margin-top:10px}.arrow{transform:rotate(90deg)}}@media(max-width:560px){.c{width:calc(100% - 28px)}.brand{font-size:.74rem}.brand img{width:38px;height:38px}.hero{padding:38px 0 48px}.hero h1{font-size:clamp(2rem,12vw,2.75rem)}.hero-visual img{border-radius:12px}.box{padding:18px}.btns,.btn{width:100%;text-align:center}}