.procedureList{--num-fs: var(--fs-base);--num-size: calc(var(--num-fs) * 3.1);--arrow-size: 1.5rem;--arrow-margin: 1.5rem;display:flex;gap:calc(var(--arrow-margin) + var(--arrow-size) + var(--arrow-margin));padding:0}@media (max-width: 1023.98px){.procedureList{--arrow-size: 1rem;--arrow-margin: 1rem}}@media (max-width: 767.98px){.procedureList{flex-direction:column}}.procedureList li{flex:1;list-style:none;padding:calc(var(--num-size) / 2) 0 0}.procedureList li:where(:not(:last-child)){position:relative}.procedureList li:where(:not(:last-child)):after{position:absolute;inset-block:0;inset-inline-start:calc(100% + var(--arrow-margin));content:"";display:block;inline-size:var(--arrow-size);aspect-ratio:15/17;display:inline-block;background-repeat:no-repeat;background-size:100% 100%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='17' viewBox='0 0 15 17' fill='none'%3E%3Cpath d='M13.8758 6.75412C15.2416 7.51736 15.2416 9.48264 13.8758 10.2459L2.97564 16.3371C1.6425 17.0821 8.49725e-08 16.1184 1.5394e-07 14.5913L7.04107e-07 2.40875C7.73075e-07 0.88157 1.64251 -0.0821296 2.97564 0.662859L13.8758 6.75412Z' fill='%23366ACB'/%3E%3C/svg%3E")}@media (max-width: 767.98px){.procedureList li:where(:not(:last-child)):after{inset:calc(100% + var(--arrow-margin)) 0 auto;margin-inline:auto;rotate:90deg}}.procedureList li .procedureCard{block-size:100%}.procedureCard{position:relative;display:flex;flex-direction:column;justify-content:start;gap:2.5rem;gap:var(--gap-lg);padding:calc(var(--num-size) / 2 + var(--gap-lg)) clamp(1.5rem,.796rem + 1.878vw,3.5rem) clamp(1.5rem,.796rem + 1.878vw,3.5rem);background:#fff;border:1px solid var(--border-clr);border-radius:var(--r-md)}@media (max-width: 767.98px){.procedureCard{gap:1rem;padding-block-start:calc(var(--num-size) / 2 + 1rem)}}.procedureCard .circleNum{--fs: var(--num-fs);--size: var(--num-size);position:absolute;inset-inline:0;inset-block-start:0;margin-inline:auto;translate:0 -50%;padding-block-start:.1em;letter-spacing:.04em}.procedureCard .lcl-tag{--fc: var(--clr, var(--clr-primary));--bg: #fff;display:inline-block;vertical-align:middle;padding-inline:1.1667em;padding-block:.1667em;border:1px solid var(--br, currentColor);border-radius:var(--r-xl);background:var(--bg);color:var(--fc);font-size:var(--fs-xs);font-weight:var(--fw-b);line-height:var(--lh-base-sm);text-align:center}.procedureCard .lcl-tag--hmw{--fc: #ff8c00;--bg: #fff8c4;--br: #fff8c4}.procedureCard__head{display:grid;grid-template-columns:1fr;justify-items:center;gap:1.5rem}@media (max-width: 767.98px){.procedureCard__head{gap:1rem}}.procedureCard__title{font-size:var(--fs-h-sl);font-weight:var(--fw-bl);text-align:center}.procedureCard__text{font-size:var(--fs-sm);line-height:var(--lh-base-sm)}
