@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);@import url(https://fonts.googleapis.com/css2?family=Biryani:wght@800&display=swap);#nav{position:fixed;right:0;bottom:10px;height:0;width:100%;padding:0 10px;z-index:1;display:flex;background-color:#000;-webkit-animation:navBgM .7s ease .3s 1 forwards;animation:navBgM .7s ease .3s 1 forwards}#nav .sub{display:flex;align-items:center}#nav .sub>a{display:none}#nav>a{color:#c9c9c9;text-decoration:none;padding:10px;font-size:14px;text-transform:uppercase;opacity:0;position:relative;width:5rem;height:3em;display:flex;justify-content:center;align-items:center;flex-shrink:0;-webkit-animation:opacity 1s ease .5s 1 forwards;animation:opacity 1s ease .5s 1 forwards}#nav>a .logo{width:100%;height:100%;background:url(../img/logoM.539b67e1.svg) no-repeat 50%;opacity:0;-webkit-animation:opacity .7s ease 1s 1 forwards;animation:opacity .7s ease 1s 1 forwards}#nav>a .bg,#nav>a .bgBlack{display:none}#nav>a .text{opacity:0;-webkit-animation:opacity .7s ease 1 forwards;animation:opacity .7s ease 1 forwards}#nav>a .borderWhite{background-color:transparent;border:1px solid #fff}#nav>a .menu-1{-webkit-animation-delay:1s;animation-delay:1s}#nav>a .borderWhite-1{-webkit-animation-delay:2.6s;animation-delay:2.6s}#nav>a .menu-2{-webkit-animation-delay:1.1s;animation-delay:1.1s}#nav>a .menu-3{-webkit-animation-delay:1.2s;animation-delay:1.2s}#nav>a .menu-4{-webkit-animation-delay:1.3s;animation-delay:1.3s}#nav>a.router-link-exact-active{color:#fff;font-weight:700}#nav>a:first-child.router-link-exact-active .logo{background:url(../img/logo_on.038d947f.svg) no-repeat 50%}#nav>a.legal{position:fixed;right:0;bottom:0;height:15px;width:100%;padding:0;font-size:10px;color:#c7c7c7;background-color:#7d7d7d}#nav button{border:0;outline:0;background-color:transparent;color:#0b9;font-size:11px;font-weight:600;border-radius:12px;padding:5px;margin:0;cursor:pointer;z-index:1;opacity:0;-webkit-animation:opacity 1s ease 1.2s 1 forwards;animation:opacity 1s ease 1.2s 1 forwards}@media screen and (min-width:920px){#nav{position:fixed;right:0;top:0;bottom:auto;height:0;width:auto;padding:0 10px;z-index:1;-webkit-animation:navBg 1s ease .5s 1 forwards;animation:navBg 1s ease .5s 1 forwards;background-color:transparent;display:flex;flex-direction:column;justify-content:center}#nav:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:1px;height:100%;background:#bbb}#nav .space{height:10%}#nav .sub{display:block;margin-top:-30px;z-index:1;opacity:0;-webkit-animation:opacity .7s ease 1.2s 1 forwards;animation:opacity .7s ease 1.2s 1 forwards}#nav .sub.on{-webkit-animation-delay:.2s;animation-delay:.2s}#nav .sub a{display:block;background-color:#000;width:15px;height:15px;border-radius:50%;margin:5px auto;cursor:pointer}#nav>a{color:#000;text-decoration:none;padding:10px;font-size:14px;text-transform:uppercase;opacity:0;position:relative;width:5.2em;height:5.2em;margin-bottom:30px;display:flex;justify-content:center;align-items:center}#nav>a .logo{background:url(../img/logo.420e6e65.svg) no-repeat 50%}#nav>a .icon{opacity:0;-webkit-animation:icon .4s ease 1 forwards;animation:icon .4s ease 1 forwards}#nav>a .on{display:block}#nav>a .on img{width:100%;height:auto}#nav>a .off{display:none}#nav>a .bg{display:block;position:absolute;z-index:-1;border-radius:50%;opacity:0;width:100%;height:100%;-webkit-animation:navCircle .5s ease 1 forwards;animation:navCircle .5s ease 1 forwards}#nav>a .bgBlack{display:block;background-color:#fff;border:1px solid #bbb}#nav>a.router-link-exact-active .bgBlack{background-color:#000;color:#fff}#nav>a .borderWhite{background-color:transparent;border:1px solid #fff}#nav>a .menu-1{-webkit-animation-delay:1s;animation-delay:1s}#nav>a .borderWhite-1{-webkit-animation-delay:2.6s;animation-delay:2.6s}#nav>a .menu-2{-webkit-animation-delay:1.1s;animation-delay:1.1s}#nav>a .menu-3{-webkit-animation-delay:1.2s;animation-delay:1.2s}#nav>a .menu-4{-webkit-animation-delay:1.3s;animation-delay:1.3s}#nav>a:first-child{margin-top:0;-webkit-animation:navAlinkFirst 1s ease .5s 1 forwards;animation:navAlinkFirst 1s ease .5s 1 forwards}#nav>a:not(:first-child){margin-top:-20px;-webkit-animation:navAlink 1s ease .5s 1 forwards;animation:navAlink 1s ease .5s 1 forwards}#nav>a.router-link-exact-active{color:#fff;font-weight:700}#nav>a.legal{-ms-writing-mode:tb-rl;writing-mode:vertical-rl;position:absolute;right:18px;bottom:10px;font-size:11px;text-align:right;margin:0;padding:10px;width:5.2em;height:5.2em;color:#585858;background-color:transparent}#nav button{background-color:#fff;font-size:13.33px;font-weight:400;color:#000;padding:10px;margin:10px auto}}@-webkit-keyframes navBgM{0%{height:0}to{height:42px}}@keyframes navBgM{0%{height:0}to{height:42px}}@-webkit-keyframes navBg{0%{height:0}to{height:100%}}@keyframes navBg{0%{height:0}to{height:100%}}@-webkit-keyframes navAlink{0%{opacity:0;margin-top:-20px}to{opacity:1;margin-top:0}}@keyframes navAlink{0%{opacity:0;margin-top:-20px}to{opacity:1;margin-top:0}}@-webkit-keyframes navAlinkFirst{0%{opacity:0;margin-top:0}to{opacity:1;margin-top:50px}}@keyframes navAlinkFirst{0%{opacity:0;margin-top:0}to{opacity:1;margin-top:50px}}@-webkit-keyframes navCircle{0%{opacity:0;width:50%;height:50%}to{opacity:1;width:100%;height:100%}}@keyframes navCircle{0%{opacity:0;width:50%;height:50%}to{opacity:1;width:100%;height:100%}}@-webkit-keyframes opacity{0%{opacity:0}to{opacity:1}}@keyframes opacity{0%{opacity:0}to{opacity:1}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50}.v-enter{transform:translate(-100px);opacity:0}.v-enter-to{opacity:1}.v-enter-active{transition:all 1s ease 0s}.v-leave{transform:translate(0);opacity:1}.v-leave-to{transform:translate(100px);opacity:0}.v-leave-active{transition:all .5s ease 0s}.knockout{position:absolute;top:0;height:100vh;width:100%;text-transform:uppercase;font-family:Biryani,sans-serif}text tspan{letter-spacing:-.05em}.wrapper{top:0;left:0;width:100%;height:100%;filter:url(#filter);overflow:hidden}.ball,.wrapper{position:absolute}.ball{width:1000px;height:1000px;top:calc(50% - 500px);left:calc(50% - 500px)}.ball:before{background:#cdff98;border-radius:100%;position:absolute;top:0;left:0;width:100%;height:100%;content:""}.ball:first-child{transform:translate(-2000px);-webkit-animation:x-axis-lateral 8s ease-in-out infinite alternate;animation:x-axis-lateral 8s ease-in-out infinite alternate}.ball:first-child:before{-webkit-animation:y-axis-lateral 8s ease-in-out .1s infinite alternate;animation:y-axis-lateral 8s ease-in-out .1s infinite alternate}.ball:nth-child(2){-webkit-animation:x-axis 8s ease-in-out infinite alternate;animation:x-axis 8s ease-in-out infinite alternate}.ball:nth-child(2):before{-webkit-animation:y-axis 8s ease-in-out .5s infinite alternate;animation:y-axis 8s ease-in-out .5s infinite alternate}.ball:nth-child(3){transform:translate(1100px,1300px);-webkit-animation:x-axis-lateral 8s ease infinite alternate;animation:x-axis-lateral 8s ease infinite alternate}.ball:nth-child(3):before{-webkit-animation:y-axis-lateral 8s ease .4s infinite alternate;animation:y-axis-lateral 8s ease .4s infinite alternate}@-webkit-keyframes x-axis{0%{transform:translate(-1000px)}to{transform:translate(1000px)}}@keyframes x-axis{0%{transform:translate(-1000px)}to{transform:translate(1000px)}}@-webkit-keyframes y-axis{0%{transform:translateY(700px)}to{transform:translateY(-700px) scale(.8);background:#aaf5fa}}@keyframes y-axis{0%{transform:translateY(700px)}to{transform:translateY(-700px) scale(.8);background:#aaf5fa}}@-webkit-keyframes x-axis-lateral{0%{transform:translate(-1000px)}to{transform:translate(800px)}}@keyframes x-axis-lateral{0%{transform:translate(-1000px)}to{transform:translate(800px)}}@-webkit-keyframes y-axis-lateral{0%{transform:translateY(200px)}to{transform:translateY(-500px);background:#e5fc68}}@keyframes y-axis-lateral{0%{transform:translateY(200px)}to{transform:translateY(-500px);background:#e5fc68}}#home{height:100vh;display:block;overflow:hidden}.test{-webkit-animation:float 6s ease-out 4s infinite;animation:float 6s ease-out 4s infinite}@-webkit-keyframes float{0%{width:10%;opacity:1}50%{width:11%;opacity:.5}to{width:10%;opacity:1}}@keyframes float{0%{width:10%;opacity:1}50%{width:11%;opacity:.5}to{width:10%;opacity:1}}@-webkit-keyframes circle{to{stroke-dashoffset:0}}@keyframes circle{to{stroke-dashoffset:0}}*{box-sizing:border-box}body,html{margin:0;overflow-x:hidden}.page{position:absolute;top:0;left:0;width:100%}.main header{margin:35px auto 20px auto;display:flex;flex-wrap:wrap}.main header h1{margin:0 30px 0 15px;font-size:2em}.main header a{color:#2c3e50;text-decoration:none}.main #navSub{margin:3px}.main #navSub>button{width:30px;height:30px;margin:0 10px;background-color:#fff;border:1px solid #939393;background:url(../img/arrow-nav.f94f587d.svg) no-repeat 50%;background-size:30%;cursor:pointer;transition:all .3s}.main #navSub>button:hover{background:#2c3e50 url(../img/arrow.c54070da.svg) no-repeat 50%;background-size:30%}.main #navSub>button:disabled{opacity:.3;cursor:inherit}.main #navSub>button:disabled:hover{background:url(../img/arrow-nav.f94f587d.svg) no-repeat 50%;background-size:30%}.main #navSub .prev{transform:rotate(180deg)}h2{font-size:1.3em}.pageWork video:focus{border:0;outline:none}.pageWork section{width:100%;display:flex;flex-wrap:wrap}.pageWork section img{width:100%}.pageWork section.row>*{max-width:400px;margin:auto}.pageWork section.rowCenter{justify-content:center;align-items:center}.pageWork section .textContainer{order:1}.pageWork section .videoContainer{margin-bottom:20px}.pageWork section .videoContainer>div{padding:10px;border:1px solid #ccc}.pageWork section .textContainerM{font-size:1em;margin-bottom:40px}.pageWork .contentText{text-align:left}.pageWork .contentText a{color:#0b9;border:1px solid #0b9;padding:2px 10px;text-decoration:none}.pageWork .contentText a:hover{background-color:#0b9;color:#fff}.pageWork .contentText .link{text-transform:uppercase;font-size:14px}.pageWork .contentText ul{list-style:none;margin:15px 0 30px 20px;padding:0}.pageWork .contentText ul li{display:flex}.pageWork .contentText ul li:before{content:"";background-color:#00e4ba;border-radius:50%;width:6px;height:6px;margin-top:9px;margin-right:15px}.pageWork h1,.pageWork h2{text-transform:uppercase}.pageWork h1{text-align:left;margin-top:0;padding-top:.7em;font-size:1.8em;font-weight:700}@media screen and (min-width:560px){.pageWork section .textContainerM{font-size:1.1em;margin-bottom:60px}h2{font-size:1.5em}}@media screen and (min-width:920px){.pageWork{padding-left:4em;width:calc(100% - 6em)}.pageWork section{flex-direction:row}.pageWork section.row>*{width:33%;max-width:100%}.pageWork section .textContainer{width:calc(40% - 30px);padding-right:30px;order:0}.pageWork section .videoContainer{width:60%;margin-bottom:0}.pageWork section .videoContainer>div{padding:20px}.pageWork section .textContainerM{width:50%;padding-right:3%;font-size:1.2em;margin-bottom:0}.pageWork section .videoContainerM{width:42%}}@media screen and (min-width:1400px){.pageWork section .textContainerM{width:35%;padding-right:5%;font-size:1.5em}.pageWork section .textContainerM.jp{font-size:1.2em}.pageWork section .videoContainerM{width:55%}}