/* =========================================================
   交通事故によるけが(/accident/)固有 ── 元:mock/accident-v2.html
   丸印のリスト・白いカード・STEP・強調の枠は共通部品(base.css の .oc-howto・.oc-cards2・.oc-steps・.oc-offer)
   モックの .sp-br は .ac-br(ほかのページの部品と名前がぶつからないように)
   ========================================================= */

/* 480px 以下だけの改行(タイトル) */
br.ac-br{display:none}
@media (max-width:480px){ br.ac-br{display:inline} }

/* ご来院までの流れ:STEP を5つ、どの幅でも縦に並べる(幅 760px まで) */
.oc-steps.steps5{grid-template-columns:minmax(0,1fr); max-width:760px}
.steps5 .oc-step,.steps5 .oc-step:first-child,.steps5 .oc-step:last-child{border-radius:0}
.steps5 .oc-step:first-child{border-radius:8px 8px 0 0}
.steps5 .oc-step:last-child{border-radius:0 0 8px 8px}
.steps5 .oc-step + .oc-step{border-left:1px solid rgba(27,32,135,.14); border-top:0}
.steps5 .oc-step.first + .oc-step{border-left:1px solid rgba(27,32,135,.14)}
.steps5 .oc-step + .oc-step::before{left:50%; top:-11px; transform:translateX(-50%) rotate(135deg)}
.steps5 .oc-step .c{min-height:0}

/* STEP 2 のお電話は、押せる電話ボタン(base.css の .oc-telbtn・template-parts/oc/telbtn.php) */