.flow[data-astro-cid-6yoakpuo]{margin:var(--sp-8) 0 0;gap:var(--sp-8);padding:0;list-style:none;display:grid}.flow[data-astro-cid-6yoakpuo] li[data-astro-cid-6yoakpuo]{text-align:center;min-width:0;position:relative}.flow[data-astro-cid-6yoakpuo] img[data-astro-cid-6yoakpuo]{aspect-ratio:1;width:100%;max-width:280px;height:auto;margin-inline:auto;display:block}.flow[data-astro-cid-6yoakpuo] h3[data-astro-cid-6yoakpuo]{margin-top:var(--sp-4);font-size:var(--fs-body-lg);font-weight:700}.flow[data-astro-cid-6yoakpuo] p[data-astro-cid-6yoakpuo]{margin-top:var(--sp-2);font-size:var(--fs-small);color:var(--color-text-muted)}@media (width<=767px){.flow[data-astro-cid-6yoakpuo] li[data-astro-cid-6yoakpuo]+li[data-astro-cid-6yoakpuo]:before,.flow[data-astro-cid-6yoakpuo] li[data-astro-cid-6yoakpuo]+li[data-astro-cid-6yoakpuo]:after{content:"";position:absolute;left:50%}.flow[data-astro-cid-6yoakpuo] li[data-astro-cid-6yoakpuo]+li[data-astro-cid-6yoakpuo]:before{top:calc(-1 * var(--sp-8) + var(--sp-1));height:calc(var(--sp-8) - var(--sp-2));border-left:3px dotted var(--color-brand-blue);transform:translate(-50%)}.flow[data-astro-cid-6yoakpuo] li[data-astro-cid-6yoakpuo]+li[data-astro-cid-6yoakpuo]:after{top:calc(-2 * var(--sp-2));width:var(--sp-2);height:var(--sp-2);border-bottom:3px solid var(--color-brand-blue);border-right:3px solid var(--color-brand-blue);transform:translate(-50%)rotate(45deg)}}@media (width>=768px){.flow[data-astro-cid-6yoakpuo]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.flow[data-astro-cid-6yoakpuo]{grid-template-columns:repeat(4,minmax(0,1fr));container-type:inline-size}.flow[data-astro-cid-6yoakpuo] li[data-astro-cid-6yoakpuo]+li[data-astro-cid-6yoakpuo]:before,.flow[data-astro-cid-6yoakpuo] li[data-astro-cid-6yoakpuo]+li[data-astro-cid-6yoakpuo]:after{content:"";top:calc(min(280px, (100cqw - 3 * var(--sp-8)) / 4) / 2);position:absolute}.flow[data-astro-cid-6yoakpuo] li[data-astro-cid-6yoakpuo]+li[data-astro-cid-6yoakpuo]:before{left:calc(-1 * var(--sp-8) + var(--sp-1));width:calc(var(--sp-8) - var(--sp-2));border-top:3px dotted var(--color-brand-blue)}.flow[data-astro-cid-6yoakpuo] li[data-astro-cid-6yoakpuo]+li[data-astro-cid-6yoakpuo]:after{left:calc(-1 * var(--sp-2) - var(--sp-1));width:var(--sp-2);height:var(--sp-2);border-top:3px solid var(--color-brand-blue);border-right:3px solid var(--color-brand-blue);margin-top:-3px;transform:rotate(45deg)}}