:root{--box-size-pc:360px;--box-size-sp:300px;--arrow-size-pc:120px;--arrow-size-sp:80px;--green-border:#117713;--blue-text:#0057a4;--red-text:#d50000}.flow-grid{grid-template-columns:var(--box-size-pc) var(--arrow-size-pc) var(--box-size-pc);display:grid;gap:2rem;margin:3rem 0;align-items:center}@media (max-width:1024px){.flow-grid{grid-template-columns:1fr var(--arrow-size-pc) 1fr}}@media (max-width:850px){.flow-grid{grid-template-columns:1fr}}.flow-col.box{width:var(--box-size-pc);height:var(--box-size-pc);border:2px solid var(--green-border);border-radius:8px;background:#fff;padding:2.6rem;box-shadow:0 2px 6px rgba(0,0,0,.08);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}@media (max-width:850px){.flow-col.box{width:var(--box-size-sp);height:var(--box-size-sp);margin-inline:auto}}.flow-icon{width:60%;max-width:200px;margin:0 auto 1.6rem}.flow-icon img{width:100%;height:auto;object-fit:contain;display:block;pointer-events:none}.flow-col.arrow{display:flex;justify-content:center;align-items:center}.flow-col.arrow img{width:var(--arrow-size-pc);height:var(--arrow-size-pc);display:block;object-fit:contain;pointer-events:none}@media (max-width:850px){.flow-col.arrow img{width:var(--arrow-size-sp);height:var(--arrow-size-sp);transform:rotate(90deg)}}.flow-col h3{font-size:var(--fz-h3);margin:.4rem 0;color:var(--blue-text)}.sub{font-size:var(--fz-body);margin:.2rem 0 .8rem}.caption{font-size:var(--fz-body);margin:1rem 0 0}.red{color:var(--red-text)}@media (max-width:850px){.flow-grid{gap:0}.flow-col.arrow{line-height:0;margin-block:-0.6rem}.flow-col.arrow img{transform:rotate(90deg);display:block}}