.timeline-flow{margin:auto;padding:40px 0;position:relative}.steps-timeline{display:flex;justify-content:space-between;align-items:center;position:relative;flex-wrap:wrap;padding:20px 0}.steps-timeline::before{content:"";position:absolute;top:50%;left:10%;width:80%;height:5px;background-color:#5d3868}.step{width:18%;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.step.up{transform:translateY(-40px)}.step.down{transform:translateY(40px)}.circle{width:120px;height:45px;background-color:#5d3868;color:#fff;font-size:14px;font-weight:700;border-radius:25px;display:flex;justify-content:center;align-items:center;margin-bottom:10px;padding:5px}.contents{background:#fff;padding:15px;border-radius:10px;box-shadow:0 4px 10px rgb(0 0 0 / .1);width:100%;position:relative;max-width:200px}.connector{width:3px;height:50px;background-color:#5d3868;position:absolute;left:50%;top:100%;transform:translateX(-50%)}.step:last-child .connector{display:none}.contents h3{margin-bottom:5px;font-size:16px;color:#5d3868}.contents p{font-size:14px;color:#333}.contents img{width:70px;height:auto;margin-top:10px}@media (max-width:900px){.steps-timeline{flex-direction:column;align-items:center}.step{width:90%;margin-bottom:30px;transform:none}.steps-timeline::before{display:none}.connector{display:none}}