.scroll-label{position:fixed;right:52px;bottom:78px;text-transform:uppercase;display:flex;align-items:center;-webkit-transform:rotate(90deg) translate3d(20px,0,0);transform:rotate(90deg) translate3d(20px,0,0);-webkit-transform-origin:right top;transform-origin:right top;transition:all .45s var(--primary-ease);z-index:5}.scroll-label .line{display:inline-block;width:51px;height:1px;background-color:#1a1918;margin-right:12px;-webkit-transform:scaleX(0);transform:scaleX(0);transition:background-color .45s var(--primary-ease)}.scroll-label .text{opacity:0}.scroll-label.background-is-black,.scroll-label.background-is-red{color:var(--color-primary-white)}.scroll-label.background-is-black .line,.scroll-label.background-is-red .line{background-color:var(--color-primary-white)}.scroll-label.hidden{opacity:0}.scroll-label.reveal{opacity:1}main{transition:background-color .95s var(--primary-ease)}.scroll-indicator{position:fixed;top:0;right:0;background-color:var(--color-primary-black-1);width:4px;height:100vh;-webkit-transform-origin:left top;transform-origin:left top;z-index:19}.scroll-indicator.bg-is-black,.scroll-indicator.bg-is-red{background-color:var(--color-primary-white)}.circle-container{width:100vw;position:fixed;top:0;left:0;overflow:visible;opacity:0}@media screen and (max-width: 768px){.circle-container{overflow:hidden}}.circle-container.loaded{opacity:1}.circle-container .bg-circle{position:fixed;top:-120px;right:calc((100vw - 1200px)/2 - 180px);pointer-events:none;-webkit-transform:rotate(90deg) scaleX(-1);transform:rotate(90deg) scaleX(-1);transition:stroke .65s ease-out;opacity:.15}@media screen and (max-width: 768px){.circle-container .bg-circle{right:calc(-50vw - 180px);top:-100px;-webkit-transform:scale(.5);transform:scale(.5)}}footer{height:698px;background-color:var(--color-primary-black-3);display:flex;align-items:center}@media screen and (max-width: 768px){footer{height:auto;padding:80px 0}}footer .symbol-container{width:280px}footer .footer-left{display:flex;flex-direction:column}@media screen and (max-width: 768px){footer .footer-left{display:none}}footer .contact>a:first-of-type{margin-bottom:12px}footer .catchphrase{font-family:Montserrat,sans-serif;font-weight:500;font-size:20px;line-height:36px;max-width:240px;margin:30px 0 0}footer .sns-links{display:flex;align-items:flex-end;flex:2}footer .sns-links>li{margin-right:35px;opacity:.7;transition:opacity .85s var(--primary-ease)}footer .sns-links>li:hover{opacity:1}footer .column{width:50%}@media screen and (max-width: 768px){footer .column{width:100%}}footer .footer-content{display:flex;justify-content:space-between}@media screen and (max-width: 768px){footer .footer-content{height:auto;flex-direction:column}}footer .email{margin-bottom:10px;font-size:17px}@media screen and (max-width: 768px){footer .email{margin-bottom:0}}@media screen and (max-width: 768px){footer .tel{margin-bottom:25px}}footer .title{text-transform:uppercase;margin-bottom:30px}@media screen and (max-width: 768px){footer .title{margin-bottom:30px}}footer .title.last{margin-top:85px}@media screen and (max-width: 768px){footer .title.last{margin-top:40px}}footer .info{margin-top:15px;color:#6f6f6f}@media screen and (max-width: 768px){footer .info{margin-top:10px}}footer .links{display:flex;flex-direction:column;align-items:flex-start;color:#9c9c9c}footer .links li{display:inline-block;margin-right:25px}@media screen and (max-width: 768px){footer .links li{display:block}footer .links li:not(:last-of-type){margin-bottom:20px}}footer .footer-menu li:after{content:"";display:block;width:100%;height:1px;background-color:#9c9c9c;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .85s var(--primary-ease);transition:transform .85s var(--primary-ease);transition:transform .85s var(--primary-ease),-webkit-transform .85s var(--primary-ease);-webkit-transform-origin:right;transform-origin:right}@media screen and (min-width: 769px){footer .footer-menu li:hover:after{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:left;transform-origin:left}}footer .address{opacity:.7}@media screen and (max-width: 768px){footer .address{display:none}}.cta-wrapper{position:relative}.cta-wrapper .cta-circle .circle-container{position:absolute;overflow:visible}.cta-wrapper .cta-circle .bg-circle{position:absolute}.cta-wrapper .ribbon{text-transform:uppercase;margin-bottom:40px}.cta-wrapper .spark3{position:absolute;top:350px;right:-80px;opacity:.25}@media screen and (max-width: 768px){.cta-wrapper .spark3{top:50px;right:0}}.cta-wrapper .intro-context{max-width:60%;-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0)}@media screen and (max-width: 768px){.cta-wrapper .intro-context{-webkit-transform:translateZ(0);transform:translateZ(0);line-height:38px;max-width:100%}}.cta-wrapper .say-hello{-webkit-transform:translate3d(40px,0,0);transform:translate3d(40px,0,0);margin-top:60px;color:#fff}@media screen and (max-width: 768px){.cta-wrapper .say-hello{-webkit-transform:translateZ(0);transform:translateZ(0)}}.default-button{text-transform:uppercase;position:relative;height:48px;--button-duration: .45s;cursor:pointer;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}.default-button .button-background .left,.default-button .button-background .right{position:absolute;left:0;top:0;width:48px;height:100%;z-index:1;display:flex;justify-content:flex-end;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}.default-button .button-background .left:before,.default-button .button-background .right:before{content:"";width:48px;display:block;height:48px;border-radius:50%;background-color:var(--color-sub-white-1);-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .45s var(--primary-ease);transition:transform .45s var(--primary-ease);transition:transform .45s var(--primary-ease),-webkit-transform .45s var(--primary-ease)}.default-button .button-background .center{position:absolute;left:0;right:0;top:0;width:0;height:100%;background-color:var(--color-sub-white-1);z-index:1;-webkit-transform-origin:right;transform-origin:right;transition:width var(--button-duration) var(--primary-ease) var(--button-duration),-webkit-transform var(--button-duration) var(--primary-ease);transition:width var(--button-duration) var(--primary-ease) var(--button-duration),transform var(--button-duration) var(--primary-ease);transition:width var(--button-duration) var(--primary-ease) var(--button-duration),transform var(--button-duration) var(--primary-ease),-webkit-transform var(--button-duration) var(--primary-ease)}.default-button .button-background .left{transition:all var(--button-duration) var(--primary-ease)}.default-button .button-background .right{transition:all var(--button-duration) var(--primary-ease) var(--button-duration)}@media screen and (min-width: 769px){.default-button:hover .left{-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);width:100%;transition-duration:calc(var(--button-duration) - .15s);transition-timing-function:var(--custom-ease-3);transition-delay:var(--button-duration)}.default-button:hover .center{width:100%;-webkit-transform:scaleX(0);transform:scaleX(0);transition:width var(--button-duration) var(--primary-ease),-webkit-transform calc(var(--button-duration) - .15s) var(--custom-ease-3) var(--button-duration);transition:width var(--button-duration) var(--primary-ease),transform calc(var(--button-duration) - .15s) var(--custom-ease-3) var(--button-duration);transition:width var(--button-duration) var(--primary-ease),transform calc(var(--button-duration) - .15s) var(--custom-ease-3) var(--button-duration),-webkit-transform calc(var(--button-duration) - .15s) var(--custom-ease-3) var(--button-duration)}.default-button:hover .right{-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);width:100%;transition-delay:0s}}.default-button .text{display:inline-block;position:relative;z-index:3;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0);transition:all .75s var(--primary-ease);opacity:0}.default-button .plus-icon{position:relative;width:7px;height:7px;display:inline-block;margin-left:28px;z-index:2;opacity:0;transition:opacity .85s var(--primary-ease)}.default-button .plus-icon:after,.default-button .plus-icon:before{content:"";position:absolute;top:calc(50% - 2px);left:0;width:100%;height:1px;background-color:var(--color-primary-black-2)}.default-button .plus-icon:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center}.default-button.theme-white{color:var(--color-primary-white)}.default-button.theme-white .button-background .center,.default-button.theme-white .button-background .left:before,.default-button.theme-white .button-background .right:before{background-color:#323135}.default-button.theme-white .plus-icon:after,.default-button.theme-white .plus-icon:before{background-color:var(--color-primary-white)}.default-button.theme-red{color:var(--color-primary-white)}.default-button.theme-red .button-background .center,.default-button.theme-red .button-background .left:before,.default-button.theme-red .button-background .right:before{background-color:#ff6b50}.default-button.theme-red .plus-icon:after,.default-button.theme-red .plus-icon:before{background-color:var(--color-primary-white)}.default-button.animate .left:before,.default-button.animate .right:before{-webkit-transform:scale(1);transform:scale(1)}.default-button.animate .text{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.default-button.animate .plus-icon{opacity:1}.default-button.animate.delayed .left:before,.default-button.animate.delayed .plus-icon,.default-button.animate.delayed .right:before,.default-button.animate.delayed .text{transition-delay:3s}.page-services-landing{position:relative}.page-services-landing .header-left{width:70%}@media screen and (max-width: 768px){.page-services-landing .header-left{width:100%}}.page-services-landing .spark{position:absolute;top:320px;right:-55px;opacity:.15}@media screen and (max-width: 768px){.page-services-landing .spark{top:85px;right:0}}.page-services-landing .service-list{margin-top:80px;margin-bottom:200px}@media screen and (max-width: 768px){.page-services-landing .service-list{margin-bottom:60px;margin-top:60px}}.page-services-landing .service-list-title{max-width:57%;margin-bottom:120px}@media screen and (max-width: 768px){.page-services-landing .service-list-title{max-width:100%;margin-bottom:40px}}.page-services-landing .service-list .services{display:grid;grid-template-columns:auto auto;grid-column-gap:120px;grid-row-gap:20px}.page-services-landing .service-list .services-container{display:flex;justify-content:flex-end}@media screen and (max-width: 768px){.page-services-landing .service-list .services-container{justify-content:flex-start}}@media screen and (max-width: 768px){.page-services-landing .service-list .services{display:block}}.page-services-landing .service-list .services li{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.page-services-landing .service-list .services li{margin-bottom:20px}}.page-services-landing .service-list .services li .service-label-wrapper{position:relative}.page-services-landing .service-list .services li .service-label{position:relative;z-index:2}.page-services-landing .service-list .services li .hover{position:absolute;bottom:-5px;right:-20px;width:100%;height:20px;background-color:#eee;z-index:1;-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform .85s var(--custom-ease-2);transition:transform .85s var(--custom-ease-2);transition:transform .85s var(--custom-ease-2),-webkit-transform .85s var(--custom-ease-2)}@media screen and (min-width: 769px){.page-services-landing .service-list .services li:hover .hover{-webkit-transform:scale(1);transform:scale(1)}}.page-services-landing .service-list .services .icon-plus{content:"";display:block;position:relative;width:7px;height:7px;margin-left:50px;z-index:2;transition:opacity .85s var(--primary-ease);-webkit-transform:translate3d(0,3px,0);transform:translate3d(0,3px,0)}.page-services-landing .service-list .services .icon-plus:after,.page-services-landing .service-list .services .icon-plus:before{content:"";position:absolute;top:calc(50% - 2px);left:0;width:100%;height:1px;background-color:var(--color-primary-red)}.page-services-landing .service-list .services .icon-plus:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transform-origin:center;transform-origin:center}.page-services-landing .clients-list{background-color:var(--color-primary-gray);padding:180px 0 150px}@media screen and (max-width: 768px){.page-services-landing .clients-list{padding:90px 0 75px}}.page-services-landing .clients-list-title{max-width:50%;margin:0 auto 90px;text-align:center}@media screen and (max-width: 1440px){.page-services-landing .clients-list-title{max-width:60%}}@media screen and (max-width: 768px){.page-services-landing .clients-list-title{max-width:100%}}.page-services-landing .clients-list .clients{display:flex;flex-wrap:wrap;justify-content:space-between}@media screen and (max-width: 768px){.page-services-landing .clients-list .clients{max-width:100%;padding:0}}.page-services-landing .clients-list .client-logo{max-width:170px;width:100%;margin:0 40px 80px;box-sizing:border-box}@media screen and (max-width: 768px){.page-services-landing .clients-list .client-logo{-webkit-transform:scale(1);transform:scale(1);margin:0 15px 40px;max-width:120px;width:100%}}.page-services-landing .area-approach{box-sizing:border-box;display:block;padding-top:100px;position:relative}@media screen and (max-width: 768px){.page-services-landing .area-approach{padding-top:90px}}.page-services-landing .area-approach:before{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background-color:var(--color-primary-black-1);-webkit-transform:scaleX(0);transform:scaleX(0);transition:-webkit-transform 1.25s var(--primary-ease);transition:transform 1.25s var(--primary-ease);transition:transform 1.25s var(--primary-ease),-webkit-transform 1.25s var(--primary-ease);-webkit-transform-origin:left;transform-origin:left}.page-services-landing .area-approach.appear:before{-webkit-transform:scale(1);transform:scale(1)}.page-services-landing .approach-title{max-width:40%}@media screen and (max-width: 1280px){.page-services-landing .approach-title{max-width:50%}}@media screen and (max-width: 768px){.page-services-landing .approach-title{max-width:100%}}.page-services-landing .approach-list{display:flex;justify-content:flex-end;margin-top:120px;padding-bottom:50px}.page-services-landing .approach-list .approaches{max-width:440px;margin-right:120px}.page-services-landing .approach-list .title{margin-bottom:10px}.page-services-landing .approach-list .description{margin-bottom:150px}@media screen and (max-width: 768px){.page-services-landing .approach-list .description{margin-bottom:90px}}.page-services-landing .area-collaborate{padding:130px 0 0}@media screen and (max-width: 768px){.page-services-landing .area-collaborate{padding:90px 0 0}}.head-image-container{position:relative}.head-image-container .left-cover{position:absolute;width:calc(50% - 600px);height:100%;top:0;left:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;background-color:#fff}@media screen and (max-width: 1440px){.head-image-container .left-cover{width:calc(50% - 540px)}}@media screen and (max-width: 768px){.head-image-container .left-cover{display:none}}.head-image-container .bottom-cover{position:absolute;width:100%;bottom:0;left:0;right:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:bottom;transform-origin:bottom;background-color:#fff}@media screen and (max-width: 768px){.head-image-container .bottom-cover{display:none}}.section-approach{position:relative}.section-approach .approach-circle .circle-container{position:relative;overflow:visible}.section-approach .approach-circle .bg-circle{position:absolute;top:70px;left:-400px;right:auto;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.section-approach .icon-container{margin-bottom:30px;-webkit-transform:translate3d(-30px,0,0);transform:translate3d(-30px,0,0)}.section-approach .approach-spark{position:absolute;top:640px;left:485px}@media screen and (max-width: 1440px){.section-approach .approach-spark{left:430px}}@media screen and (max-width: 768px){.section-approach .approach-spark{left:auto;top:140px;right:-120px}}.section-collaborate{position:relative;z-index:3}.section-collaborate .title{width:40%;position:relative;z-index:3}@media screen and (max-width: 1440px){.section-collaborate .title{width:50%}}@media screen and (max-width: 768px){.section-collaborate .title{width:100%}}.section-collaborate .content{display:flex;-webkit-transform:translate3d(0,-35px,0);transform:translate3d(0,-35px,0)}@media screen and (max-width: 768px){.section-collaborate .content{flex-direction:column;-webkit-transform:translateZ(0);transform:translateZ(0);margin-bottom:0}}.section-collaborate .image-block{max-width:680px;flex:2;margin-left:40px}@media screen and (max-width: 1280px){.section-collaborate .image-block{max-width:500px}}@media screen and (max-width: 768px){.section-collaborate .image-block{margin-left:0;margin-bottom:45px;position:relative;width:100vw;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}.section-collaborate .image-block:after{content:"";display:block;position:absolute;top:0;left:0;right:0;width:100%;height:100%;background:linear-gradient(180deg,#fff0 0,#fff6)}}.section-collaborate .image-container{z-index:3}.section-collaborate .text-block{flex:1;padding-left:120px}@media screen and (max-width: 1440px){.section-collaborate .text-block{padding-left:80px}}@media screen and (max-width: 768px){.section-collaborate .text-block{padding-left:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.section-collaborate .text-block h2{margin-bottom:50px}}.section-collaborate .type-title{margin-bottom:15px}.section-collaborate .type-description:first-of-type{margin-bottom:55px}.approach-title-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2;pointer-events:none}.approach-title-container .content-container{display:flex;height:100%;margin-top:180px}.approach-title-container .approach-title{max-width:50%}.section-indicator{position:fixed;top:50%;right:50px;text-transform:uppercase;-webkit-transform:rotate(90deg) translate3d(50%,0,0);transform:rotate(90deg) translate3d(50%,0,0);-webkit-transform-origin:top right;transform-origin:top right;z-index:7;transition:color .85s var(--primary-ease)}.section-indicator.on-black,.section-indicator.on-red{color:var(--color-primary-white)}
