/* SECTIONS_2026_09_17: 掲載プラン・診断ページで使う補助スタイル（base.css に無いもののみ） */
.feature-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.feature-grid .card h3 { font-size: 1.05rem; margin: 0 0 8px; }
.flow-list { counter-reset: flow; list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.flow-list li { position: relative; padding: 14px 16px 14px 56px; background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px; }
.flow-list li::before { counter-increment: flow; content: counter(flow); position: absolute; left: 14px; top: 12px; width: 30px; height: 30px; border-radius: 50%; background: #2563eb; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.listing-form-grid-2 { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0 16px; }
.plan-unit { font-size: 0.85rem; font-weight: 400; color: #64748b; margin-left: 4px; }
.plan-leads { color: #334155; font-size: 0.95rem; margin: 4px 0 12px; }
.shindan-hp { position: absolute; left: -9999px; }
.shindan-error-msg { color: #dc2626; margin: 8px 0 0; font-size: 0.875rem; }
.shindan-card .btn { margin-top: 10px; }
@media (max-width: 600px) { .flow-list li { padding-left: 52px; } }
/* sections.css: plan-grid — 掲載プランの3枚を横並びに（既存の plan-grid はこのページに効いていなかった） */
.listing-plan-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; align-items: stretch; }
.listing-plan-grid .plan-card { margin: 0; }