.wrapper[data-v-324f7d17]{margin-bottom:50px;padding-top:40px;position:relative;z-index:0}.wrapper .partTitle[data-v-324f7d17]{font-size:44px;font-weight:400;height:150px;line-height:62px;margin:0;padding-top:56px;position:relative;text-align:center}.wrapper .partTitle[data-v-324f7d17]:before{color:#fff;content:"SERVICE";display:block;font-size:200px;font-weight:700;left:50%;line-height:1;position:absolute;top:0;transform:translate(-50%);z-index:-1}.step[data-v-324f7d17]{align-items:stretch;display:flex;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.step .item[data-v-324f7d17]{color:#fff;cursor:default;filter:drop-shadow(5px 0 5px rgba(0,0,0,.2));height:375px;position:relative;width:25%}.step .item[data-v-324f7d17],.step .item .content[data-v-324f7d17]{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;transition-duration:.3s;z-index:0}.step .item .content[data-v-324f7d17]{height:100%;left:0;padding-left:20%;position:absolute;top:0;width:100%}.step .item[data-v-324f7d17]:before{border:190px solid transparent;border-left-width:60px;content:"";display:block;height:0;pointer-events:none;position:absolute;right:-249px;width:0;z-index:0}.step .item[data-v-324f7d17]:first-child{background-color:#7c97ca;z-index:3}.step .item[data-v-324f7d17]:first-child:before{border-left-color:#7c97ca}.step .item[data-v-324f7d17]:nth-child(2){background-color:#5f7cb2;z-index:2}.step .item[data-v-324f7d17]:nth-child(2):before{border-left-color:#5f7cb2}.step .item[data-v-324f7d17]:nth-child(3){background-color:#5771a0;z-index:1}.step .item[data-v-324f7d17]:nth-child(3):before{border-left-color:#5771a0}.step .item[data-v-324f7d17]:nth-child(4){background-color:#294a87;z-index:0}.step .item h2[data-v-324f7d17]{color:#fff;font-size:80px;font-weight:700;line-height:117px;margin:0;transition-duration:.3s}.step .item h2 small[data-v-324f7d17]{font-size:28px;line-height:45px}.step .item h2 small[data-v-324f7d17],.step .item h3[data-v-324f7d17]{color:#fff;font-weight:400;transition-duration:.3s}.step .item h3[data-v-324f7d17]{font-size:36px;line-height:56px;margin:0}.step .item .desc[data-v-324f7d17]{color:#fff;font-size:24px;font-weight:300;line-height:33px;margin-top:14px;transition-duration:.3s}.step:hover .item .content[data-v-324f7d17]{opacity:.1}.step:hover .item[data-v-324f7d17]:hover{width:40%}.step:hover .item:hover .content[data-v-324f7d17]{opacity:1;padding-left:30%}.step:hover .item:hover h2[data-v-324f7d17]{font-size:100px}.step:hover .item:hover h2 small[data-v-324f7d17]{font-size:32px}.step:hover .item:hover h3[data-v-324f7d17]{font-size:40px}.step:hover .item:hover .desc[data-v-324f7d17]{font-size:24px}@media (max-width:768px){.container[data-v-324f7d17]{padding:0}.wrapper .partTitle[data-v-324f7d17]{font-size:30px;font-weight:700;height:120px;padding-top:30px}.wrapper .partTitle[data-v-324f7d17]:before{font-size:80px}.wrapper .step[data-v-324f7d17]{flex-direction:column}.wrapper .step .item[data-v-324f7d17]{height:150px;width:calc(100% - 60px)}.wrapper .step .item[data-v-324f7d17]:nth-child(4){background-color:#294a87;z-index:1}.wrapper .step .item[data-v-324f7d17]:nth-child(4):before{border-left-color:#294a87}.wrapper .step .item[data-v-324f7d17]:before{border-width:75px 75px 75px 28px;right:-103px}.wrapper .step .item .content[data-v-324f7d17]{padding-left:20px}.wrapper .step .item h2[data-v-324f7d17]{font-size:40px;line-height:1}.wrapper .step .item h2 small[data-v-324f7d17]{font-size:18px}.wrapper .step .item h3[data-v-324f7d17]{font-size:20px;line-height:1}.wrapper .step .item .desc[data-v-324f7d17]{font-size:16px}.wrapper .step:hover .item[data-v-324f7d17]{width:calc(100% - 60px)}.wrapper .step:hover .item .content[data-v-324f7d17]{opacity:1;padding-left:20px}.wrapper .step:hover .item[data-v-324f7d17]:hover{width:calc(100% - 30px)}.wrapper .step:hover .item:hover .content h2[data-v-324f7d17]{font-size:50px;line-height:1}.wrapper .step:hover .item:hover .content h2 small[data-v-324f7d17]{font-size:18px}.wrapper .step:hover .item:hover .content h3[data-v-324f7d17]{font-size:20px;line-height:1}.wrapper .step:hover .item:hover .content .desc[data-v-324f7d17]{font-size:16px}.wrapper .step:hover .item[data-v-324f7d17]:nth-child(4){background-color:#294a87;z-index:0}.wrapper .step:hover .item[data-v-324f7d17]:nth-child(4):before{border-left-color:#294a87}}