/* v2: 条件の索引、長文の段落、節ごとの紙面。 */
body{text-spacing-trim:trim-start;word-break:keep-all;line-break:strict;font-family:"Yu Gothic","Meiryo",sans-serif}
.keep{white-space:nowrap}
.copy-block{display:block}
.copy-block+.copy-block{margin-top:1em}
.lead .copy-block+.copy-block{margin-top:1.05em}
.text-anchor{font-family:inherit;font-size:1em;line-height:inherit;font-weight:700;color:var(--ink)}
.cond{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;padding:10px 28px 14px;background:#f3f8f4;border-top:2px solid var(--main);line-height:1.95;font-size:16px;color:var(--ink);word-break:keep-all}
.cond .ln{display:contents}
.cond .ln+.ln{border:0;padding:0}
.cond .clause{display:block;margin:0;padding:20px 0;border-bottom:1px solid #c5d9cb;min-width:0}
.cond .clause:last-child{margin:0}
.cond .condition-label{font:700 16px/1.9 "Yu Gothic","Meiryo",sans-serif;color:var(--main-deep);background:#e1eee4;border:1px solid #b0cdbb;border-radius:3px;padding:2px 5px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.cond .condition-emphasis{font-family:inherit;font-size:16px;line-height:1.95;font-weight:700;color:var(--main-deep)}
.cond .ln:last-child .clause:nth-last-child(-n+2){border-bottom:0}
.process{background:#f6f8f3;position:relative;border-block:1px solid #d2dfd0}
.process>.wrap{padding-top:40px}
.process h2{padding-bottom:22px;border-bottom:2px solid var(--main);margin-bottom:0}
.steps.four{column-gap:44px;row-gap:12px}
.step,.step.free{padding:32px 0 24px;border-top:1px solid #b7cdbd}
.step:first-child,.step:nth-child(2){border-top:0}
.step .no{border-bottom:3px solid var(--acc);width:52px;height:58px;margin-bottom:16px;font-size:38px}
.step h3{margin-bottom:20px}
.step p{color:var(--ink);line-height:1.95}
.step .copy-block+.copy-block{padding-top:16px;margin-top:16px;border-top:1px solid #d7e2d6}
.step:nth-child(2) .copy-block:nth-last-child(-n+2){border-left:2px solid #bdaa7c;padding-left:14px}
.pl{color:var(--ink);margin-top:16px}
.mid{margin-top:28px;padding-top:26px;border-top:1px solid #bfd1c4}
.questions{position:relative;background:linear-gradient(90deg,#f4f7ef 0,#f4f7ef calc((100% - 1096px)/2 + 8px),#fff calc((100% - 1096px)/2 + 8px))}
.questions h2{padding-bottom:24px;border-bottom:2px solid var(--main);margin-bottom:0}
.qa{margin-top:0}
.qa li,.qa li.main{padding:30px 0;background:none}
.qa>li:first-child{border-top:0}
.qa>li>b{align-self:start;font-size:20px;line-height:1.6;color:var(--main-deep);padding-top:1px}
.qa>li>.a{margin-top:0;min-width:0;color:var(--ink)}
.qa .p:first-child{margin-top:0}
.qa .p+.p{margin-top:20px}
.qa b.k,.qa li.main b.k{font-family:inherit;font-size:17px;line-height:1.95;font-weight:600;color:var(--ink)}
.qa .p>b.k+span{display:block;margin-top:10px}
.qa .source-attached>b.k,.qa .source-attached>b.k+span{display:inline;margin-top:0}
.qa span.a{line-height:1.95}
.qa li.main b{font-size:20px}
.conditions{background:#fbfcfa}
.terms{border-top:2px solid var(--main);padding-top:32px}
.terms>.label{background:#fbfcfa}
.trow,.trow.key{padding:26px 22px;column-gap:30px;border-top:1px solid #c2d5c7}
.trow.key{background:#eef5ee}
.trow dt{font-size:17px;line-height:1.85;border-left:3px solid #b3caba;padding-left:12px;align-self:start}
.trow dd .c{font-size:18px;line-height:1.85}
.trow dd small{color:var(--ink);line-height:1.95;margin-top:16px}
.trow dd small .copy-block+.copy-block{margin-top:14px}
.final{padding-top:28px;border-top:1px solid #bfd1c4}
.final .cta{margin-top:0}
.final .cond{font-size:16px}
.ba{column-gap:44px;position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ba-arrow{position:absolute;left:calc(50% - 14px);top:260px;background:#fff}
.ba-card{padding:28px 30px}
.ba-tag{font-size:19px;line-height:1.8;text-wrap:balance;min-height:70px}
.ba-card .checks li{align-items:flex-start}
.checks li::before{margin-top:.85em}
.ticks li::before{margin-top:.4em}
.cap{font-size:14px;line-height:1.85;text-wrap:balance;max-width:34em;margin:16px auto 0}
.hero-art{position:relative;isolation:isolate;background:none}
.hero-art::before{content:"";position:absolute;inset:0 0 70px;z-index:-1;background:url('assets/frame-desktop.png') center 16px/100% auto no-repeat;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent),linear-gradient(to bottom,#000 85%,transparent);mask-composite:intersect}
.hero-art .cap{background:transparent;padding-top:8px}
.balanced{text-wrap:balance}
@media(min-width:860px){.qa li{grid-template-columns:14em minmax(0,1fr);column-gap:44px}.qa>li>.a{padding-top:0}.qa>li>b{font-size:20px;line-height:1.56}}
@media(max-width:859px){
 .process>.wrap{padding-top:32px}
 .step:nth-child(2){border-top:1px solid #b7cdbd}
 .step,.step.free{padding:28px 0}
 .step .no{height:50px;font-size:34px}
 .questions{background:#fff;border-left:6px solid #e4eddf}
 .questions .wrap{padding-left:18px}
 .qa>li>b{margin-bottom:16px}
 .qa>li>.a{margin-top:0}
 .qa .p+.p{margin-top:18px}
 .cond{grid-template-columns:1fr;padding:0 20px 4px;gap:0}
 .cond .clause{padding:20px 0}
 .cond .ln:last-child .clause:nth-last-child(2){border-bottom:1px solid #c5d9cb}
 .hero-art::before{background-image:url('assets/frame-mobile.png');background-position:center top}
 .ba{display:grid;grid-template-columns:1fr;gap:0}
 .ba-arrow{position:static;padding:22px 0;background:none}
 .ba-card{padding:24px}
 .ba-tag{min-height:0;font-size:19px}
 .trow,.trow.key{padding:24px 18px;gap:12px}
 .trow dt{font-size:18px}
 .final{padding-top:24px}
}
@media(max-width:419px){
 .cond{padding-inline:16px}
 .qa li.main b,.qa>li>b{font-size:20px}
 .qa b.k,.qa li.main b.k{font-size:17px}
 h2{font-size:26px}
 .conditions h2{max-width:12em}
 .trow,.trow.key{padding:24px 14px}
 .cap{font-size:14px}
 .ba-card{padding:24px 18px}
 .questions .wrap{padding-left:12px}
}
