.flow-area:before{border-color:transparent transparent #eaf2f4 transparent}.flow-area .inner{padding:0}.flow-dl{padding:35px 0;position:relative}.flow-dl+.flow-dl:before{position:absolute;content:"";width:80%;height:2px;background:#b5cdd8;top:0;right:0}.flow-dl+.flow-dl:after{position:absolute;content:"";width:0;height:0;border-style:solid;border-width:20px 20px 0 20px;border-color:#147ba7 transparent transparent transparent;top:-10px;left:55px}.flow-dl>dt{display:flex;flex-wrap:wrap;text-align:center;align-items:center;justify-content:center;width:150px;height:150px;border-radius:999em;-webkit-border-radius:999em;-moz-border-radius:999em;-ms-border-radius:999em;-o-border-radius:999em;background:#147ca7}.flow-dl .step{font-size:20px;font-weight:700;line-height:1.1;color:#fff}.flow-dl .step .num{font-size:50px}.flow-dl>dd{width:80%}@media screen and (max-width:767px){.flow-area .inner{padding:0 12px}.flow-dl{padding:10px;position:relative}.flow-dl+.flow-dl{margin-top:30px}.flow-dl+.flow-dl:after{top:-25px;left:50%;margin-left:-22px}.flow-dl>dt{margin:0 auto 10px;width:100px;height:100px;padding:10px}.flow-dl .step{font-size:16px}.flow-dl .step .num{font-size:30px}.flow-dl>dd{width:100%}.flow-dl+.flow-dl:before{content:none}}