（中身は .fstep の札）が先に使っている。
ここの番号つきの流れは
なので、ol に絞って当てる。
素の .flow に書くと ai.html の札の並びまで list-style と字下げが変わる。
═══════════════════════════════════════════════════════════ */
/* ── 表（できること一覧・やらないこと一覧・相場） ───────── */
.mkt{width:100%;border-collapse:collapse;font-size:.84rem;margin-top:24px}
.mkt caption{text-align:left;font-size:.78rem;opacity:.7;padding-bottom:10px}
.mkt th,.mkt td{
text-align:left;padding:12px 12px;line-height:1.85;vertical-align:top;
border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);
}
.mkt thead th{font-weight:500;opacity:.72;font-size:.8rem}
.mkt tbody th{font-weight:500;white-space:nowrap;width:12em;opacity:.9}
/* ── 箇条（額の決まり方・できること） ───────────────── */
.dc{margin:0;padding:0;list-style:none;display:grid;gap:13px}
.dc li{font-size:.85rem;line-height:1.85;padding-left:16px;position:relative}
.dc li::before{
content:"";position:absolute;left:0;top:.72em;
width:7px;height:1px;background:currentColor;opacity:.55;
}
.dc li b{font-weight:500}
.dc-foot{font-size:.84rem;line-height:1.9;margin-top:20px}
/* ── 番号つきの流れ（承認の4段階・試運転の3段階） ───────── */
ol.flow{margin:24px 0 0;padding:0;list-style:none;counter-reset:fl;display:grid;gap:14px}
ol.flow li{
font-size:.85rem;line-height:1.85;padding-left:40px;position:relative;
counter-increment:fl;
}
ol.flow li::before{
content:counter(fl,decimal-leading-zero);
position:absolute;left:0;top:.15em;
font-size:.74rem;letter-spacing:.06em;opacity:.55;
}
ol.flow li b{display:block;font-weight:500;margin-bottom:3px}
/* ── 悩みの一覧（各ページ 01節） ───────────────────── */
.probs{
display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:18px;margin-top:28px;
}
.probs .p{
padding:20px 22px;border-radius:2px;
border:1px solid color-mix(in srgb,currentColor 14%,transparent);
}
.probs .p h3{font-size:.95rem;font-weight:500;margin:0 0 8px;line-height:1.6}
.probs .p p{font-size:.82rem;line-height:1.8;margin:0;opacity:.85}
/* ── 選ばれる理由 ─────────────────────────────── */
.reasons{
display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
gap:18px;margin-top:28px;
}
.reasons .r{
padding:20px 22px;
border-left:2px solid color-mix(in srgb,currentColor 30%,transparent);
}
.reasons .r h3{font-size:.95rem;font-weight:500;margin:0 0 8px;line-height:1.6}
.reasons .r p{font-size:.82rem;line-height:1.8;margin:0;opacity:.85}
/* ── 実測の裏づけ ─────────────────────────────── */
.svc-proof{
margin-top:32px;padding:22px 24px;border-radius:2px;
border:1px solid color-mix(in srgb,currentColor 16%,transparent);
}
.svc-proof h3,.svc-proof h4{font-size:.95rem;font-weight:500;margin:0 0 10px}
.svc-proof p{font-size:.84rem;line-height:1.9;margin:0 0 10px}
.svc-proof p:last-child{margin-bottom:0}
/* ── まだ売っていないもの ───────────────────────── */
.notyet{
margin-top:34px;padding:22px 24px;border-radius:2px;
border:1px dashed color-mix(in srgb,currentColor 24%,transparent);
}
.notyet h3{font-size:.95rem;font-weight:500;margin:0 0 12px}
.notyet p{font-size:.83rem;line-height:1.9;margin:0 0 12px}
.notyet p:last-child{margin-bottom:0}
/* ── 狭い画面 ─────────────────────────────────── */
@media (max-width:640px){
.probs,.reasons{grid-template-columns:1fr}
.svc-proof,.notyet{padding:18px 16px}
.mkt{font-size:.8rem;display:block}
.mkt tbody,.mkt tr,.mkt th,.mkt td{display:block;width:auto}
.mkt thead{display:none}
.mkt tbody tr{
padding:14px 0;
border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);
}
.mkt th,.mkt td{border:0;padding:0 0 6px}
.mkt tbody th{white-space:normal;opacity:.7;font-size:.78rem}
}