/* ⑤ v4：水彩の紙面、比較と条件の階層。 */
.hero-art { border-color:#afc5b4; border-top-color:#b7791f; }
.hero-art .cap { line-height:1.9; }
.ba-card { border-radius:0; }
.ba-card.before { border:0; border-top:3px solid #a5b0a8; }
.ba-card.after { border:0; border-top:3px solid var(--main); }
.ba-tag { padding-bottom:16px; }
.ba-card .art { margin-top:24px; margin-bottom:24px; }
.ba-note { max-width:56em; }
.ba-note .inline-cost-link { display:inline-flex; align-items:center; min-height:44px; text-underline-offset:5px; }
.qa li.main { border-left:0; border-top:3px solid var(--main); }
.section-terms .terms { padding-top:32px; }
.terms .sum { margin-bottom:30px; }
.trow.key { background:#f0f6ed; }
.trow dt { line-height:1.85; }
.trow small .d { border-top-style:dashed; }
.cond a { text-decoration-thickness:1px; }
@media(min-width:860px) {
 .ba-card { padding:28px 28px 22px; }
 .hero-art { margin-top:100px; }
 .section-compare { padding-top:72px; }
 .section-terms .trow { grid-template-columns:8em minmax(0,1fr); column-gap:32px; }
}
@media(max-width:859px) {
 .hero::before { display:block; inset:120px -8px auto 0; height:620px; background:url('assets/paper-mobile.png') right top/100% 100% no-repeat; opacity:.58; mask-image:linear-gradient(#000 0%,#000 85%,transparent 100%); }
 .heading-scene { position:relative; margin-bottom:24px; }
 .ba-card { padding:22px 18px 16px; }
 .ba-card .art { margin:20px auto; }
 .qa li.main { padding:24px 20px; }
 .terms .sum { margin-bottom:26px; }
 .trow.key { padding-left:12px; padding-right:12px; }
 .trow dd small { margin-top:14px; }
 .trow small .d { margin-top:22px; padding-top:18px; }
}
@media(max-width:359px) {
 .hero::before { top:142px; height:560px; }
 .qa li.main { padding-left:16px; padding-right:16px; }
 .trow.key { padding-left:10px; padding-right:10px; }
}