.flow-lead{line-height:2;margin-top:48px;margin-bottom:40px}@media(min-width:768px){.flow-lead{margin-top:56px}}@media(min-width:1024px){.flow-lead{margin-top:64px;margin-bottom:48px}}.flow-color-info{display:flex;justify-content:flex-end;margin-bottom:24px}.flow-color-info .flow-item-list-title{border-radius:20px;width:30px}.flow-color-info .flow-item-list-title.color-free{background-color:#fff050}.flow-color-info .flow-item-list-title.color-option{background-color:#f7f6f1}.flow-color-info .flow-item-list-text{font-size:14px;font-weight:700;margin-left:5px;padding-right:10px}.flow-color-info .flow-item-list-text:last-child{padding-right:0}.flow-item{border:5px solid transparent;border-radius:10px;margin-bottom:24px}.flow-item.color-free{background-color:#fff050;border-color:#fff050}.flow-item.color-option{border-color:#f9f8f4}.flow-item.fill-option{background-color:#f9f8f4}.flow-item:last-child{margin-bottom:0}.flow-item .flow-item-list{padding:32px 32px 38px}@media(min-width:768px){.flow-item .flow-item-list{align-items:center;display:flex}}.flow-item .flow-item-list .flow-item-list-title{font-size:20px;font-weight:700;margin-bottom:15px;text-align:center}@media(min-width:768px){.flow-item .flow-item-list .flow-item-list-title{min-width:220px;margin-bottom:0;padding-right:25px}}.flow-item .flow-item-list .flow-item-list-title span{color:#23232340;font-size:14px;font-weight:700;letter-spacing:1px;display:inline-block;vertical-align:top}.flow-item .flow-item-list .flow-item-list-text{line-height:1.8}.flow-item .flow-item-list .flow-item-list-text .slash{font-weight:700;display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:4px}@media(min-width:768px){.flow-item .flow-item-list .flow-item-list-text .slash{justify-content:flex-start}}.flow-item .flow-item-list .flow-item-list-text .slash:before,.flow-item .flow-item-list .flow-item-list-text .slash:after{content:"";width:14px;height:3px;background-color:#fff050;margin:0 4px 1px}.flow-item .flow-item-list .flow-item-list-text .slash:before{transform:rotate(65deg)}.flow-item .flow-item-list .flow-item-list-text .slash:after{transform:rotate(-65deg)}.flow-item.arrow{border:0;text-align:center}.flow-item.arrow svg{width:65px;height:auto}.flow-item.arrow path{fill:#f5f4ed}.flow-item a{font-weight:700}.flow-item a:hover{text-decoration:none}