/* Selected design: soft four-color expandable steps. Scoped to this section. */
#flow.flow-section{padding:28px 0;background:#eaf5ff}
#flow .flow-wrap{width:calc(100% - 24px);max-width:410px;margin:0 auto}
#flow .flow-card{--flow-ink:#163e60;--flow-muted:#506a7a;width:100%;background:#fff;border:1px solid #dce7ef;border-radius:20px;color:var(--flow-ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;text-align:left;box-shadow:0 6px 20px #17456b09}
#flow .flow-card h2,#flow .flow-card p{margin:0}
#flow .flow-heading{padding:20px 12px 17px;background:linear-gradient(120deg,#0c528e,#2585b6);border-radius:19px 19px 0 0;text-align:center}
#flow .flow-eyebrow{display:block;margin-bottom:4px;color:#fff;font-size:.75rem;font-weight:700;line-height:1.6;letter-spacing:.1em}
#flow .flow-heading h2{color:#fff;font-size:1.5rem;line-height:1.45;font-weight:800;letter-spacing:-.035em;overflow-wrap:anywhere}
#flow .flow-heading h2:after{content:"";display:block;width:38px;height:3px;margin:10px auto 0;border-radius:3px;background:#ffe393}
#flow .flow-body{padding:15px}
#flow .flow-hint{margin-bottom:8px;color:var(--flow-muted);font-size:.75rem;line-height:1.6;text-align:right}
#flow .flow-list{border-radius:12px}
#flow .flow-list details{--flow-color:#1974b8;--flow-tint:#eaf5ff;position:relative;background:var(--flow-tint)}
#flow .flow-list details:nth-child(2){--flow-color:#198568;--flow-tint:#e9f8ef}
#flow .flow-list details:nth-child(3){--flow-color:#b76a10;--flow-tint:#fff4df}
#flow .flow-list details:nth-child(4){--flow-color:#7853b3;--flow-tint:#f3ecfd}
#flow .flow-list details:first-child{border-radius:12px 12px 0 0}
#flow .flow-list details:last-child{border-radius:0 0 12px 12px}
#flow .flow-list details+details{border-top:3px solid #fff}
#flow .flow-list summary{display:flex;align-items:center;gap:10px;list-style:none;min-height:65px;padding:11px 12px;color:var(--flow-ink);font-size:1.0625rem;line-height:1.5;font-weight:800;border-radius:inherit}
#flow .flow-list summary::-webkit-details-marker{display:none}
#flow .flow-list summary:after{display:none}
#flow .flow-number{display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;background:var(--flow-color);color:#fff;border-radius:50%;font-size:.9375rem;font-weight:800}
#flow .flow-label{flex:1;min-width:0;overflow-wrap:anywhere}
#flow .flow-chevron{display:flex;align-items:center;justify-content:center;width:22px;height:26px;flex:none;color:var(--flow-color)}
#flow .flow-chevron:before{content:"";display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .15s}
#flow details[open] .flow-chevron:before{transform:rotate(225deg) translate(-1px,-1px)}
#flow .flow-copy{padding:0 14px 14px 52px;color:var(--flow-muted);font-size:.8125rem;line-height:1.8;font-weight:400}
#flow .flow-copy strong{color:var(--flow-ink);font-weight:700}
#flow .flow-assurance{display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 10px;margin-top:12px;border-radius:12px;background:#e7f6ed;color:#176b55;font-size:.8125rem;line-height:1.65;font-weight:700}
#flow .flow-assurance img{width:23px;height:23px;flex:none}
#flow .flow-assurance strong{display:block;font-size:1rem;font-weight:800}
#flow .flow-action{margin-top:16px;text-align:center}
#flow .flow-action .btn{width:100%;min-width:0;font-size:.9375rem;white-space:normal;padding:13px 12px}
#flow .flow-action .note{margin:8px 0 0;font-size:.75rem;line-height:1.7}
@media(max-width:760px){#flow.flow-section{padding:20px 0}}
@media(max-width:380px){
  #flow .flow-heading{padding:18px 10px 15px}
  #flow .flow-heading h2{font-size:1.375rem}
  #flow .flow-body{padding:12px}
  #flow .flow-list summary{font-size:1rem;gap:8px;padding:11px 10px}
  #flow .flow-number{width:28px;height:28px}
  #flow .flow-copy{padding-left:46px}
  #flow .flow-assurance{font-size:.75rem;gap:7px}
  #flow .flow-assurance strong{font-size:.9375rem}
}
@media(prefers-reduced-motion:reduce){#flow .flow-chevron:before{transition:none}}