:root{--navy:#12315f;--blue:#2563eb;--green:#06c755;--ink:#172033;--muted:#536479;--border:#dae6f1;--soft:#f1f7fd;--shadow:0 14px 35px rgba(18,49,95,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f9fc;color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.65}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{width:min(1060px,calc(100% - 32px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--border)}.header-inner{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-size:1rem;font-weight:900;color:var(--navy);text-decoration:none}.header-link{font-size:.85rem;font-weight:800;color:var(--blue)}.hero{background:linear-gradient(135deg,#eaf3ff 0%,#fff 80%);padding:32px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.eyebrow{display:inline-block;padding:5px 12px;background:#dcecff;color:#1553a5;border-radius:99px;font-weight:800;font-size:.8rem}h1{font-size:clamp(2rem,4vw,3rem);line-height:1.25;margin:13px 0}h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.4;margin:0 0 12px}h3{font-size:1.1rem;margin:0 0 8px}.lead{font-size:1rem;color:var(--muted);margin:0 0 18px}.hero-art{border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.hero-art img{width:100%;aspect-ratio:1.4;object-fit:cover}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.pill{background:#fff;border:1px solid var(--border);border-radius:99px;padding:6px 12px;font-size:.82rem;font-weight:800}.btn{display:inline-block;padding:15px 24px;border-radius:13px;background:var(--green);color:#fff;text-align:center;text-decoration:none;font-weight:900;box-shadow:0 9px 25px rgba(6,199,85,.21)}.btn:hover{filter:brightness(.94)}.btn.secondary{background:#fff;border:1px solid #b7cdec;box-shadow:none;color:var(--navy)}.btn-row{display:flex;flex-wrap:wrap;gap:10px}.micro{color:var(--muted);font-size:.75rem;margin:8px 0 0}.section{padding:46px 0}.section.white{background:#fff}.section-intro{color:var(--muted);margin:0 0 20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid var(--border);border-radius:19px;overflow:hidden;box-shadow:var(--shadow)}.card img{width:100%;aspect-ratio:1.6;object-fit:cover}.card-body{padding:18px}.card p{font-size:.87rem;color:var(--muted);margin:0 0 16px}.card .btn{width:100%}.rank{display:inline-block;background:#e6f1ff;color:var(--navy);font-weight:900;font-size:.75rem;padding:4px 9px;border-radius:99px;margin-bottom:8px}.rank.first{background:#fff0c5}.feature{border:2px solid #f0c65d}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fact{background:var(--soft);border-radius:14px;padding:14px;text-align:center;font-weight:800}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-grid div{padding:14px;background:#fff;border:1px solid var(--border);border-radius:13px}.detail-grid dt{font-weight:900;color:var(--navy)}.detail-grid dd{margin:3px 0 0;color:var(--muted);font-size:.88rem}.check-list{padding-left:1.25rem}.check-list li{margin:7px 0}.cta-panel{background:#e7fcef;border:1px solid #a9e4bc;border-radius:20px;padding:24px;margin:24px 0;text-align:center}.cta-panel .btn{min-width:min(100%,340px)}.cta-panel ul{text-align:left;max-width:520px;margin:10px auto 18px}.notice{background:#fff9e9;border:1px solid #efd797;border-radius:14px;padding:16px;color:#634d20;font-size:.82rem}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.step{background:var(--soft);padding:18px;border-radius:14px;text-align:center}.step b{display:block;color:var(--blue)}.site-footer{background:#12223a;color:#dce6f2;padding:28px 0;font-size:.78rem}.site-footer a{margin-right:18px}.fixed-cta{display:none}
@media(max-width:760px){.wrap{width:min(100% - 24px,620px)}.header-inner{min-height:54px}.brand{font-size:.82rem}.header-link{font-size:.75rem}.hero{padding:18px 0}.hero-grid{grid-template-columns:1fr;gap:14px}.hero-copy{order:1}.hero-art{order:2}.hero-art img{aspect-ratio:2.3}.hero h1{font-size:1.9rem;margin:9px 0}.lead{font-size:.9rem;margin-bottom:10px}.pill-row{gap:6px;margin:10px 0}.pill{font-size:.7rem;padding:5px 8px}.btn-row{display:block}.btn-row .btn{display:block;margin:8px 0}.section{padding:32px 0}.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:34% 66%;align-items:stretch}.card img{height:100%;min-height:190px;aspect-ratio:auto}.card-body{padding:13px}.card h3{font-size:1rem}.card p{font-size:.78rem}.card .btn{font-size:.77rem;padding:12px 5px}.facts,.detail-grid{grid-template-columns:repeat(2,1fr)}.fact{font-size:.78rem;padding:10px}.step-grid{grid-template-columns:1fr}.fixed-cta{display:block;position:fixed;left:10px;right:10px;bottom:10px;z-index:90;text-align:center;background:var(--green);color:#fff;font-weight:900;text-decoration:none;padding:13px;border-radius:12px;box-shadow:0 8px 28px #12315f44}.site-footer{padding-bottom:82px}}
@media(max-width:380px){.card{grid-template-columns:30% 70%}.card img{min-height:205px}.card-body{padding:10px}.card h3{font-size:.93rem}.card p{font-size:.73rem}}
.btn.affiliate{background:var(--blue);box-shadow:0 9px 25px rgba(37,99,235,.2)}