#customize-flow{padding:20px 0}#customize-flow h1{text-align:center;margin-bottom:40px;font-size:28px;color:#333}#customize-flow .flow{display:flex;align-items:stretch;gap:5px;flex-wrap:nowrap;overflow-x:auto}#customize-flow .step{flex:0 0 6.6vw;display:flex;flex-direction:column;border-radius:6px;padding:12px;text-align:center;border:solid 1px #ddd}#customize-flow .step .icon{font-size:28px;margin-bottom:8px;color:#2196f3;color:#27abb3}#customize-flow .step.customer .icon{color:#e91e63;color:#27abb3}#customize-flow .step h3{font-size:18px;padding:10px 0 20px;color:#222;writing-mode:vertical-rl;text-orientation:upright;line-height:1.6;margin:0;flex-grow:1;display:flex;align-items:center;justify-content:flex-start;border:none}#customize-flow .step h3 .note{margin-top:6px;font-size:13px;color:#555;writing-mode:vertical-rl;text-orientation:upright;line-height:1.4;font-weight:400;padding:10px 0 0}#customize-flow .step h3::after{display:none}#customize-flow .role{font-size:11px;font-weight:700;color:#fff;padding:3px 8px 4px;border-radius:20px;margin-top:6px;align-self:center;width:100%}#customize-flow .role.customer{background:#e91e63;background:#f5f5f5;color:#e91e63;border:solid 1px #ddd}#customize-flow .role.company{background:#2196f3;background:#f5f5f5;color:#2196f3;border:solid 1px #ddd}#customize-flow .arrow{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:75px 10px 0;color:#bbb;font-size:24px}#customize-flow .arrow .note{margin-top:6px;font-size:13px;color:#555;writing-mode:vertical-rl;text-orientation:upright;line-height:1.4}@media (max-width:959px){#customize-flow .flow{flex-direction:column;align-items:flex-start;gap:12px}#customize-flow .step{width:100%;flex-direction:column;align-items:flex-start;padding:12px 10px 15px;justify-content:center;text-align:center}#customize-flow .step .icon{margin:0 auto}#customize-flow .step h3{writing-mode:horizontal-tb;text-orientation:mixed;flex-grow:0;margin:0;align-items:center;justify-content:center;padding:5px 0;width:100%;text-align:center;font-size:15px;flex-wrap:wrap}#customize-flow .step h3 .note{writing-mode:horizontal-tb;text-orientation:mixed;display:block;width:100%;margin:0 auto;padding:0 0 5px}#customize-flow .role{margin-left:auto;align-self:flex-end}#customize-flow .arrow{flex-direction:column;justify-content:center;font-size:20px;width:100%;padding:0}#customize-flow .arrow i{transform:rotate(90deg)}#customize-flow .arrow .note{writing-mode:horizontal-tb;margin-top:4px}}#customize-flow,#customize-flow *{box-sizing:border-box}#customize-flow{overflow:visible}#customize-flow .flow{overflow:visible;padding-bottom:16px}#customize-flow .step{max-width:100%}#customize-flow .arrow{max-width:100%}@media (max-width:768px){#customize-flow{overflow-x:hidden}#customize-flow .flow{width:100%;overflow:visible;padding-right:0}#customize-flow .arrow,#customize-flow .step{width:100%;max-width:100%}#customize-flow .step{padding-left:16px;padding-right:16px}#customize-flow .arrow{display:flex;flex-direction:column;align-items:center;word-break:keep-all}#customize-flow .arrow .note{white-space:normal}}#customize-flow .arrow .note,#customize-flow .step h3{overflow-wrap:anywhere}