body{word-break:normal;line-break:strict;overflow-wrap:anywhere;text-wrap:pretty}
.unit,.heading-tail{white-space:nowrap}
.price-token,.amount{white-space:nowrap}
.particle{font:400 16px/1.9 "Hiragino Sans","Yu Gothic UI","Meiryo",sans-serif;color:var(--ink)}
strong{font-weight:700;color:var(--ink)}
.hero{padding-bottom:48px;background:#eef8fe}
.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);column-gap:44px;row-gap:0;padding-top:28px}
.hero-copy{display:contents}
.hero-grid .eyebrow{grid-column:1;grid-row:1;margin-top:0}
.hero-grid h1{grid-column:1;grid-row:2;margin:16px 0 20px;font-size:clamp(38px,4.4vw,60px)}
.hero-grid .lead{grid-column:1;grid-row:3;font-size:17px;line-height:1.85}
.lead .para+.para{margin-top:12px}
.hero-grid .cta{grid-column:1;grid-row:4;align-self:start;margin-top:24px;margin-bottom:0}
.hero-art{grid-column:2;grid-row:1 / 5;align-self:center;padding:0;min-width:0;width:100%;max-width:420px;margin-left:auto}
.hero-stage{padding:16px 18px 10px}
.hero-illustration{max-height:480px;object-fit:contain}
.hero-grid .cond{grid-column:1 / -1;grid-row:5;margin-top:34px}
.hero-art .cap{margin-top:10px}
.cond{background:#fff;border-top:3px solid var(--main);padding:22px 24px 18px;font-size:16px;line-height:1.9}
.cost-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.cost-unit{padding:2px 22px 14px 0;min-width:0}
.cost-unit+.cost-unit{border-left:1px solid #bdd4e2;padding-left:22px}
.cost-unit strong{display:block;font:900 22px/1.65 var(--round);color:var(--main-deep);margin:3px 0 8px}
.contract-note{margin-top:12px;padding:16px 18px;background:#eaf6fd;border-left:3px solid var(--main)}
.shipping-note{padding:14px 0 16px}
.return-panel{padding:16px 18px;background:#fff4f6;border-top:1px solid #eccbd4}
.return-title{display:block;font-weight:700;margin-bottom:12px}
.source-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
.return-source{display:block;min-width:0}
.return-source+.return-source{border-left:1px solid #e6c7d0;padding-left:24px}
.return-unknown{display:block;margin-top:16px;padding-top:14px;border-top:1px solid #e6c7d0}
.cond a{margin-top:10px}
.final .cond{max-width:none}
.final .cond a{justify-content:flex-start}
.mid{background:#eef8fe;padding:30px 28px;margin-top:42px;border-top:0;border-bottom:1px solid var(--line)}
.mid .cond{margin-top:24px}
.para{display:block}
.para+.para{margin-top:18px}
.step p,.qa .a,.trow small{color:var(--ink)}
.step .no{font-size:40px}
.step p{margin-top:18px;line-height:1.95}
.step.free{background:#edf7fd;border-left:3px solid var(--main)}
.step.free strong{display:inline;font-weight:700}
.qa h3{font:900 19px/1.65 var(--round);margin:0}
.qa .main h3{font-size:21px}
.qa li{padding-block:30px;gap:36px}
.qa .a{line-height:1.95}
.qa .a>.para+.para{margin-top:18px}
.plans dl{grid-template-columns:5em minmax(0,1fr);gap:14px 16px}
.plans dt{white-space:normal}
.plans li{background:transparent;border-top:3px solid var(--main);border-bottom:1px solid #b9d5e8}
.plans .name{margin-bottom:22px}
.plans .yen{font-size:26px}
.plans dd{line-break:strict}
.incl{padding:24px 26px;margin-top:34px}
.incl b{margin-bottom:14px}
.sub{font-size:24px;max-width:32em;margin-top:42px}
.section-pricing .sub+.pl{margin-top:18px;max-width:80ch}
.section-pricing .sub+.pl .para{padding-left:16px;border-left:2px solid #bfdbea}
.section-pricing .sub+.pl .para:last-child{border-left-color:var(--main)}
.trow{padding:26px 22px;gap:28px}
.trow.key{background:#eef7fc}
.trow:nth-child(3){background:#fff4f6}
.trow dd small{margin-top:16px}
.trow small .para+.para{margin-top:14px}
section{position:relative;isolation:isolate}
section>.wrap{position:relative;z-index:1}
.section-comparison{padding-top:72px;padding-bottom:50px}
.section-comparison::before,.section-steps::before,.section-qa::before,.section-pricing::before,#terms::before{content:"";position:absolute;z-index:0;pointer-events:none;width:170px;height:140px;right:max(0px,calc((100% - 1120px)/2));top:0;background:url("assets/frame-mobile.png") right top/170px 255px no-repeat;opacity:.52}
.section-steps{padding-top:56px!important;padding-bottom:46px;background:#fcfeff;border-top:1px solid var(--line)}
.section-steps::before{right:auto;left:max(0px,calc((100% - 1120px)/2));width:130px;opacity:.25}
.section-steps>.wrap>.label{margin-left:30px}
.section-steps h2{position:relative}
.section-qa{padding-top:68px!important;padding-bottom:62px}
.section-qa::before{width:200px;background-size:200px 300px;opacity:.4}
.section-pricing{padding-top:60px!important;padding-bottom:58px!important;margin-bottom:44px;background:#f4faff}
.section-pricing::before{width:190px;background-size:190px 285px;opacity:.42}
#terms{padding-top:44px!important;padding-bottom:22px}
#terms::before{width:130px;opacity:.3}
.terms{padding-top:32px}
.terms .sum{max-width:80ch;color:var(--ink)}
@media(min-width:860px){.hero-grid .lead .para{max-width:36em}.step .para{max-width:40em}}
@media(max-width:859px){
.hero-grid{grid-template-columns:minmax(0,.56fr) minmax(0,.44fr);column-gap:10px;padding-top:24px;align-items:center}
.hero-grid .eyebrow{grid-column:1 / -1;grid-row:1;margin-bottom:16px;font-size:13px}
.hero-grid h1{grid-column:1;grid-row:2;align-self:center;font-size:clamp(25px,7.2vw,44px);line-height:1.4;letter-spacing:0;margin:0}
.hero-grid h1>span{white-space:nowrap}
.hero-art{grid-column:2;grid-row:2;align-self:center;max-width:300px;margin:0}
.hero-stage{background-image:url("assets/frame-mobile.png");padding:6px 6px 2px}
.hero-illustration{max-height:340px}
.hero-art .cap{font-size:12px;line-height:1.65;margin-top:8px}
.hero-grid .lead{grid-column:1 / -1;grid-row:3;font-size:16px;line-height:1.9;margin-top:22px}
.hero-grid .cta{grid-column:1 / -1;grid-row:4;max-width:none;margin-top:24px}
.hero-grid .cond{grid-row:5;margin-top:26px}
.hero{padding-bottom:34px}
.cond{padding:18px 18px 14px}
.cost-row{grid-template-columns:1fr}
.cost-unit,.cost-unit+.cost-unit{padding:0 0 18px;border-left:0}
.cost-unit+.cost-unit{border-top:1px solid #bdd4e2;padding-top:18px}
.cost-unit strong{font-size:21px;line-height:1.7;margin-top:2px}
.contract-note{margin-top:0;padding:14px 12px}
.shipping-note{padding:16px 0}
.return-panel{padding:16px 12px}
.source-row{grid-template-columns:1fr;gap:18px}
.return-source+.return-source{border-left:0;border-top:1px solid #e6c7d0;padding:16px 0 0}
.return-unknown{margin-top:18px}
section::before{max-width:110px!important;opacity:.25!important}
.section-comparison{padding:46px 0 32px}
.section-steps{padding-top:40px!important;padding-bottom:34px}
.section-steps>.wrap>.label{margin-left:0}
.steps{gap:32px}
.step.free{padding:22px 18px}
.mid{padding:26px 14px;margin-top:34px}
.mid .cond{padding-inline:16px}
.section-qa{padding-top:48px!important;padding-bottom:42px}
.qa li{gap:14px;padding-block:26px}
.qa li.main{padding:24px 18px}
.section-pricing{padding-top:42px!important;padding-bottom:40px!important;margin-bottom:20px}
.plans dl{grid-template-columns:5em minmax(0,1fr);column-gap:16px}
.plans{gap:24px}
.plans .name{margin-bottom:20px}
.sub{font-size:22px;line-height:1.6;margin-top:34px}
.section-pricing .sub+.pl .para{padding-left:12px}
.incl{padding:22px 18px}
#terms{padding-top:28px!important}
.terms{padding-top:26px}
.trow{padding:24px 16px;gap:12px}
.trow dt{font:900 18px/1.6 var(--round)}
.trow dd small{margin-top:16px}
.final{margin-top:28px}
}
@media(max-width:359px){
.wrap{padding-inline:18px}
.hero-grid h1{font-size:25px}
.hero-art .cap{line-height:1.6}
.cond{padding-inline:12px}
.mid{padding-inline:10px}
.mid .cond{padding-inline:12px}
.cost-unit strong{font-size:20px}
.trow{padding-inline:12px}
.plans dl{grid-template-columns:5em minmax(0,1fr);column-gap:12px}
}