/* 章の紙面と、本文・条件・出典の階層 */
:root{--quiet:#f1f4ec;--fine:#d5ded1}
body{word-break:normal;overflow-wrap:anywhere;line-break:strict}
.phrase{white-space:nowrap}
.focus{font-weight:700;color:var(--main-deep)}
.source .phrase{white-space:nowrap}
.section-heading{position:relative;isolation:isolate;min-height:162px;display:flex;flex-direction:column;justify-content:center;padding:22px 28px 24px 0;margin:0 0 28px;border-bottom:1px solid var(--line)}
.section-heading:before{content:'';position:absolute;z-index:-1;inset:0 0 0 55%;background:url('assets/section-frame.png') right center/auto 320px no-repeat;opacity:.8;mask-image:linear-gradient(90deg,transparent,#000 22%)}
.section-heading h2{margin:0;max-width:85%}
.section-heading .label{border-left:0;padding-left:0;color:var(--main);margin-bottom:12px}
.section-heading .label:before{content:'';display:inline-block;width:25px;height:3px;background:var(--amber);vertical-align:middle;margin-right:12px}
.daily{position:relative;background:linear-gradient(180deg,#fffefa 65%,#f7f8f2)}
.daily .section-heading{border-bottom:0}
.ba-card{border-top:0;position:relative;padding-top:30px}
.ba-card.before{border-top:1px solid #c7d0c4;background:#f5f4ee}
.ba-card.after{border-top:3px solid var(--main);background:#eef4eb}
.ba-tag{text-align:left;padding-left:12px;border-left:2px solid var(--amber)}
.ba-card.after .ba-tag{border-color:var(--main)}
.rates{background:#f7f7ef}
.rates .section-heading:before{opacity:.65;background-position:right 45%}
.rates .wrap>p.pl{max-width:820px}
.rates .wrap>p.pl+.pl{padding-top:20px;margin-top:20px;border-top:1px solid var(--fine)}
.rates .wrap>p.pl>.sentence+.sentence{margin-top:12px}
.rates .wrap>p.pl strong{color:var(--main-deep)}
.plans{margin-bottom:22px}
.plans>li{padding-bottom:18px}
.plans .name{margin-bottom:14px}
.kind-line{margin-top:7px}
.plans .plan-kind{margin:0;padding:2px 10px 2px 7px}
.plans dt:nth-of-type(3){margin-top:12px}
.plans dd:nth-of-type(3){line-height:1.8}
.plans .plan-source{margin-top:10px;padding-top:9px;line-height:1.8}
.incl{margin-top:36px;border:0;border-top:3px solid var(--main);padding:30px 28px;background:var(--paper);position:relative}
.incl>b{padding-bottom:16px;border-bottom:1px solid var(--line);font-size:24px}
.incl>span{max-width:820px}
.fees dt{background:none;border-left:0;border-bottom:1px solid #9db6a2;padding:12px 0;color:var(--main-deep);margin-top:32px}
.fees dt .heading-title{font-size:20px}
.fees dt .heading-scope{margin-top:3px}
.fees dd{padding:14px 0 0}
.fees dd>span{font-size:17px;line-height:1.9}
.fees dd>small{padding-left:16px;border-left:2px solid var(--fine);margin-top:16px}
.fees dd>small.source{padding-left:0;border:0;margin-top:12px}
.fees .source{font-size:14px}
.fees .sentence+.sentence{margin-top:12px}
.fees .fee-detail{margin-top:14px}
.fees .fee-detail .sentence{font-size:16px}
.types{background:#fffefa}
.types .section-heading{border-bottom:2px solid var(--main);padding-left:24px;background:#f1f5ed}
.types .section-heading:before{background-size:auto 350px;opacity:.65}
.step h3{display:flex;flex-direction:column;justify-content:center;padding:18px 16px;border-left:0;border-top:3px solid var(--main);background:#f1f5ed;line-height:1.65}
.step-title{display:block;font-size:21px;line-height:1.65}
.step-scope{display:block;font-size:16px;line-height:1.85;font-weight:400;margin-top:6px}
.step p{font-size:16px;line-height:1.95}
.step p+p{border-top:1px solid var(--line);padding-top:18px;margin-top:22px}
.step:nth-child(n+2) p:nth-of-type(2){padding:18px 16px;background:#f1f5ed;border-top:2px solid #b0c6b2}
.step .sentence+.sentence{margin-top:14px}
.conditions{background:#edf2e8}
.terms{border-top:3px solid var(--main);padding:36px}
.terms .section-heading{margin:0 -8px 24px;padding-left:8px;border-bottom:0}
.terms .section-heading h2{max-width:90%}
.terms .section-heading:before{background-size:auto 340px;opacity:.65}
.trow dt,.trow.key dt{background:none;border:0;padding:8px 0 0;font:700 18px/1.8 var(--round);color:var(--main-deep)}
.trow dt:before{content:'';display:block;width:24px;height:3px;background:#a0b8a2;margin-bottom:12px}
.trow:nth-child(5) dt:before{background:var(--amber)}
.trow dd>.c{font-weight:400;padding:0}
.trow dd>.c+.c{margin-top:18px}
.trow dd>.c .sentence{line-height:1.95}
.trow .detail{border-top:1px solid var(--fine);padding-top:18px;margin-top:20px}
.trow .detail .sentence{font-size:16px}
.trow:nth-child(5) dd>.c{padding:0 0 16px;border-bottom:1px solid var(--fine)}
.trow:nth-child(5) dd>.c:nth-child(4){border-left:3px solid var(--main);border-bottom:0;background:#f0f5ed;padding:16px 18px}
.trow:nth-child(5) dd>.c:nth-child(4) strong:last-of-type{font-size:20px}
.cond>.condition-context{padding-top:22px}
.cond>.condition-source{border:0;border-top:1px solid var(--line);margin-top:22px;padding:16px 0 6px;font-size:14px;color:var(--sub)}
.cond>.condition-source .sentence{font-size:14px}
.cond>.condition-group{background:none;border:0;border-top:1px solid var(--line);padding:20px 0 4px;margin-top:16px}
.cond>.condition-group:nth-of-type(4){border-top:2px solid #9bb39c}
.cond>.condition-group:nth-of-type(5),.cond>.condition-group:nth-of-type(6){background:#f0f4eb;padding:20px 20px 18px;border-top:1px solid #b5c6b3}
.cond>.condition-group .focus{color:var(--main-deep)}
.cond>.condition-group .sentence+.sentence{margin-top:12px}
.cond>.condition-group:nth-last-child(2){border-top:1px solid #b5c6b3}
.cond .source{font-weight:400;font-size:14px;color:var(--sub)}
.cond .mbox .rate-source{margin-top:7px}
.cond>.condition-link{margin-top:16px}
.art-stage:before{inset:0;background-size:auto 100%;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse 50% 48% at 50% 50%,#000 56%,transparent 100%);mask-composite:add}
.hero-art .cap{font-size:12px;line-height:1.8;max-width:390px;margin-left:auto;margin-right:auto}
@media(min-width:1101px){.step h3{height:176px;min-height:0;margin-bottom:22px}.steps{gap:28px}}
@media(max-width:859px){
 .section-heading{min-height:166px;padding:20px 0;margin-bottom:24px}
 .section-heading h2{max-width:100%;position:relative;z-index:1}
 .section-heading:before{inset:0 0 0 53%;opacity:.4;background-size:auto 270px}
 .section-heading .label{font-size:13px}
 .ba-tag{padding-left:10px}
 .plans>li:nth-child(n){padding-bottom:16px}
 .plans .name{margin-bottom:16px}
 .plans dt:nth-of-type(3){margin-top:0;padding-top:10px}
 .plans dl{row-gap:10px}
 .plans .plan-source{padding-top:9px;margin-top:10px}
 .rates .wrap>p.pl+.pl{margin-top:20px;padding-top:18px}
 .incl{padding:26px 18px}
 .incl>b{font-size:21px}
 .fees dd>span{font-size:16px}
 .fees dd>small{padding-left:12px}
 .fees dt{font-size:18px}
 .fees dt .heading-title{font-size:19px}
 .types .section-heading{padding-left:16px}
 .step h3{height:auto;min-height:0;padding:18px 16px}
 .step-title{font-size:21px}
 .step-scope{font-size:16px}
 .terms{padding:26px 20px}
 .terms .section-heading{margin:0 0 22px;padding-left:0}
 .terms .section-heading h2{max-width:100%}
 .trow dt,.trow.key dt{padding:0;font-size:18px}
 .trow dt:before{margin-bottom:10px}
 .trow:nth-child(5) dd>.c:nth-child(4){padding:16px}
 .cond>.condition-group{padding:18px 0 4px}
 .cond>.condition-group:nth-of-type(5),.cond>.condition-group:nth-of-type(6){padding:18px 16px}
 .cond>.condition-source{margin-top:22px;padding-top:16px}
 .art-stage:before{background-size:contain;mask-image:radial-gradient(ellipse 56% 48% at 50% 50%,#000 55%,transparent 100%)}
}
@media(max-width:359px){
 .section-heading h2{font-size:23px;line-height:1.6}
 .section-heading:before{opacity:.28}
 .types .section-heading{padding-left:12px}
 .terms{padding:24px 14px}
 .terms .section-heading h2{font-size:22px}
 .incl{padding:24px 16px}
 .step h3{padding:16px 14px}
 .step-title{font-size:20px}
 .cond>.condition-group:nth-of-type(5),.cond>.condition-group:nth-of-type(6){padding:18px 14px}
}

.section-heading h2>span{display:block}
p,.sentence,.plans small{text-wrap:pretty}

.types .section-heading h2>span{display:inline}
@media(max-width:859px){.art-stage{aspect-ratio:1/1}}

.fees .source{display:block;margin-top:12px}