/* IC-02：相談の手順と2つの支援形態を、対象2ページで伝える。 */
.support-intro{max-width:42em;margin-top:var(--space-5)}
.support-start .support-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-5);list-style:none;padding:0;margin:var(--space-7) 0 0;border-top:var(--border)}
.support-steps>li{padding-top:var(--space-5);min-width:0}
.support-steps h3{margin-top:var(--space-3);font-size:var(--text-lead)}
.support-steps p{margin-top:var(--space-3)}
.support-start .notice{margin-top:var(--space-7)}
.support-options{background:var(--surface)}
.support-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-8);margin-top:var(--space-7)}
.support-option{border-top:2px solid var(--brand-green);padding-top:var(--space-5);min-width:0}
.support-option h3{font-size:clamp(1.375rem,2vw,1.75rem)}
.support-period{color:var(--heading);margin-top:var(--space-4);font-size:var(--text-lead);font-weight:700}
.support-period strong{font-size:clamp(1.875rem,3vw,2.5rem);line-height:1.4}
.support-option>p:last-of-type{margin-top:var(--space-4);max-width:32em}
.support-option dl{margin:var(--space-6) 0 0}
.support-option dl>div{padding-block:var(--space-5);border-top:var(--border)}
.support-option dt{font-weight:700;color:var(--heading)}
.support-option dd{margin:var(--space-2) 0 0}
.support-options-note{max-width:44em;margin-top:var(--space-6)}
.support-overview{padding-block:var(--space-5);border-top:var(--border)}
.support-overview h3{margin-bottom:var(--space-4)}
.support-overview ul{list-style:none;margin:0;padding:0}
.support-overview li+li{margin-top:var(--space-4)}
.support-overview li strong,.support-overview li span{display:block}
.support-overview .text-link{margin-top:var(--space-4)}
.consultation-flow .notice{margin-top:var(--space-5)}
.consultation-flow .method-list h3{font-size:var(--text-lead)}
@media(max-width:1023px){
  .support-start .support-steps{grid-template-columns:1fr;gap:0}
  .support-steps>li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:var(--space-4);padding-block:var(--space-5);border-bottom:var(--border)}
  .support-steps h3{margin-top:0}
  .support-options-grid{gap:var(--space-7)}
}
@media(max-width:767px){
  .support-options-grid{grid-template-columns:1fr;gap:var(--space-7)}
  .support-start .support-steps,.support-options-grid{margin-top:var(--space-6)}
  .support-steps>li{grid-template-columns:32px minmax(0,1fr)}
}