/* 申し込み後の流れ（案1　番号付きカード4枚。2026-10-18 採用）ほか、比較ページから採用した部分 */
:root{--x-navy:#071f45;--x-navy2:#0e2c5c;--x-gold:#a8812f;--x-gold-ink:#8a6820;--x-gold-bg:#faf3e3;--x-tint:#f3f6fa;--x-soft:#f6f7fa;--x-line:#dde3ec;--x-text:#3a4a63;--x-muted:#6b7586;--x-ok:#1f7a55;--x-okbg:#e8f4ee}
.ic{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* 共通 */
.x-sec{padding:88px 0;background:#fff}
.x-head{margin-bottom:40px}
.x-head.is-center{text-align:center;max-width:720px;margin:0 auto 40px}
.x-kicker{margin:0 0 10px;font:600 13px/1 var(--sans);letter-spacing:.14em;color:var(--x-gold-ink)}
.x-kicker.is-light{color:#e6c77d}
.x-title{margin:0;font-weight:700;font-size:clamp(28px,3vw,40px);line-height:1.5;color:var(--x-navy)}
.x-title.is-light{color:#fff}
.x-head.is-dark .x-kicker{color:#e6c77d}
.x-head.is-dark .x-title{color:#fff}
.x-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 28px;border-radius:8px;background:var(--x-navy);color:#fff!important;font-weight:700;font-size:15px;text-decoration:none}
.x-btn.is-gold{background:var(--x-gold)}
.x-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:40px;padding:24px 28px;border-radius:8px;background:var(--x-tint)}
.x-end p{margin:0;font-weight:700;color:var(--x-navy)}
.x-note{margin:16px 0 0;font-size:12px;line-height:1.8;color:var(--x-muted)}


/* 申し込み後の流れ 案1 */
.fl1-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none}
.fl1-steps li{position:relative;padding:24px 22px;border:1px solid var(--x-line);border-radius:8px;background:#fff;box-shadow:0 6px 16px rgba(7,31,69,.04)}
.fl1-steps li:not(:last-child)::after{content:"";position:absolute;right:-15px;top:50%;width:10px;height:10px;border-top:2px solid var(--x-gold);border-right:2px solid var(--x-gold);transform:translateY(-50%) rotate(45deg)}
.fl1-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.fl1-no{font:600 36px/1 var(--sans);color:var(--x-gold)}
.fl1-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--x-tint);color:var(--x-navy)}
.fl1-steps h3{margin:0 0 8px;font-size:18px;font-weight:700;color:var(--x-navy)}
.fl1-steps p{margin:0;font-size:14px;line-height:1.8;color:var(--x-text)}


@media (max-width:900px){.x-sec{padding:64px 0}.fl1-steps{grid-template-columns:1fr 1fr}.fl1-steps li::after{display:none}}
@media (max-width:560px){.fl1-steps{grid-template-columns:1fr}}