.task_wrap{padding:4rem 0}.task_wrap .arrow{position:relative}.task_wrap .content-wrapper{max-width:930px}.task_wrap .top_sec p{font-family:inherit;font-size:1.5rem;font-weight:400;line-height:1.8;margin-bottom:25px}.task_wrap .top_sec{margin:0}.task_wrap .top_sec h2{color:#000;font-family:inherit;font-size:2.2rem;font-weight:700;line-height:1.3;margin-bottom:30px}.task_wrap .task-box{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0 -15px;padding:0}.task_wrap .task-box .col-3{margin:0;padding-left:15px;padding-right:15px}.task_wrap.style1 .sub-box{background:#fff;border-radius:5px;min-height:200px;padding:70px 20px 35px;position:relative;text-align:center}.task_wrap.style1 .sub-box .point-number{background:#5ea5cc;border-radius:40px;color:#fff;display:inline-block;font-family:inherit;font-size:1.7rem;left:0;line-height:inherit;margin:0 auto;padding:10px 15px;position:absolute;right:0;top:-15px;width:120px}.task_wrap .sub-box .title-txt{font-size:1.6rem;line-height:1.5}.task_wrap.style1 .sub-box .title-txt{font-weight:700}.task_wrap .sub-box .thum-images{bottom:-70px;left:0;margin:0 auto;position:absolute;right:0;width:145px}.task_wrap .sub-box .thum-images img{vertical-align:bottom}.task_wrap .arrow:after{border-left:15vw solid transparent;border-right:15vw solid transparent;border-top:65px solid #e2f0f8;bottom:-235px;content:"";height:0;left:0;margin:0 auto;position:absolute;right:0;width:0}.task_wrap .sub-box p.topic-txt{background:#0166a5;color:#f7f700;display:inline-block;font-size:2.6rem;line-height:1.5;margin-top:15px;padding:5px 20px;text-align:center}.task_wrap.style2 .sub-box{border:2px solid #fff;border-radius:5px;height:100%;padding:25px;position:relative;text-align:center}.task_wrap.style2 .sub-box .point-number{background:#f7f700;border-radius:50%;color:#000;display:inline-block;font-size:20px;font-weight:700;left:0;line-height:1;margin:0 auto;padding:11px 0;position:absolute;right:0;text-align:center;top:-27px;width:54px}.task_wrap.style2 .sub-box .point-number span{color:#0166a5;display:block;font-size:12px}.task_wrap.style2 .sub-box .thum-images{bottom:-40px;position:absolute;width:165px}.task_wrap.style3 .task-box{background-position-x:right;background-position-y:bottom;background-repeat:no-repeat;background-size:300px;position:relative}.task_wrap.style3 .task-box .col-3{margin-bottom:40px;position:relative}.task_wrap.style3 .sub-box{border-radius:5px;position:relative}.task_wrap.style3 .sub-box .point-number{background:#f3f300;border-radius:50%;color:#00222b;display:inline-block;font-size:1.5rem;height:40px;left:0;line-height:2.5;margin:0 auto;position:absolute;right:0;text-align:center;top:-20px;width:40px}.task_wrap.style3 .sub-box .cm-content h5{background:#008be2;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;font-size:1.7rem;font-weight:inherit;line-height:inherit;margin:0;padding:27px 0;text-align:center}.task_wrap.style3 .sub-box .cm-content p{font-size:1.5rem;font-weight:400;line-height:1.8;padding:15px}@media (min-width:768px){.task_wrap .top_sec p{font-size:1.8rem;margin-bottom:50px}.task_wrap.style1 .task-box{margin-bottom:70px}.task_wrap .top_sec h2{font-size:4.6rem;margin-bottom:40px}.task_wrap.style1 .sub-box{padding:45px 20px 35px}.task_wrap.style2 .sub-box{padding:45px 20px 100px}.task_wrap .sub-box .title-txt{font-size:1.7rem}.task_wrap.style2 .task-box{margin-bottom:65px;margin-left:-10px;margin-right:-10px}.task_wrap.style2 .task-box .col-3{margin:0;padding-left:10px;padding-right:10px}.task_wrap.style3 .sub-box{min-height:220px}.task_wrap.style3 .task-box{margin-left:-15px;margin-right:-15px}.task_wrap.style3 .task-box .col-3{padding-left:15px;padding-right:15px}.task_wrap.style3 .sub-box .point-number{font-size:1.8rem;line-height:2}.task_wrap.style3 .sub-box .cm-content p{padding:25px}.task_wrap.style3 .task-box .col-3:not(:last-child):before{border-color:transparent transparent transparent #008be2;border-style:solid;border-width:10px 0 10px 18px;bottom:0;content:"";display:inline-block;height:0;margin:auto;position:absolute;right:0;top:0;vertical-align:middle;width:0}}@media (min-width:992px){.task_wrap.style3 .task-box .col-3:not(:last-child):before{right:-10px}.task_wrap.style3 .task-box .col-3{padding-left:20px;padding-right:20px}.task_wrap.style3 .task-box{margin-left:-20px;margin-right:-20px}}@media (max-width:767px){.task_wrap .task-box .col-3{margin-bottom:30px}.task_wrap .sub-box .thum-images{position:static!important}.task_wrap.style1 .sub-box .point-number{width:200px}.task_wrap .sub-box .thum-images{margin-top:15px}}