/* 2026-09-29：カード・札・丸いボタンの作りは「AIっぽい」と言われたので、LP の下の節と同じ誌面の作りに戻す。
   sub.css のあとに読む。部品の名前はそのまま、見た目だけを上書きする */
body{font-size:15px;letter-spacing:.04em}
.card{background:none;border:0;border-radius:0;padding:0}
.chip{background:none;padding:0;min-height:0;border-radius:0;color:var(--ink-3);font-size:12px;letter-spacing:.32em;margin-bottom:22px}
.h1{letter-spacing:.1em;line-height:1.55;font-size:clamp(30px, 3.2vw, 48px)}
.h2{letter-spacing:.1em;line-height:1.6}
.h3{font-family:var(--mincho);font-weight:500;font-size:17px;letter-spacing:.08em}
.lead{letter-spacing:.05em;line-height:2.1}
.top-ph{border-radius:20px;aspect-ratio:4/5}
@media (max-width:900px){.top-ph{aspect-ratio:3/2}}
.toc{gap:4px 24px;margin-top:32px}
.toc a{min-width:44px;justify-content:center}
.toc a{background:none;border:0;border-radius:0;padding:0;min-height:44px;font-size:13px;letter-spacing:.08em;color:var(--ink-2);background:linear-gradient(currentColor,currentColor) 0 calc(100% - 11px)/100% 1px no-repeat}
.toc a:hover{background-color:transparent;color:var(--ink)}
.pill{border-radius:6px;min-height:48px;font-size:14px;letter-spacing:.1em}
@media (hover:hover){.pill:hover{box-shadow:none}}

/* 印つきの並び：番号の2列 */
.grid2{counter-reset:g;gap:30px 48px;margin-top:32px}
.grid2 li{counter-increment:g;display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px}
.grid2 .ok{display:none}
.grid2 li::before{content:counter(g, decimal-leading-zero);font-family:var(--mincho);font-size:24px;line-height:1.2;color:#857c6e}
.grid2 b{font-family:var(--mincho);font-weight:500;font-size:16px;letter-spacing:.08em;line-height:1.7}
.grid2 span:not(.ok){font-size:13.5px;letter-spacing:.04em;color:var(--ink-3)}

/* 段：大きな番号と細い線 */
.steps{gap:0;margin-top:32px;border-top:1px solid var(--line)}
.steps > li{grid-template-columns:72px minmax(0,1fr);gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}
.steps > li::before{content:counter(s, decimal-leading-zero);display:block;width:auto;height:auto;border-radius:0;background:none;color:#857c6e;font-family:var(--mincho);font-weight:400;font-size:30px;line-height:1.2}
.steps > li:not(:last-child)::after{display:none}
.steps .card p{font-size:14px;letter-spacing:.04em}
.see{gap:0 32px;margin-top:16px}
.see div,.see div + div{background:none;border-radius:0;padding:10px 0 0;border-top:1px solid var(--line);font-size:13.5px}
.see b,.see div + div b{color:var(--ink-3);font-weight:500;letter-spacing:.14em}
@media (max-width:720px){.steps > li{grid-template-columns:48px minmax(0,1fr);gap:14px}.steps > li::before{font-size:24px}}

/* 2つの比べ */
.pair{gap:48px;margin-top:32px}
.pair .card{border-top:1px solid var(--line);padding-top:20px}
.pair .card.dark{background:none;color:inherit}

/* 料金：角のない暗い帯 */
.price{border-radius:24px;padding:40px 44px}
.price .v{font-family:var(--mincho);font-weight:400;letter-spacing:.02em}
.price .v small{font-size:15px}

/* 締めと、ほかのページ */
.cta{border-radius:0;margin:0}
@media (min-width:1352px){.cta{max-width:none}}
.more ul{gap:0 32px}
.more a{background:none;border:0;border-radius:0;border-top:1px solid var(--line);padding:22px 0}
@media (hover:hover){.more a:hover{translate:none}}
.more b{font-family:var(--mincho);font-weight:500;letter-spacing:.08em}
.ft{margin-top:0}
/* 冒頭の要約（誰のため・何を・料金・窓口）。本文より一段小さく、同じ色で */
.top .sum{margin-top:18px;font-size:14px;line-height:2;letter-spacing:.04em;color:var(--ink-2)}