@charset "utf-8";

/* ===== リード文 ===== */
.flow_lead_sec p { text-align: left; }

/* ===== STEP ===== */
.flow_step_list { display: flex; flex-direction: column; gap: 24px; }
.flow_step_card { position: relative; display: flex; flex-direction: column; align-items: center; margin-top: 42px; text-align: center; }
.flow_step_num { position: absolute; top: -42px; right: 0; left: 0; display: flex; flex-direction: column; align-items: center; line-height: 1; }
.flow_step_label { font-size: 18px; letter-spacing: 0.15em; }
.flow_step_no { font-size: 48px; }
.flow_step_img { display: block; width: 100%; max-width: 200px; aspect-ratio: 4/3; object-fit: contain; margin: 24px auto 12px; }
.flow_step_body h2 { font-size: 20px; margin: 12px 0; }
@media ( min-width: 768px ) {
    .flow_step_card { flex-direction: row; align-items: center; gap: 40px; text-align: justify; }
    .flow_step_img { flex: 0 0 200px; width: 200px; margin: 0; }
    .flow_step_body { flex: 1; min-width: 0; }
}
@media ( min-width: 1025px ) {
    .flow_step_num { position: static; }
}

/* ===== 結び ===== */
.flow_closing_sec p { text-align: left; }
@media ( min-width: 1025px ) {
    .flow_closing_sec p { text-align: center; }
}