@charset "UTF-8";/*!
 * case-sharefront.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2022 Diffco.us. All rights reserved.
 *//*!
 * _descriptions.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2019 Diffco.us. All rights reserved.
 *//*!
 * case-sharefront.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2022 Diffco.us. All rights reserved.
 *//*!
 * _case.sharefront.scss
 * diffco-site-template
 *
 * Created by Diffco.us
 * Copyright © 2022 Diffco.us. All rights reserved.
 */@font-face{font-family:Inter;font-style:normal;font-weight:400;src:local(""),url(../fonts/inter-v3-latin-regular.woff2) format("woff2"),url(../fonts/inter-v3-latin-regular.woff) format("woff")}.back{top:115px}.back a::before{background:rgba(33,21,65,.1)}.back svg{fill:#211541}@media (max-width:1279px){.back{left:15px}}@media (max-width:767px){.back{left:0;top:96px}}.caseSharefront{background:#fff;font-family:Inter,sans-serif;font-weight:400;color:#211541;font-size:16px;line-height:24px;overflow:hidden}.caseSharefront .container{max-width:1160px;margin:0 auto}.caseSharefront .row{display:flex;flex-direction:row}.caseSharefront .title{font-family:Gilroy,sans-serif;font-weight:700;font-size:32px;line-height:40px;letter-spacing:-.64px}@media (max-width:767px){.caseSharefront .title{font-size:24px;line-height:32px}}.caseSharefront .section1{padding-bottom:80px}@media (max-width:1279px){.caseSharefront .section1{padding-bottom:50px}}.caseSharefront .section1 .container:first-child{background:url(../images/casesharefront/bg.jpg) no-repeat top center #fff;background-size:cover}@media (max-width:767px){.caseSharefront .section1 .container:first-child{background:0 0}}@media (max-width:1279px){.caseSharefront .section1 .container{padding:0 30px}}@media (max-width:767px){.caseSharefront .section1 .container{padding:0 15px}}.caseSharefront .section1__top{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:730px}@media (max-width:1279px){.caseSharefront .section1__top{flex-direction:column;padding:115px 0 0}}@media (max-width:767px){.caseSharefront .section1__top{padding-top:80px}}.caseSharefront .section1__top .logo{margin-bottom:32px;max-width:100%}@media (max-width:767px){.caseSharefront .section1__top .logo{max-width:75%}}.caseSharefront .section1__top h1{font-family:Gilroy,sans-serif;font-weight:700;font-size:40px;line-height:48px;letter-spacing:-.02em;margin-bottom:32px}@media (max-width:767px){.caseSharefront .section1__top h1{font-size:24px;line-height:32px;margin-bottom:16px}.caseSharefront .section1__top h1 br{display:none}}.caseSharefront .section1__top p{font-weight:400;font-size:16px;line-height:24px}@media (max-width:767px){.caseSharefront .section1__top p{margin-bottom:16px}}.caseSharefront .section1__top p:last-child{margin-bottom:0}.caseSharefront .section1__top .left{max-width:642px}@media (max-width:1279px){.caseSharefront .section1__top .left{max-width:100%}}.caseSharefront .section1__top-art{margin-left:-100px;margin-right:-50px;margin-bottom:-300px}@media (max-width:767px){.caseSharefront .section1__top-art{margin-bottom:-140px;margin-left:-50px;margin-right:0}}.caseSharefront .section1__top-art img{max-width:100%}@media (max-width:767px){.caseSharefront .section1__top-art img{max-width:100%}}.caseSharefront .section1__video{overflow:hidden;border-radius:8px;position:relative}.caseSharefront .section1__video video{max-width:100%;width:100%}.caseSharefront .section1__video-overlay{position:absolute;inset:0;background:url(../images/casesharefront/video-cover.jpg) no-repeat top center #fff;background-size:cover}.caseSharefront .section1__video-overlay:hover .section1__video-play{transform:scale(1.25)}.caseSharefront .section1__video-action{position:relative;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%);max-width:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.caseSharefront .section1__video-text{font-weight:400;font-size:16px;line-height:24px;color:#fff;margin-top:10px}.caseSharefront .section1__video-play{transition:all .15s ease-in-out}.caseSharefront .section2{padding:80px 15px;background:#fbf7f8}@media (max-width:767px){.caseSharefront .section2{padding:40px 15px}}.caseSharefront .section2 .logo{text-align:center;margin-bottom:48px}@media (max-width:767px){.caseSharefront .section2 .logo{margin-bottom:24px}}.caseSharefront .section2 .logo img{max-width:100%}@media (max-width:767px){.caseSharefront .section2 .logo img{max-width:60%}}.caseSharefront .section2 p{max-width:640px;margin:0 auto 48px auto;text-align:center;font-size:16px;line-height:24px}.caseSharefront .section2 .items{display:flex;flex-direction:row;justify-content:center}@media (max-width:1279px){.caseSharefront .section2 .items{flex-direction:column;align-items:center}}.caseSharefront .section2 .items .item{max-width:480px;margin:0 40px}@media (max-width:1279px){.caseSharefront .section2 .items .item{margin:0 0 40px 0}.caseSharefront .section2 .items .item:last-child{margin-bottom:0}}.caseSharefront .section2 .items .item__content{display:flex;flex-direction:row}.caseSharefront .section2 .items .item__art{margin-right:24px}.caseSharefront .section2 .items .item__desc{font-weight:400;font-size:14px;line-height:20px;color:#211541}.caseSharefront .section3{padding:24px 15px 50px}@media (max-width:1279px){.caseSharefront .section3{padding:40px 15px}}.caseSharefront .section3 .container{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:646px}@media (max-width:1279px){.caseSharefront .section3 .container{flex-direction:column;align-items:center}}.caseSharefront .section3 .title{margin-bottom:32px}.caseSharefront .section3 p{font-weight:400;font-size:16px;line-height:24px;color:#211541}.caseSharefront .section3__art{max-width:585px}@media (max-width:1279px){.caseSharefront .section3__art{max-width:360px;text-align:center}}@media (max-width:767px){.caseSharefront .section3__art{margin-bottom:24px}}.caseSharefront .section3__art img{max-width:100%;animation-name:bounce;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes bounce{0%{transform:translateY(0)}65%{transform:translateY(-20px)}100%{transform:translateY(0)}}.caseSharefront .section3 .left{padding-left:48px}@media (max-width:1279px){.caseSharefront .section3 .left{padding-left:0;margin-bottom:32px;text-align:center}}.caseSharefront .section3 .left p{max-width:480px}.caseSharefront .section4{padding:120px 30px;background:radial-gradient(45.87% 40.86% at 50% 59.14%,rgba(254,197,38,.17) 0,rgba(178,53,237,0) 100%),#211541}@media (max-width:767px){.caseSharefront .section4{padding:80px 30px}}.caseSharefront .section4__art{text-align:center;margin-bottom:64px}@media (max-width:767px){.caseSharefront .section4__art{margin-bottom:32px}}.caseSharefront .section4__art img{max-width:100%}@media (max-width:767px){.caseSharefront .section4__art img{max-width:60%}}.caseSharefront .section4 p{max-width:978px;margin:0 auto;font-family:Gilroy,sans-serif;font-weight:600;font-size:24px;line-height:36px;text-align:center;letter-spacing:-.02em;color:#fff}@media (max-width:767px){.caseSharefront .section4 p{font-size:18px;line-height:24px}}.caseSharefront .section5{padding:120px 15px 0;min-height:704px;background:url(../images/casesharefront/s5-bg@2x.png) no-repeat bottom center/675px,radial-gradient(15.89% 48.76% at 36.7% 84.11%,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 100%),linear-gradient(180deg,#fff 0,#f7efe8 100%)}@media (max-width:767px){.caseSharefront .section5{padding-top:80px;min-height:500px;background:url(../images/casesharefront/s5-bg@2x.png) no-repeat bottom center/320px}}.caseSharefront .section5 .title{text-align:center;margin-bottom:32px}.caseSharefront .section5 p{max-width:640px;margin:0 auto;text-align:center}.caseSharefront .section6 .container{padding:120px 0 64px;text-align:center}@media (max-width:1279px){.caseSharefront .section6 .container{padding:80px 30px 64px}}.caseSharefront .section6 .title{margin-bottom:64px}@media (max-width:767px){.caseSharefront .section6 .title{font-size:32px;line-height:40px;margin-bottom:32px}}.caseSharefront .section6 .items{display:flex;flex-direction:row;margin:0 -8px}@media (max-width:767px){.caseSharefront .section6 .items{padding:0 5px;flex-direction:column}}.caseSharefront .section6 .items .item{padding:0 8px;flex:0 0 25%;width:25%}@media (max-width:767px){.caseSharefront .section6 .items .item{flex:0 0 100%;width:100%;margin-bottom:16px}}.caseSharefront .section6 .items .item__content{border:1px solid #eae8ff;border-radius:8px;padding:24px;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.caseSharefront .section6 .items .item__content h3{font-size:14px;line-height:20px}.caseSharefront .section6 .items .item__art{margin-bottom:16px}.caseSharefront .section7{padding:64px 0;text-align:center}@media (max-width:1279px){.caseSharefront .section7{padding:64px}}@media (max-width:767px){.caseSharefront .section7{padding:40px 15px}}.caseSharefront .section7 .title{max-width:900px;margin:0 auto 16px auto}@media (max-width:1279px){.caseSharefront .section7 .title{max-width:640px}}.caseSharefront .section7 p{max-width:640px;margin:0 auto 70px auto}@media (max-width:767px){.caseSharefront .section7__art{display:none}}.caseSharefront .section7__art img{max-width:100%}.caseSharefront .section7__cd-container{position:relative;height:177px}@media (max-width:1279px){.caseSharefront .section7__cd-container{max-width:680px;margin:0 auto;height:475px}}@media (max-width:767px){.caseSharefront .section7__cd-container{display:none}}.caseSharefront .section7__cd-container img{max-width:100%}.caseSharefront .section7__cd-original-image{position:absolute;top:0;left:0;height:100%;overflow:hidden;transform:translateZ(0);width:100%;background:url(../images/casesharefront/s7-art-2.svg) no-repeat 0 center #fff;background-size:auto 100%;backface-visibility:hidden}@media (max-width:1279px){.caseSharefront .section7__cd-original-image{background:url(../images/casesharefront/s7-art-2-t.svg) no-repeat 0 center #fff}}.caseSharefront .section7__cd-resize-img{position:absolute;top:0;left:0;height:100%;overflow:hidden;transform:translateZ(0);width:50%;background:url(../images/casesharefront/s7-art-1.svg) no-repeat 60px center #fff;background-size:auto 100%;backface-visibility:hidden}@media (max-width:1279px){.caseSharefront .section7__cd-resize-img{background:url(../images/casesharefront/s7-art-1-t.svg) no-repeat 0 center #fff}}.caseSharefront .section7__cd-handle{cursor:move;position:absolute;top:-30px;bottom:-30px;left:50%;width:40px;margin-left:-20px;padding-left:19px}.caseSharefront .section7__cd-handle::before{left:0;content:"";display:block;width:80px;height:100%;background:linear-gradient(110.65deg,#cebdff 7.99%,#ffe2e7 95.83%) no-repeat 0 0/1px 100%,linear-gradient(90deg,rgba(33,21,65,.08),rgba(33,21,65,0))}.caseSharefront .section7__cd-handle .circle{position:absolute;top:50%;left:-17px;transform:translateY(-50%);width:79px;height:79px;background:url(../images/casesharefront/handle.svg) no-repeat left center}@media (min-width:768px){.caseSharefront .section7__art-m{display:none}}.caseSharefront .section7__art-m h2{font-family:Gilroy,sans-serif;font-weight:700;font-size:18px;line-height:24px;margin-bottom:16px}.caseSharefront .section7__flow{margin-bottom:40px}.caseSharefront .section7__flow:last-child{margin-bottom:0}.caseSharefront .section7__flow h3{font-family:Gilroy,sans-serif;font-weight:700;font-size:18px;line-height:24px;margin-bottom:16px;text-align:left}.caseSharefront .section7__flow-art{height:214px;overflow:scroll hidden}.caseSharefront .section7__flow-art::-webkit-scrollbar{display:none}.caseSharefront .section7__flow-art img{max-height:204px}.caseSharefront .section8{padding:64px 30px}@media (max-width:767px){.caseSharefront .section8{padding:40px 15px}}.caseSharefront .section8 .container{display:flex;flex-direction:row;justify-content:center;align-items:center}@media (max-width:1279px){.caseSharefront .section8 .container{flex-direction:column;align-items:center}}@media (max-width:767px){.caseSharefront .section8 .container{text-align:center}}.caseSharefront .section8 .title{margin-bottom:16px}.caseSharefront .section8 p{font-weight:400;font-size:16px;line-height:24px;color:#211541}@media (max-width:1279px){.caseSharefront .section8__art{text-align:center}}.caseSharefront .section8__art img{max-width:100%}.caseSharefront .section8 .left{max-width:640px;margin-right:32px}@media (max-width:1279px){.caseSharefront .section8 .left{max-width:440px}}@media (max-width:767px){.caseSharefront .section8 .left{margin-right:0}}.caseSharefront .section9{margin:80px 0}@media (max-width:767px){.caseSharefront .section9{margin:0}}.caseSharefront .section9 .container{background:url(../images/casesharefront/s9-bg@2x.png) no-repeat top center,linear-gradient(110.65deg,#f2eeff 30.95%,#ffe8ef 95.83%);background-size:cover;min-height:557px;border-radius:16px;padding:0 130px;display:flex;flex-direction:column;justify-content:center}@media (max-width:1279px){.caseSharefront .section9 .container{padding:74px 48px}}@media (max-width:767px){.caseSharefront .section9 .container{min-height:auto;padding:80px 24px 40px 24px}}.caseSharefront .section9__desc{max-width:473px}.caseSharefront .section9 .title{margin-bottom:32px}.caseSharefront .section9 p{margin:0 auto}@media (max-width:1279px){.caseSharefront .section10{padding:64px 30px}}@media (max-width:767px){.caseSharefront .section10{padding:48px 15px}}.caseSharefront .section10 .container{max-height:660px;display:flex;flex-direction:row;justify-content:center;align-items:center}@media (max-width:1279px){.caseSharefront .section10 .container{min-height:auto}}@media (max-width:767px){.caseSharefront .section10 .container{flex-direction:column}}.caseSharefront .section10 .left{padding-left:130px;min-width:610px;position:relative;z-index:1}@media (max-width:1279px){.caseSharefront .section10 .left{min-width:auto;flex:1;padding-left:0}}.caseSharefront .section10 .right{margin-left:-140px;margin-right:-145px}@media (max-width:1279px){.caseSharefront .section10 .right{flex:1;margin-left:0;margin-right:-44px}}@media (max-width:767px){.caseSharefront .section10 .right{order:-1;margin-left:0;margin-right:0}}.caseSharefront .section10 .title{margin-bottom:24px}@media (max-width:1279px){.caseSharefront .section10__art img{max-width:100%}}.caseSharefront .section10 p{margin-bottom:24px}.caseSharefront .section10 p:last-child{margin-bottom:0}.caseSharefront .section11{background:url(../images/casesharefront/s11-bg@2x.png) no-repeat bottom center,radial-gradient(90.57% 232.97% at 92.77% 9.43%,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%),rgba(255,195,140,.9);background-size:1570px 100%,100%,cover;margin:80px 0}@media (max-width:767px){.caseSharefront .section11{background-size:1500px;margin:0;background-position:left bottom}}.caseSharefront .section11 .container{min-height:557px;border-radius:16px;padding:74px;text-align:center}@media (max-width:1279px){.caseSharefront .section11 .container{min-height:446px;padding:50px 48px}}@media (max-width:767px){.caseSharefront .section11 .container{min-height:512px;border-radius:0;padding:40px 15px}}.caseSharefront .section11 .title{margin-bottom:16px}.caseSharefront .section11 p{max-width:800px;margin:0 auto}.caseSharefront .section12{padding:64px 30px}@media (max-width:767px){.caseSharefront .section12{padding:40px 15px;text-align:center}}.caseSharefront .section12 .container{display:flex;flex-direction:row;justify-content:center;align-items:center}@media (max-width:767px){.caseSharefront .section12 .container{flex-direction:column;align-items:center}}.caseSharefront .section12 .title{margin-bottom:16px}.caseSharefront .section12 p{font-weight:400;font-size:16px;line-height:24px;color:#211541}@media (max-width:767px){.caseSharefront .section12 p{margin-bottom:32px}}@media (max-width:1279px){.caseSharefront .section12__art{text-align:center}}.caseSharefront .section12__art img{max-width:100%}.caseSharefront .section12 .left{max-width:640px;margin-right:32px}@media (max-width:1279px){.caseSharefront .section12 .left{max-width:440px}}@media (max-width:767px){.caseSharefront .section12 .left{margin-right:0}}.caseSharefront .section13{margin:80px 0}@media (max-width:767px){.caseSharefront .section13{margin:0}}.caseSharefront .section13 .container{overflow:hidden;min-height:557px;border-radius:16px;padding:96px 126px 81px;position:relative;background:radial-gradient(42.69% 68.12% at 67.01% 42.78%,rgba(255,195,140,.9) 0,rgba(255,178,87,.171) 100%),linear-gradient(143.11deg,#ff9dc0 3.84%,rgba(255,255,255,0) 78.56%)}@media (max-width:1279px){.caseSharefront .section13 .container{min-height:497px;padding:56px 46px 58px}}@media (max-width:767px){.caseSharefront .section13 .container{min-height:776px;padding:40px 15px;border-radius:0}}.caseSharefront .section13 .container::after{content:"";width:699px;height:557px;position:absolute;background:url(../images/casesharefront/s13-hands@2x.png) no-repeat right center;background-size:cover;right:-80px;top:0}@media (max-width:1279px){.caseSharefront .section13 .container::after{opacity:.5;right:-196px;top:-61px}}@media (max-width:767px){.caseSharefront .section13 .container::after{opacity:1;background:url(../images/casesharefront/s13-hands-m.png) no-repeat bottom;width:320px;height:527px;right:0;top:auto;bottom:0}}.caseSharefront .section13__desc{position:relative;z-index:1;max-width:480px}@media (max-width:767px){.caseSharefront .section13__desc{max-width:100%}}.caseSharefront .section13 .title{margin-bottom:24px}.caseSharefront .section13 p{margin-bottom:44px}.caseSharefront .section13__art{position:relative;z-index:1;max-width:494px}@media (max-width:767px){.caseSharefront .section13__art{margin:0 auto;text-align:center;max-width:285px}}.caseSharefront .section13__art img{max-width:100%}.caseSharefront .section14{padding:40px 30px 120px}.caseSharefront .section14__desc{margin:0 auto;max-width:800px;text-align:center}.caseSharefront .section14 .title{margin-bottom:24px}.caseSharefront .section14__art{margin-top:60px;text-align:center}.caseSharefront .section14__art img{max-width:100%}