.switch-page{--sw-green:#064a3c;--sw-green-2:#08715a;--sw-mint:#dff4ea;--sw-lime:#b9ed83;--sw-ink:#12332d;--sw-muted:#5f716c;--sw-cream:#f6f2e9;--sw-line:#d8dfd9;color:var(--sw-ink);background:#fffdf8;font-family:"Noto Sans JP",sans-serif;line-height:1.75}
.switch-page *{box-sizing:border-box}a{color:inherit}.switch-wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}
.switch-topbar{padding:9px 16px;color:#fff;background:#073d33;text-align:center;font-size:12px;font-weight:800;letter-spacing:.04em}
.switch-hero{position:relative;overflow:hidden;color:#fff;background:var(--sw-green)}
.switch-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 4%,rgba(185,237,131,.18),transparent 32%),linear-gradient(105deg,#064a3c 0 52%,rgba(6,74,60,.14) 72%)}
.switch-hero:after{content:"";position:absolute;inset:0 0 0 51%;background:linear-gradient(90deg,#064a3c,transparent 24%),linear-gradient(0deg,rgba(0,0,0,.3),transparent 55%),url("/assets/img/info-item1_2x.webp") center/cover}
.switch-hero-inner{position:relative;z-index:1;display:grid;min-height:760px;grid-template-columns:1.08fr .92fr;align-items:center}
.switch-hero-copy{max-width:680px;padding:76px 0 90px}.switch-kicker,.switch-eyebrow{margin:0 0 12px;color:var(--sw-green-2);font-size:12px;font-weight:900;letter-spacing:.18em}
.switch-kicker{display:flex;align-items:center;gap:10px;margin-bottom:24px;color:#cdf2e5}.switch-kicker:before{content:"";width:30px;height:2px;background:var(--sw-lime)}
.switch-page h1{margin:0;font-size:clamp(45px,5.4vw,76px);font-weight:900;line-height:1.14;letter-spacing:-.055em}.switch-page h1 em{color:var(--sw-lime);font-style:normal}
.switch-lead{max-width:590px;margin:26px 0 0;color:#e6f2ee;font-size:18px;font-weight:600;line-height:1.9}.switch-lead strong{color:#fff;font-size:1.12em;font-weight:900}.switch-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.switch-hero-features{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;padding:0;list-style:none}.switch-hero-features li{display:flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.switch-hero-features span{color:var(--sw-lime);font-size:9px;font-weight:900;letter-spacing:.12em}.switch-hero-features strong{font-size:12px}
.switch-offer-banner{display:grid;width:fit-content;margin-top:24px;padding:14px 18px;border-left:4px solid var(--sw-lime);border-radius:0 12px 12px 0;background:rgba(0,0,0,.18)}.switch-offer-banner span{color:var(--sw-lime);font-size:10px;font-weight:900;letter-spacing:.1em}.switch-offer-banner strong{font-size:17px}.switch-offer-banner small{color:#d7e8e3;font-weight:700}
.switch-btn{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:0 24px;border-radius:12px;font-weight:900;text-decoration:none;transition:.2s ease}
.switch-btn:hover{transform:translateY(-2px)}.switch-btn-primary{color:#10352d;background:var(--sw-lime);box-shadow:0 14px 34px rgba(0,0,0,.16)}.switch-btn-outline{border:1px solid rgba(255,255,255,.45);color:#fff}
.switch-btn-dark{color:#fff;background:var(--sw-green)}.switch-time-note{margin:12px 0 0;color:#cce0da;font-size:12px;font-weight:700}
.switch-system{background:#fffdf8}.switch-system-intro{display:grid;grid-template-columns:1fr .65fr;gap:60px;align-items:end}.switch-system-intro .switch-eyebrow{grid-column:1/-1;margin-bottom:-42px}.switch-system-intro>p:last-child{margin:0;color:var(--sw-muted);font-weight:600}.switch-system-grid{display:grid;margin-top:50px;grid-template-columns:repeat(4,1fr);gap:14px}.switch-system-grid article{position:relative;min-height:300px;padding:30px 26px;border:1px solid var(--sw-line);border-radius:20px;background:#fff}.switch-system-grid article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;color:#fff;background:var(--sw-green);font-size:12px;font-weight:900}.switch-system-grid article>p{margin:28px 0 6px;color:var(--sw-green-2);font-size:10px;font-weight:900;letter-spacing:.16em}.switch-system-grid h3{margin:0;font-size:22px}.switch-system-grid strong{display:block;margin-top:22px;font-size:15px}.switch-system-grid small{display:block;margin-top:8px;color:var(--sw-muted);font-size:12px;font-weight:600;line-height:1.7}
.switch-money{padding:88px 0 96px;background:#fffdf8}
.switch-money-head{display:flex;align-items:end;justify-content:space-between;gap:40px}.switch-money-head>p{max-width:390px;margin:0;color:var(--sw-muted);font-size:14px;font-weight:600}
.switch-money-grid{display:grid;margin-top:44px;grid-template-columns:repeat(3,1fr);gap:18px}
.switch-money-card{display:flex;flex-direction:column;padding:34px;border:1px solid var(--sw-line);border-radius:22px;background:#fff}
.switch-money-card>span{color:var(--sw-muted);font-size:13px;font-weight:900;letter-spacing:.02em}
.switch-money-card strong{margin:10px 0 0;color:var(--sw-ink);font-size:clamp(58px,7vw,84px);font-weight:900;line-height:1;letter-spacing:-.06em}
.switch-money-card strong em{margin-left:4px;font-size:.34em;font-style:normal;letter-spacing:0}
.switch-money-card strong.is-text{font-size:clamp(32px,3.6vw,42px);letter-spacing:-.04em}
.switch-money-card p{margin:auto 0 0;padding-top:16px;color:var(--sw-muted);font-size:14px;font-weight:600}
.switch-money-card.is-free{border-color:transparent;color:#fff;background:var(--sw-green)}
.switch-money-card.is-free>span{color:var(--sw-lime)}.switch-money-card.is-free strong{color:var(--sw-lime)}.switch-money-card.is-free p{color:#d5e8e2}
.switch-no-double{display:flex;gap:18px;margin-top:24px;padding:24px 28px;border:1px solid #bcd9cd;border-radius:16px;background:#eef8f3}
.switch-no-double>span{display:grid;flex:0 0 36px;height:36px;place-items:center;border-radius:50%;color:#fff;background:var(--sw-green);font-weight:900}
.switch-no-double strong{display:block;font-size:17px}.switch-no-double p{margin:4px 0 0;color:var(--sw-muted);font-size:13px;font-weight:700}
.switch-section{padding:112px 0}.switch-page h2{margin:0;font-size:clamp(34px,4.2vw,54px);font-weight:900;line-height:1.35;letter-spacing:-.045em}.switch-section-lead{max-width:650px;margin:18px 0 0;color:var(--sw-muted);font-weight:600}
.switch-compare{background:#f4f7f4}.switch-split-head{display:flex;align-items:end;justify-content:space-between;gap:40px}.switch-split-head>p{max-width:390px;margin:0;color:var(--sw-muted);font-size:14px;font-weight:600}
.switch-compare-table{display:grid;margin-top:48px;grid-template-columns:160px 1fr 1fr;overflow:hidden;border:1px solid var(--sw-line);border-radius:18px;background:#fff;box-shadow:0 16px 45px rgba(8,52,43,.07)}
.switch-cell{display:flex;min-height:105px;align-items:center;padding:22px 26px;border-bottom:1px solid var(--sw-line)}.switch-cell:nth-last-child(-n+3){border-bottom:0}.switch-cell:not(:nth-child(3n+1)){border-left:1px solid var(--sw-line)}
.switch-cell.switch-label{color:var(--sw-muted);background:#fbfcfa;font-size:13px;font-weight:900}.switch-cell.switch-old{color:#78847f;font-weight:700}.switch-cell.switch-new{color:var(--sw-green);background:#f1fbf6;font-size:18px;font-weight:900}
.switch-cell.switch-new:before{content:"✓";display:grid;flex:0 0 28px;height:28px;margin-right:12px;place-items:center;border-radius:50%;color:#fff;background:var(--sw-green-2);font-size:13px}.switch-cell.switch-heading{min-height:78px;font-size:15px;font-weight:900}
.switch-cell.switch-heading.switch-new{color:#fff;background:var(--sw-green);font-size:17px}.switch-cell.switch-heading.switch-new:before{display:none}
.switch-benefits{display:grid;margin-top:50px;grid-template-columns:1.15fr .85fr;gap:22px}.switch-benefit-main{position:relative;min-height:500px;overflow:hidden;padding:54px;border-radius:22px;color:#fff;background:var(--sw-green)}
.switch-benefit-main h3{max-width:460px;margin:0;font-size:36px;line-height:1.35}.switch-benefit-main>p{max-width:480px;color:#d5e8e2;font-weight:600}.switch-benefit-main ul{display:grid;gap:14px;margin:32px 270px 0 0;padding:0;list-style:none}
.switch-benefit-main li{font-weight:800}.switch-benefit-main li:before{content:"→";margin-right:10px;color:var(--sw-lime)}
.switch-phone{position:absolute;right:38px;bottom:36px;width:270px;margin:0;overflow:hidden;border:7px solid rgba(255,255,255,.92);border-radius:24px;background:#fff;box-shadow:0 30px 55px rgba(0,0,0,.28);transform:rotate(2deg)}
.switch-phone img{display:block;width:100%;aspect-ratio:1.66/1;object-fit:cover}.switch-phone figcaption{padding:12px;color:var(--sw-ink);text-align:center;font-size:12px;font-weight:900}
.switch-benefit-side{display:grid;gap:22px}.switch-benefit-side article{padding:34px;border:1px solid var(--sw-line);border-radius:22px;background:#fff}.switch-benefit-side span{color:var(--sw-green-2);font-size:11px;font-weight:900;letter-spacing:.16em}
.switch-benefit-side h3{margin:9px 0 8px;font-size:24px}.switch-benefit-side p{margin:0;color:var(--sw-muted);font-size:14px;font-weight:600}
.switch-steps{background:var(--sw-cream)}.switch-steps-grid{display:grid;margin-top:52px;grid-template-columns:repeat(3,1fr);gap:18px}.switch-steps-grid article{position:relative;padding:34px;border:1px solid #ded8ca;border-radius:20px;background:#fff}
.switch-steps-grid article:not(:last-child):after{content:"→";position:absolute;z-index:2;right:-22px;top:58px;display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--sw-line);border-radius:50%;color:var(--sw-green);background:#fff;font-weight:900}
.switch-step-top{display:flex;align-items:center;justify-content:space-between}.switch-step-no{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;color:#fff;background:var(--sw-green);font-weight:900}.switch-step-time{padding:5px 9px;border-radius:999px;color:var(--sw-green);background:var(--sw-mint);font-size:11px;font-weight:900}
.switch-steps-grid h3{margin:24px 0 10px;font-size:25px}.switch-steps-grid p{margin:0;color:var(--sw-muted);font-size:14px;font-weight:600}
.switch-payment{display:grid;margin-top:38px;padding:52px;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;border-radius:22px;color:#fff;background:var(--sw-green)}.switch-payment .switch-eyebrow{color:var(--sw-lime)}.switch-payment h3{margin:0;font-size:32px;line-height:1.4}.switch-payment p{margin:14px 0 0;color:#d7e7e2;font-weight:600}
.switch-flow{display:grid;grid-template-columns:1fr 36px 1fr;align-items:center}.switch-flow>div{padding:24px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.08)}.switch-flow span,.switch-flow strong{display:block}.switch-flow span{color:#b9d3cb;font-size:11px;font-weight:900}.switch-flow strong{margin-top:5px;font-size:17px}.switch-flow>b{text-align:center}
.switch-faq{background:#fff}.switch-faq-wrap{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.switch-faq-side p:not(.switch-eyebrow){color:var(--sw-muted);font-weight:600}.switch-faq-list{border-top:1px solid var(--sw-line)}
.switch-faq details{border-bottom:1px solid var(--sw-line)}.switch-faq summary{display:flex;min-height:84px;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:17px;font-weight:800;list-style:none}.switch-faq summary::-webkit-details-marker{display:none}.switch-faq summary:after{content:"＋";color:var(--sw-green-2);font-size:25px}.switch-faq details[open] summary:after{content:"−"}.switch-faq details p{margin:0;padding:0 40px 28px 0;color:var(--sw-muted);font-weight:600}
.switch-final{padding:96px 0;color:#fff;background:var(--sw-green)}.switch-final-inner{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center}.switch-final .switch-eyebrow{color:var(--sw-lime)}.switch-final h2{font-size:clamp(36px,5vw,62px)}.switch-final p{margin:14px 0 0;color:#d2e7e1;font-weight:600}.switch-final-actions{display:grid;gap:10px;text-align:center}.switch-final-actions small{color:#c9ded8;font-weight:700}
@media(max-width:850px){
  .switch-hero:before{background:linear-gradient(0deg,#064a3c 0 58%,rgba(6,74,60,.2) 78%)}.switch-hero:after{inset:0 0 45% 0;background:linear-gradient(0deg,#064a3c,transparent 45%),url("/assets/img/info-item1_2x.webp") center/cover}
  .switch-hero-inner{display:block;min-height:840px;padding-top:300px}.switch-hero-copy{padding:52px 0 58px}.switch-page h1{font-size:clamp(39px,11vw,60px)}.switch-lead{font-size:15px}.switch-hero-features{gap:7px}.switch-hero-features li{padding:8px 10px}.switch-offer-banner{width:100%}
  .switch-money{padding:64px 0 72px}.switch-money-head{display:block}.switch-money-head>p{margin-top:18px}.switch-money-grid{grid-template-columns:1fr;gap:14px}.switch-money-card{padding:28px 24px}.switch-money-card strong{font-size:clamp(52px,15vw,68px)}.switch-money-card strong.is-text{font-size:clamp(28px,8vw,36px)}
  .switch-actions .switch-btn-primary{display:none}.switch-actions .switch-btn-outline{width:100%}
  .switch-section{padding:84px 0}.switch-system-intro{display:block}.switch-system-intro .switch-eyebrow{margin-bottom:12px}.switch-system-intro>p:last-child{margin-top:18px}.switch-system-grid{grid-template-columns:1fr 1fr}.switch-system-grid article{min-height:260px}.switch-split-head,.switch-final-inner{display:block}.switch-split-head>p{margin-top:18px}.switch-compare-table{grid-template-columns:94px 1fr 1.15fr}.switch-cell{min-height:106px;padding:16px 12px;font-size:13px}.switch-cell.switch-new{font-size:14px}.switch-cell.switch-new:before{display:none}
  .switch-benefits,.switch-payment,.switch-faq-wrap{grid-template-columns:1fr}.switch-benefit-main{min-height:0;padding:34px}.switch-phone{position:relative;right:auto;bottom:auto;width:100%;margin-top:30px;transform:none}.switch-benefit-main ul{margin-right:0}.switch-steps-grid{grid-template-columns:1fr}.switch-steps-grid article:not(:last-child):after{right:30px;top:auto;bottom:-31px;transform:rotate(90deg)}
  .switch-payment{padding:34px 25px}.switch-flow{margin-top:4px}.switch-faq-wrap{gap:45px}.switch-final-actions{margin-top:28px}
}
@media(max-width:480px){
  .switch-wrap{width:min(100% - 28px,1160px)}.switch-topbar{font-size:10px}.switch-hero-inner{padding-top:250px}
  .switch-system-grid{grid-template-columns:1fr}.switch-system-grid article{min-height:0}.switch-hero-features strong{font-size:11px}.switch-offer-banner strong{font-size:15px}
  .switch-compare-table{grid-template-columns:76px 1fr 1.15fr}.switch-cell{padding:12px 8px;font-size:11px}.switch-cell.switch-new{font-size:12px}.switch-cell.switch-heading{font-size:11px}.switch-cell.switch-heading.switch-new{font-size:13px}
  .switch-benefit-main h3{font-size:30px}.switch-steps-grid article{padding:28px 24px}.switch-flow{grid-template-columns:1fr}.switch-flow>b{padding:6px;transform:rotate(90deg)}.switch-payment h3{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.switch-btn{transition:none}}