/* 171（2026-10-09）AIKATA トップ「ご利用の流れ」：紫の背景をやめ、4ステップを横並びに */
html body.aikata #flow ol.home-steps{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:28px!important;margin:40px 0 0!important;padding:0!important;background:none!important;border:0!important;list-style:none;counter-reset:none}
html body.aikata #flow ol.home-steps>li{position:relative;display:flex!important;flex-direction:column;gap:10px;margin:0!important;padding:24px 22px!important;border:1.5px solid #d3e4f2!important;border-radius:18px;background:#fff!important;min-height:0!important;grid-template-columns:none!important}
html body.aikata #flow ol.home-steps>li::before,html body.aikata #flow ol.home-steps>li::after{display:none!important}
html body.aikata #flow ol.home-steps .flow-number106{position:static!important;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:0!important;border-radius:50%;background:#0f64ae;color:#fff!important;font:700 18px/1 Arial,sans-serif!important}
html body.aikata #flow ol.home-steps h3{margin:4px 0 0!important;font-size:22px!important;line-height:1.4!important;color:#1b1e2b!important}
html body.aikata #flow ol.home-steps>li>p{margin:0!important;font-size:16px!important;line-height:1.8!important;color:#2b3350!important}
/* ステップの間の矢印（右向き） */
html body.aikata #flow ol.home-steps .flow-arrow121{position:absolute!important;top:46px!important;right:-24px!important;left:auto!important;bottom:auto!important;z-index:2;display:grid!important;place-items:center;width:20px!important;height:20px!important;margin:0!important;border:0!important;background:none!important;transform:none!important}
html body.aikata #flow ol.home-steps .flow-arrow121::before{content:'';display:block;width:10px;height:10px;border-top:3px solid #26a2dc;border-right:3px solid #26a2dc;transform:rotate(45deg)}
html body.aikata #flow ol.home-steps .flow-arrow121::after{display:none!important}

/* ステップの下：無料相談で整理すること（紫の背景にしない） */
html body.aikata #flow .consult-detail116.is-below171{margin:24px 0 0!important;padding:24px 28px!important;border:1.5px dashed #c5dbf5!important;border-radius:18px;background:#fff!important}
html body.aikata #flow .consult-detail116.is-below171 h4{margin:0 0 12px!important;font-size:18px!important;color:#1b1e2b!important}
html body.aikata #flow .consult-detail116.is-below171 .consult-points116{display:flex!important;flex-wrap:wrap;gap:10px 28px;margin:0 0 12px!important;padding:0!important;background:none!important}
html body.aikata #flow .consult-detail116.is-below171 .consult-points116 li{margin:0!important;padding:0!important;font-size:16px!important;background:none!important;border:0!important}
html body.aikata #flow .consult-detail116.is-below171>p{margin:0!important;font-size:16px!important;color:#55607a!important}

@media(max-width:1023px){
  html body.aikata #flow ol.home-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html body.aikata #flow ol.home-steps>li:nth-child(2) .flow-arrow121{display:none!important}
}
@media(max-width:600px){
  html body.aikata #flow ol.home-steps{grid-template-columns:1fr!important;gap:24px!important}
  html body.aikata #flow ol.home-steps>li{padding:20px 18px!important}
  html body.aikata #flow ol.home-steps h3{font-size:20px!important}
  html body.aikata #flow ol.home-steps>li>p,html body.aikata #flow .consult-detail116.is-below171 .consult-points116 li,html body.aikata #flow .consult-detail116.is-below171>p{font-size:14px!important}
  html body.aikata #flow ol.home-steps .flow-arrow121,html body.aikata #flow ol.home-steps>li:nth-child(2) .flow-arrow121{display:grid!important;top:auto!important;bottom:-22px!important;right:auto!important;left:50%!important;transform:translateX(-50%) rotate(90deg)!important}
  html body.aikata #flow .consult-detail116.is-below171{padding:20px 18px!important}
}
/* 幅いっぱいに4列、高さをそろえる。矢印は細いシェブロン */
html body.aikata #flow ol.home-steps{width:100%!important;max-width:none!important;align-items:stretch!important}
html body.aikata #flow ol.home-steps>li{align-self:stretch!important;height:auto!important;width:auto!important;max-width:none!important}
html body.aikata #flow ol.home-steps .flow-arrow121::before{width:10px!important;height:10px!important;background:none!important;border:0!important;border-top:3px solid #26a2dc!important;border-right:3px solid #26a2dc!important;border-radius:0!important;box-shadow:none!important}
html body.aikata #flow .consult-detail116.is-below171 .consult-points116{list-style:decimal inside!important}

/* 190（2026-10-09）ご利用の流れ：中央揃え／矢印はカードの高さの中央／左下の円（飾り）を消す */
html body.aikata #flow .two-stories article,html body.aikata #flow .two-stories article :is(h3,p){text-align:center!important}
html body.aikata #flow .two-stories article p{margin-left:auto!important;margin-right:auto!important}
html body.aikata #flow ol.home-steps>li{align-items:center!important;text-align:center!important}
html body.aikata #flow ol.home-steps>li :is(h3,p){text-align:center!important}
html body.aikata #flow ol.home-steps .flow-arrow121{top:50%!important;margin-top:-10px!important}
html body.aikata #flow .ring138,html body.aikata #flow.has-ring138::before,html body.aikata #flow.has-ring138::after{display:none!important}
@media(max-width:600px){html body.aikata #flow ol.home-steps .flow-arrow121,html body.aikata #flow ol.home-steps>li:nth-child(2) .flow-arrow121{top:auto!important;margin-top:0!important}}