@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap);.step .form-group.checkbox input+label:hover,.step .form-group.radio .radio-group label:hover{cursor:pointer}@-webkit-keyframes flicker{0%,50%{opacity:0}100%,25%{opacity:1}}@keyframes flicker{0%,50%{opacity:0}100%,25%{opacity:1}}@-webkit-keyframes leftToRight{0%{left:-60%}100%{left:100%}}@keyframes leftToRight{0%{left:-60%}100%{left:100%}}body,html{height:100%;font-family:"Hiragino Sans";letter-spacing:2px;background-color:#FFF}@media (max-width:768.98px){body,html{height:auto}body.top header{margin-bottom:8vh!important}}.loading{position:fixed;top:0;bottom:0;left:0;right:0;background:#fff;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.loading-bg{width:60px;position:relative}.loading-bg img{display:block}.loading-line{background:rgba(255,255,255,.6);position:absolute;top:0;left:-60%;height:100%;width:45px}.loading-line.active{-webkit-transform:skew(13deg);-ms-transform:skew(13deg);transform:skew(13deg);-webkit-animation:leftToRight .5s ease-out forwards;animation:leftToRight .5s ease-out forwards}@media screen and (max-height:765px){body,html{height:auto}}body.top{border-top:3px solid #000;background-size:cover;height:100%}body.top header .logo{max-width:261px;height:auto;display:block;margin:25px auto}body.top h1{font-size:36px}body.top h1 br{display:none}@media (max-width:768.98px){body.top header .logo{max-width:60%}body.top h1{font-size:28px;font-weight:400!important;line-height:1.45}body.top h1 br{display:block}}body.top p.description{font-size:15px}body.top .icons{-ms-flex-pack:distribute;justify-content:space-around}body.top .icons div{background-color:rgba(255,255,255,.9);padding:30px 0;text-align:center;width:155px}@media (max-width:768.98px){body.top p.description{font-size:12px;font-weight:300;margin-bottom:5vh!important}body.top .icons{-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;text-align:center;display:block!important;margin-bottom:5vh!important}body.top .icons div{width:29%;padding:15px 0;display:inline-block;border-radius:5px;margin:0 1% 3%}}body.top .icons div .far,body.top .icons div .fas{font-size:42px;color:#ACB6E5;background:-webkit-linear-gradient(0deg,#000,#653B2B);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:21px;font-weight:100}body.top .icons div img{width:48px;margin-bottom:10px}body.top .icons div h2{font-size:15px;color:#1c1b1b}@media (max-width:768.98px){body.top .icons div img{width:32px;height:32px}body.top .icons div h2{font-size:9px;letter-spacing:.1px}}body.top .icons div p{font-size:12px;color:#8e929b}span.icon{height:55px;width:50px;display:block;margin:0 auto 21px;background:-webkit-linear-gradient(0deg,#000,#653B2B)}span.icon.result{width:50px;height:25px;margin:0}span.icon.communication{-webkit-mask:url(../img/icon/users-light.svg) no-repeat center;mask:url(../img/icon/users-light.svg) no-repeat center}span.icon.digital{-webkit-mask:url(../img/icon/file-chart-pie-light.svg) no-repeat center;mask:url(../img/icon/file-chart-pie-light.svg) no-repeat center}span.icon.supply{-webkit-mask:url(../img/icon/forklift-light.svg) no-repeat center;mask:url(../img/icon/forklift-light.svg) no-repeat center}span.icon.management{-webkit-mask:url(../img/icon/sitemap-light.svg) no-repeat center;mask:url(../img/icon/sitemap-light.svg) no-repeat center}span.icon.branding{-webkit-mask:url(../img/icon/portrait-light.svg) no-repeat center;mask:url(../img/icon/portrait-light.svg) no-repeat center}.btn.primary{background-image:-webkit-gradient(linear,left top, right top,from(#000),to(#000));background-image:linear-gradient(90deg,#000,#000)}.btn.white{color:#000}.step header .container{max-width:96%}.step header ul.flow{-ms-flex-pack:distribute;justify-content:space-around}.step header ul.flow li{-ms-flex-preferred-size:20%;flex-basis:20%;text-align:center;position:relative;padding-top:20px;font-weight:600}@media (max-width:768.98px){body.top .icons div p{font-size:9px}.step header .container{max-width:100%}.step header ul.flow{margin-bottom:40px!important}.step header ul.flow li{padding-top:5px;font-size:10px;letter-spacing:1px;font-weight:500;line-height:0}}.step header ul.flow li span{display:none}.step header ul.flow li.active span{display:block}.step header ul.flow li::before{content:'';display:table;color:#FFF;background-color:#e5e8ef;height:2px;width:100%;margin-bottom:20px}.step header ul.flow li.active::before,.step header ul.flow li.done::before{background-image:-webkit-gradient(linear,left top, right top,from(#000),to(#653B2B));background-image:linear-gradient(to right,#000,#653B2B)}.step footer{padding:0 5px}.step footer div{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;padding:0 15px}@media (max-width:768.98px){.step header ul.flow li::before{height:4px}.step footer div{position:inherit;margin-top:40px;padding-bottom:60px}}.step footer div button{margin:40px 50px}.step footer div button.back,.step footer div button.next{width:325px}.step h1{font-size:36px;text-align:center;line-height:125%}@media (max-width:768.98px){.step footer div button{margin:20px 5px}.step footer div button.back,.step footer div button.next{width:300px}.step h1{font-size:16px;text-align:left;padding:0 15px;margin-bottom:30px!important;line-height:1.85}.step .form-group{padding:0 15px}}.step h1 .step_num{font-size:14px;color:#8e929b;display:block}.step .form-group{margin-bottom:0}.step .form-group.basic{width:665px;margin:0 auto}.step .form-group.basic label{font-weight:600;font-size:12px}@media (max-width:768.98px){.step .form-group.basic{width:100%;display:block!important}.step .form-group.basic .harf{margin-bottom:0!important;display:block!important}.step .form-group.basic .col-6{max-width:inherit;padding:0;margin-bottom:15px}.step .form-group.basic .col-12{padding:0}.step .form-group.basic label.agree{display:inline-block}.step .form-group.basic label{color:#8e929b;display:block;padding-bottom:8px}}.step .form-group.checkbox{width:665px;margin:0 auto}@media (max-width:768.98px){.step .form-group.checkbox{width:100%;padding:0 15px}}.step .form-group.checkbox .checkbox-group{padding:15px;border:1px solid #f8f8fa;border-radius:3px;margin-bottom:5px}.step .form-group.checkbox input{display:none}.step .form-group.checkbox input+label{position:relative;padding-left:50px}@media (max-width:768.98px){.step .form-group.checkbox input+label{display:block}}.step .form-group.checkbox input+label::before{position:absolute;left:0;top:0;bottom:0;margin:auto;content:'';display:inline-block;width:32px;height:32px;background:url(../img/unchecked.png) center center no-repeat;background-size:cover}.step .form-group.checkbox input:checked+label::before{background-image:url(../img/checked.png)}.step .form-group.checkbox label{font-size:16px}.step .form-group.radio{width:500px;margin:0 auto}.step .form-group.radio h2{font-size:16px;color:#1c1b1b;margin-bottom:20px}@media (max-width:768.98px){.step .form-group.radio{width:100%;padding:0 15px}.step .form-group.radio .radio-group label,.step .form-group.radio h2{font-size:12px}}.step .form-group.radio .radio-container{-ms-flex-pack:distribute;justify-content:space-around;position:relative}.step .form-group.radio .radio-container::before{content:'';display:block;position:absolute;background-color:#e5e8ef;height:2px;width:100%;top:0;bottom:0;margin:auto;z-index:0}.step .form-group.radio .radio-group{position:relative;line-height:0}.step .form-group.radio .radio-group label{top:0;left:0;right:0;margin:auto;position:absolute;padding-top:50px;word-break:keep-all;text-align:center}.step .form-group.radio .radio-group input{display:none}.step .form-group.radio .radio-group input+span{position:relative;display:block;height:32px;width:32px}@media (max-width:768.98px){.step .form-group.radio .radio-group input+span{width:28px;height:28px}}.step .form-group.radio .radio-group input+span::before{content:'';border:2px solid #E5E8EF;background-color:#FFF;display:block;width:32px;height:32px;border-radius:100%;position:absolute;top:0;left:0;right:0;margin:auto;z-index:0}@media (max-width:768.98px){.step .form-group.radio .radio-group input+span::before{width:28px;height:28px}}.step .form-group.radio .radio-group input:checked+span::after{content:'';display:block;position:absolute;width:20px;height:20px;border-radius:100%;background-image:-webkit-gradient(linear,left top, right top,from(#000),to(#653B2B));background-image:linear-gradient(to right,#000,#653B2B);z-index:1;top:0;bottom:0;left:0;right:0;margin:auto}.step .form-group.radio2 .radio-container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:768.98px){.step .form-group.radio .radio-group input:checked+span::after{width:16px;height:16px}.step .form-group.radio2 .radio-container{-webkit-box-pack:inherit;-ms-flex-pack:inherit;justify-content:inherit;display:block!important}}.step .form-group.radio2 .radio-container input{display:none}.step .form-group.radio2 .radio-container input+span+label{cursor:pointer;border:1px solid #e5e8ef;height:206px;width:155px;margin:0 7px;text-align:center;font-size:16px;color:#8e929b;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:600;border-radius:4px;padding:0 20px}@media (max-width:768.98px){.step .form-group.radio2 .radio-container input+span+label{width:100%;height:auto;padding:25px 0;margin:0 0 10px;font-size:14px}.step .form-group.radio2 .radio-container input+span+label br{display:none}}.step .form-group.radio2 .radio-container input:checked+span+label{color:#FFF;-webkit-box-shadow:0 10px 24px rgba(142,144,155,.25);box-shadow:0 10px 24px rgba(142,144,155,.25)}.step .form-group textarea{width:665px;margin:auto;border:0;border-bottom:1px solid #000;background-color:#f8f8fa;min-height:165px;font-size:16px}.step .form-group input.txt{border-radius:0;background-color:#f8f8fa;border-bottom:1px solid #d9dce3;font-size:16px;padding:15px}.step .form-group input.txt:active,.step .form-group input.txt:focus{border-bottom-color:#000}.step main.container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 50px;min-height:60vh}@media (max-width:768.98px){.step .form-group textarea{width:100%}.step .form-group input.txt{border-bottom-width:2px}.step main.container{height:auto;margin-bottom:0}}.step main.container.title{height:100%}.step main.container.title h1{font-size:28px;-webkit-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px);-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-webkit-transition-delay:.8s;transition-delay:.8s;opacity:0}.step main.container.title h1.active{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.step main.container.title ul.title_flow{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media (max-width:768.98px){.step main.container.title{height:50vh;top:50vh}.step main.container.title h1{text-align:left;padding:0 15px}.step main.container.title ul.title_flow{-webkit-box-pack:normal;-ms-flex-pack:normal;justify-content:normal;display:block!important;line-height:2.5}}.step main.container.title ul.title_flow.active li:nth-child(2),.step main.container.title ul.title_flow.active li:nth-child(3),.step main.container.title ul.title_flow.active li:nth-child(4),.step main.container.title ul.title_flow.active li:nth-child(5),.step main.container.title ul.title_flow.active li:nth-child(6){opacity:1!important;-webkit-transform:translateX(0)!important;-ms-transform:translateX(0)!important;transform:translateX(0)!important}.step main.container.title ul.title_flow li{padding:0 15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#8e929b;font-size:14px;opacity:0;-webkit-transition:all .6s ease-in-out;transition:all .6s ease-in-out}.step main.container.title ul.title_flow li:nth-child(2),.step main.container.title ul.title_flow li:nth-child(3),.step main.container.title ul.title_flow li:nth-child(4),.step main.container.title ul.title_flow li:nth-child(5),.step main.container.title ul.title_flow li:nth-child(6){-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}.step main.container.title ul.title_flow li:nth-child(2){-webkit-transition-delay:.8s;transition-delay:.8s}.step main.container.title ul.title_flow li:nth-child(3){-webkit-transition-delay:.6s;transition-delay:.6s}.step main.container.title ul.title_flow li:nth-child(4){-webkit-transition-delay:.4s;transition-delay:.4s}.step main.container.title ul.title_flow li:nth-child(5){-webkit-transition-delay:.2s;transition-delay:.2s}.step main.container.title ul.title_flow li:nth-child(6){-webkit-transition-delay:0s;transition-delay:0s}.step main.container.title ul.title_flow li.active{font-size:32px;font-weight:500;background:-webkit-gradient(linear,left top, right top,from(#000),to(#653B2B));background:linear-gradient(to right,#000,#653B2B);background:-webkit-linear-gradient(to right,#000,#653B2B);-webkit-background-clip:text}.step main.container.title ul.title_flow li.flicker{-webkit-animation:flicker 2s forwards;animation:flicker 2s forwards}.entry_privacy{height:140px;overflow:auto;font-size:12px;margin:40px 12px 0;border:1px solid #E7E7E7;padding:10px;line-height:1.85}.coffee-0{background:url(../img/coffee-light.jpg) center center no-repeat}.coffee-1{background:url(../img/coffee-normal.jpg) center center no-repeat}.coffee-2{background:url(../img/coffee-deep.jpg) center center no-repeat}.coffeestore-0{background-color:#00ADE5}.coffeestore-1{background-color:#047654}.coffeestore-2{background-color:#222E2C}section{-webkit-transform:translateX(-60px);-ms-transform:translateX(-60px);transform:translateX(-60px);-webkit-transition:all .8s ease-in-out;transition:all .8s ease-in-out;-webkit-transition-delay:.8s;transition-delay:.8s;opacity:0}section.active{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}@media (max-width:768.98px){.entry_privacy{margin:40px 0 0}section{text-align:left;padding:0 15px}body.result .container-fluid{padding:0 20px}}body.result{height:auto;border-top:3px solid #495CFD}body.result .container-fluid{max-width:1120px;margin:0 auto}body.result .container{max-width:1026px;margin:0 auto}@media (max-width:768.98px){body.result .container{padding:0 20px}}body.result .justify-space-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}body.result header{background-image:-webkit-gradient(linear,left top, right top,from(#9f7cf6),to(#83bbf2));background-image:linear-gradient(90deg,#9f7cf6,#83bbf2);border-bottom:2px solid #e5e8ef;padding:24px 0;border-bottom-left-radius:5px;border-bottom-right-radius:5px}@media (max-width:768.98px){body.result header{padding:17px 0 32px;margin-bottom:40px!important}}body.result header .logo{margin:0 auto 45px;display:block}@media (max-width:768.98px){body.result header .logo{width:189px;margin:0 auto 37px}}body.result header .complete img{display:block;margin:0 auto 10px}body.result header .complete p{color:#fff;letter-spacing:2px}body.result h1,body.result h3{font-size:20px;letter-spacing:2.85px;font-weight:600}body.result .stage{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}body.result .stage-item-bg{width:154px;height:154px;background:#fff;border:1px solid #E5E8EF;border-radius:3px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;margin:0 12px}@media (max-width:768.98px){body.result .stage-item-bg{width:77px;height:77px;margin:0 4px}}@media (max-width:321px){body.result .stage-item-bg{width:65px;height:65px}}body.result .stage-item-bg span:first-child{font-size:15px;text-transform:uppercase;margin-bottom:5px}@media (max-width:768.98px){body.result .stage-item-bg span:first-child{font-size:9px}}body.result .stage-item-bg span:last-child{font-size:36px;line-height:1}@media (max-width:768.98px){body.result .stage-item-bg span:last-child{font-size:24px}}body.result .stage-item-bg.active{background-image:-webkit-gradient(linear,left top, right top,from(#9F7CF6),to(#83BBF2));background-image:linear-gradient(to right,#9F7CF6,#83BBF2);color:#fff;-webkit-box-shadow:0 10px 24px rgba(142,144,155,.25);box-shadow:0 10px 24px rgba(142,144,155,.25)}body.result .fs-15{font-size:15px}body.result .border-bl{position:relative;padding-top:2px;-webkit-box-shadow:0 10px 24px rgba(142,144,155,.25);box-shadow:0 10px 24px rgba(142,144,155,.25);border-radius:3px;background:#fff}body.result .border-bl::before{content:'';top:0;left:0;width:100%;height:2px;background-image:-webkit-gradient(linear,left top, right top,from(#9f7cf6),to(#83bbf2));background-image:linear-gradient(90deg,#9f7cf6,#83bbf2);position:absolute}body.result .charts{padding:60px 110px 70px 80px;margin-bottom:40px}body.result .charts-dp{width:40.17857vw;height:31.25vw;max-width:450px;max-height:350px;position:relative}body.result .charts-left{-webkit-box-flex:0;-ms-flex:0 1 450px;flex:0 1 450px}@media (max-width:768.98px){body.result .charts{padding:40px 0;margin-bottom:20px}body.result .charts>.d-flex{display:block!important}body.result .charts h3{font-size:16px;margin-bottom:30px!important}body.result .charts-dp{width:100%;height:200px;max-width:100%;max-height:100%}body.result .charts-left{margin-bottom:30px;padding:0 10px}}body.result .charts-left h3{margin-bottom:45px!important}body.result .charts-right{-webkit-box-flex:0;-ms-flex:0 1 360px;flex:0 1 360px;margin-left:30px}@media (max-width:768.98px){body.result .charts-right{width:100%;padding:0 30px;margin-left:0}}body.result .charts-right ul li{border:1px solid #8E929B;font-size:16px;text-align:center;padding:16px 0;margin-bottom:15px}@media (max-width:768.98px){body.result .charts-right ul li{font-size:14px;padding:11px 5px}}body.result .charts-right ul li:last-child{margin-bottom:0}body.result .phases{padding:60px 110px 80px}body.result .phases img.pc{display:block}body.result .phases img.sp{display:none}body.result .phases span{font-weight:600}body.result .phases .w-200{-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px}@media (max-width:768.98px){body.result .phases{padding:42px 34px 30px}body.result .phases img.pc{display:none}body.result .phases img.sp{display:block}body.result .phases .w-200{margin-bottom:10px}body.result .phases h3{font-size:16px}body.result .phases h3 span{font-size:12px!important}}body.result .phases h3 span{color:#8E929B;display:block;margin-top:5px}body.result .purple-bl{background:#9F7CF6;padding:130px 0 80px;margin-top:-70px}@media (max-width:768.98px){body.result .phases>.d-flex{display:block!important}body.result .phases>.d-flex.mb-4{margin-bottom:20px!important}body.result .phases>.d-flex .fs-15{font-size:12px!important}body.result .purple-bl{padding:110px 0 40px}}body.result .purple-bl h3{color:#fff;background:url(../img/LogoWt.png) center no-repeat;padding:32px 0;margin-bottom:60px}body.result .purple-bl .border-bl{border-bottom-left-radius:3px;border-bottom-right-radius:3px}body.result .purple-bl .border-bl:first-child{margin-right:6px}body.result .purple-bl .border-bl:last-child{margin-left:6px}@media (max-width:768.98px){body.result .purple-bl h3{font-size:16px;background-size:40px;padding:25px 0;margin-bottom:40px}body.result .purple-bl .container-fluid>.d-flex{display:block!important}body.result .purple-bl .border-bl:first-child{margin-right:0;margin-bottom:20px}body.result .purple-bl .border-bl:last-child{margin-left:0}}body.result .purple-bl .border-bl-des{padding:80px 115px 0}body.result .purple-bl .border-bl-des img{margin:0 auto 50px;display:block}@media (max-width:768.98px){body.result .purple-bl .border-bl-des{padding:55px 32px 0}body.result .purple-bl .border-bl-des p{font-size:14px!important}body.result .purple-bl .border-bl-des img{width:170px;margin:0 auto 40px}}body.result .purple-bl .border-bl-link{display:block;text-align:center;padding:35px 0 32px;background:url(../img/right-arrow.png) right 40px center no-repeat;border-top:1px solid #F2F2F2;margin-top:40px}body.result .purple-bl .border-bl-link span{font-size:16px;font-weight:600}@media (max-width:768.98px){body.result .purple-bl .border-bl-link{padding:22px 0 18px;margin-top:30px;background:url(../img/right-arrow.png) right 30px center no-repeat;background-size:10px}}body.result .purple-bl .border-bl-link:hover span{color:#495CFD}body.result footer{background:#1C1B1B;padding:98px 0;color:#fff}@media (max-width:768.98px){body.result footer{padding:50px 0}body.result footer .container>.d-flex{display:block!important}body.result footer .container>.d-flex .logo-ft{width:260px;margin:0 auto 45px!important;display:block}}body.result footer ul.category-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}body.result footer ul.category-list li{width:50%}body.result footer ul li{margin-bottom:10px;display:block}body.result footer ul li a{font-size:14px}body.result footer .copy-right{color:#474545;border-top:1px solid #474545}@media (max-width:768.98px){body.result footer .copy-right{display:block;text-align:center}}body.result footer .fast-menu{width:490px}body.result footer .fast-menu .copy-right{display:block;text-align:left}@media (max-width:768.98px){body.result footer .fast-menu{width:auto}body.result footer .fast-menu .copy-right{display:none}}body.result footer .contact{width:420px;margin-left:30px}body.result footer .contact p{font-size:19px;font-family:'Noto Sans',sans-serif}@media (max-width:768.98px){body.result footer .contact{width:auto;margin-bottom:50px;margin-left:0}body.result footer .contact p{font-size:16px;margin-bottom:15px!important}}body.result footer .contact input,body.result footer .contact textarea{font-size:12px;padding:15px 20px}body.result footer .contact textarea{width:100%;resize:none;height:290px}body.result footer .contact button{width:100%;font-family:'Noto Sans',sans-serif;font-weight:700;font-size:14px}@media (max-width:768.98px){body.result footer .contact button{padding:12.5px 10px!important}}