@charset "UTF-8";.fireworks-canvas[data-v-15ba302e]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}@keyframes staffrollUp{0%{transform:translateY(100%);opacity:1}70%{transform:translateY(0);opacity:1}90%{opacity:1}to{transform:translateY(0);opacity:0}}.p-staffroll-overlay[data-v-6e7f3db7]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background-color:#333}.staffroll[data-v-6e7f3db7]{width:100%;position:relative;height:100%;overflow:hidden;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:4}.p-staffroll_text[data-v-6e7f3db7]{text-align:center}.p-staffroll_text h2[data-v-6e7f3db7]{margin-top:0;margin-bottom:32px}.p-staffroll_text p[data-v-6e7f3db7]{margin-bottom:16px}.fade-enter-active[data-v-6e7f3db7],.fade-leave-active[data-v-6e7f3db7]{transition:opacity .5s ease}.fade-enter[data-v-6e7f3db7],.fade-leave-to[data-v-6e7f3db7]{opacity:0}.staffroll[data-v-6e7f3db7]{transform:translateY(100%);opacity:0}.staffroll.active[data-v-6e7f3db7]{opacity:1}.final-message[data-v-6e7f3db7]{position:absolute;top:50%;left:50%;transform:translateY(-50%) translate(-50%);color:#fff;font-size:2rem;z-index:4;opacity:0;animation:finDisplay-6e7f3db7 1s ease forwards}@keyframes finDisplay-6e7f3db7{to{opacity:1}}.app--staffRollPoint .l-global-design-change{display:none}.app--staffRollPoint #screen{outline:10px solid #333;outline-offset:-10px}.screen-line[data-v-caa55081]{position:absolute;z-index:9;transition:width 1s ease,height 1s ease;opacity:0;animation:fadeLine-caa55081 .5s 1s forwards}@keyframes fadeLine-caa55081{0%{opacity:0}to{opacity:1}}#point-line-r[data-v-caa55081]{bottom:0;right:0;width:10px;height:0%;transition:height 1s ease;background:linear-gradient(to bottom,#e731ff,#31a8ff,#53c139e6,#2b4bffcc,#ff2b2b,#ffe72b)}#point-line-l[data-v-caa55081]{top:0;left:0;width:10px;height:0%;background:linear-gradient(to top,#e731ff,#31a8ff,#53c139e6,#2b4bffcc,#ff2b2b,#ffe72b)}#point-line-t[data-v-caa55081]{top:0;left:0;width:0%;height:10px;background:linear-gradient(to left,#e731ff,#31a8ff,#53c139e6,#2b4bffcc,#ff2b2b,#ffe72b)}#point-line-b[data-v-caa55081]{bottom:0;right:0;width:0%;height:10px;background:linear-gradient(to right,#e731ff,#31a8ff,#53c139e6,#2b4bffcc,#ff2b2b,#ffe72b)}.logo[data-v-caa55081]{cursor:pointer;transition:transform .3s}.p-works-list_item.expanding{animation:expandWidth 1s 0s forwards}.p-works-catalogue.expanding{margin-right:0!important}@keyframes expandWidth{to{opacity:0!important}}.animate-l-contents_main{animation:widthMax .3s .8s ease-in-out forwards}.animate-l-contents_side{transform-origin:left center;animation:closeSide .3s .8s ease-in-out forwards}.animate-p-works-catalogue{animation:closeCatalogue .1s .8s ease-in-out forwards}.animate-js-scroll-amount_list{opacity:0}@keyframes closeCatalogue{to{border:none}}@keyframes widthMax{to{width:100%}}@keyframes closeSide{0%{transform:scaleX(1)}to{opacity:0;width:0%;transform:scaleX(0)}}@keyframes itemDetail{0%{width:auto;height:auto}to{width:100%;height:100%}}.js-scroll-amount_list{background-color:#0068b7;position:absolute;left:0;top:0;width:5px}@keyframes arrowmove-30953f33{0%{bottom:1%}50%{bottom:3%}to{bottom:1%}}.js-scrolldown[data-v-30953f33]{position:absolute;bottom:1%;transform:translateY(90%);z-index:2;left:32px;animation:arrowmove-30953f33 1.5s ease-in-out infinite}.js-scrolldown span[data-v-30953f33]{position:absolute;left:-20px;bottom:10px;color:#333;font-size:.7rem;letter-spacing:.05em;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.js-scrolldown[data-v-30953f33]:before{content:"";position:absolute;bottom:0;right:-6px;width:1px;height:20px;background:#333;transform:skew(-31deg)}.js-scrolldown[data-v-30953f33]:after{content:"";position:absolute;bottom:0;right:0;width:1px;height:50px;background:#333}.js-scroll-amount[data-v-30953f33]{background-color:#0068b7;position:absolute;left:32px;width:5px}.popup-background[data-v-30953f33]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:none;justify-content:center;align-items:center;z-index:1000}.popup-image[data-v-30953f33]{max-width:80%;max-height:80%}.js-scroll-amount_works[data-v-f5b20fb5]{background-color:var(--cls-works-primary);position:sticky;left:8px;width:5px;top:0}.fade-enter-active[data-v-97ef6157],.fade-leave-active[data-v-97ef6157]{transition:opacity .5s}.fade-enter[data-v-97ef6157],.fade-leave-to[data-v-97ef6157]{opacity:0}@keyframes arrowmove-eb022471{0%{bottom:1%}50%{bottom:3%}to{bottom:1%}}.js-scrolldown[data-v-eb022471]{position:absolute;bottom:1%;transform:translateY(90%);z-index:2;left:32px;animation:arrowmove-eb022471 1.5s ease-in-out infinite}.js-scrolldown span[data-v-eb022471]{position:absolute;left:-20px;bottom:10px;color:#333;font-size:.7rem;letter-spacing:.05em;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}.js-scrolldown[data-v-eb022471]:before{content:"";position:absolute;bottom:0;right:-6px;width:1px;height:20px;background:#333;transform:skew(-31deg)}.js-scrolldown[data-v-eb022471]:after{content:"";position:absolute;bottom:0;right:0;width:1px;height:50px;background:#333}.js-scroll-amount[data-v-eb022471]{background-color:#0068b7;position:absolute;left:32px;width:5px}.screen-works .l-global-logo:before{background:var(--cls-works-primary)}.screen-works .l-global-logo:after{background:#fff}.js-scroll-amount_works[data-v-3ce719e9]{background-color:var(--cls-works-primary);position:sticky;left:8px;width:5px;top:0}.fade-enter-active[data-v-3ce719e9],.fade-leave-active[data-v-3ce719e9]{transition:opacity .5s}.fade-enter[data-v-3ce719e9],.fade-leave-to[data-v-3ce719e9]{opacity:0}.closebtn[data-v-a4fdbf49]{background-color:#333;color:#fff;display:inline-block;text-decoration:underline;padding:8px 16px}.video-container[data-v-a4fdbf49]{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:10;background-color:#333}.video-container[data-v-a4fdbf49]:before{z-index:10;content:"";display:block;position:absolute;top:0;right:0;width:100%;height:100vh;background-color:#0000001a;background-image:radial-gradient(#fff .5%,transparent 31%),radial-gradient(#fff .5%,transparent 31%);background-size:4px 4px;background-position:0 0,2px 2px}video.fade-video[data-v-a4fdbf49]{filter:brightness(1);position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);opacity:0;transition:opacity 1s;z-index:0}video.fade-video.active[data-v-a4fdbf49]{opacity:1;z-index:1}.title.active[data-v-a4fdbf49]{opacity:1}.title[data-v-a4fdbf49]{position:fixed;right:10%;top:10%;font-size:4rem;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;color:#fff;z-index:9;text-shadow:0px 1px 4px #000}.textWIN[data-v-a4fdbf49]{position:absolute;left:0;padding:0 32px;bottom:20%;gap:1rem;z-index:1002}.textWIN span[data-v-a4fdbf49]{background-color:#333;color:#fff;padding:2px 8px;line-height:2;font-size:1.4rem}.leftAnime[data-v-a4fdbf49]{opacity:0}.slideAnimeLeftRight[data-v-a4fdbf49]{animation-name:slideTextAnime-a4fdbf49;animation-duration:.8s;animation-fill-mode:forwards;opacity:0}@keyframes slideTextAnime-a4fdbf49{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.slideAnimeRightLeft[data-v-a4fdbf49]{animation-name:slideTextX-100-a4fdbf49;animation-duration:8s;animation-fill-mode:forwards;opacity:0}@keyframes slideTextX-100-a4fdbf49{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.indicators[data-v-a4fdbf49]{position:fixed;bottom:2%;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:1002}.indicator[data-v-a4fdbf49]{width:10px;height:10px;background-color:#fff;border-radius:50%;opacity:.5;cursor:pointer}.indicator.active[data-v-a4fdbf49]{opacity:1}.fade-enter-active[data-v-a9198d5c],.fade-leave-active[data-v-a9198d5c]{transition:opacity 1s}.fade-enter[data-v-a9198d5c],.fade-leave-to[data-v-a9198d5c]{opacity:0}.js-scroll-amount_profile[data-v-a9198d5c]{background-color:#ffe72b;position:sticky;left:8px;top:0;width:5px}@media (min-width: 768px){.js-scroll-amount_profile[data-v-a9198d5c]{left:0}}.screen-profile .l-global-logo:before{background:var(--cls-profile-primary)}.screen-profile .l-global-logo:after{background:#fff}.scrolldown1{position:absolute;left:50%;bottom:10px;height:80px}.scrolldown1 span{position:absolute;left:-2em;top:-20px;color:#dd3636;font-size:1rem;letter-spacing:.05em}.scrolldown1:after{content:"";position:absolute;top:0;width:1px;height:80px;background:#dd3636;animation:pathmove 1.4s ease-in-out infinite;opacity:0}@keyframes pathmove{0%{height:0;top:0;opacity:0}30%{height:30px;opacity:1}to{height:0;top:80px;opacity:0}}.screen-contact .l-global-logo:before{background:var(--cls-contact-primary)}.js-scroll-amount_contact{background-color:var(--cls-contact-primary);left:8px;position:sticky;top:0;width:5px}@media (min-width: 768px){.js-scroll-amount_contact{position:absolute;left:32px}}.screen-welcome .l-global-logo--entrance{transition:all .2s ease-in-out}.screen-welcome .l-global-logo--entrance:before{animation:rotation 5s infinite linear;transition:all 10s ease-in-out!important;transform-origin:center}.screen-welcome .l-global-logo--welcome{background-color:#fff0!important}.screen-welcome .l-global-logo--welcome:after,.screen-welcome .l-global-logo--welcome:before{content:none!important}.screen-welcome--entrance{background-color:#fff!important}.screen-welcome--entrance *{color:#3c4749!important}.loader{border:4px solid #f3f3f3;border-radius:50%;border-top:4px solid #3498db;width:24px;height:24px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotation{0%{transform:translateY(-50%) translate(-50%) rotate(0)}to{transform:translateY(-50%) translate(-50%) rotate(359deg)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-attack[data-v-71f59c8a]{animation:bounce .5s}@keyframes animate-attack-71f59c8a{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-modeattack[data-v-71f59c8a]{transform:scale(1.2)}.animate-modeattack[data-v-71f59c8a]:before{animation:modeAttack-71f59c8a 5s infinite linear;transition:all 10s ease-in-out!important;transform-origin:center}@keyframes modeAttack-71f59c8a{0%{transform:translateY(-50%) translate(-50%) rotate(0)}to{transform:translateY(-50%) translate(-50%) rotate(359deg)}}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.screen-home #screen-line-t,.screen-home #screen-line-b,.screen-home #screen-line-r,.screen-home #screen-line-l{background:#333}.screen-profile{outline-color:#ffe72b!important}.screen-profile #screen-line-t,.screen-profile #screen-line-b,.screen-profile #screen-line-r,.screen-profile #screen-line-l{background:#ffe72b}.screen-works{outline-color:#0068b7!important}.screen-works #screen-line-t,.screen-works #screen-line-b,.screen-works #screen-line-r,.screen-works #screen-line-l{background:#0068b7}.screen-contact{outline-color:#dd3636!important}.screen-contact #screen-line-t,.screen-contact #screen-line-b,.screen-contact #screen-line-r,.screen-contact #screen-line-l{background:#dd3636}#screen.screen-theme--undefined{outline-color:#333!important}#screen.screen-theme--profile{outline-color:#ffe72b!important}#screen.screen-theme--works{outline-color:#0068b7!important}#screen.screen-theme--contact{outline-color:#dd3636!important}#screen.screen-theme--home{outline-color:#333!important}#screen-line-t.screen-color--profile,#screen-line-b.screen-color--profile,#screen-line-r.screen-color--profile,#screen-line-l.screen-color--profile{background:#ffe72b}#screen-line-t.screen-color--works,#screen-line-b.screen-color--works,#screen-line-r.screen-color--works,#screen-line-l.screen-color--works{background:#0068b7}@keyframes drawTop{0%{width:0}50%{width:100%}80%{opacity:1}to{opacity:0;width:100%}}@keyframes drawBottom{0%{width:0}50%{width:100%}80%{opacity:1}to{opacity:0;width:100%}}@keyframes drawRight{0%{height:0}50%{height:100%}80%{opacity:1}to{opacity:0;height:100%}}@keyframes drawLeft{0%{height:0}50%{height:100%}80%{opacity:1}to{opacity:0;height:100%}}#screen-line-t.animate-screen-draw{animation:drawTop 3s}#screen-line-b.animate-screen-draw{animation:drawBottom 3s}#screen-line-r.animate-screen-draw{animation:drawRight 3s}#screen-line-l.animate-screen-draw{animation:drawLeft 3s}.welcomemotion{animation:bounceAndScaleTwice .8s}@keyframes bounceAndScaleTwice{3%{transform:translateY(0) scale(.8)}10%{transform:translateY(0) scale(1.4)}20%{transform:translateY(0) scale(1)}30%{transform:translateY(0) scale(1.2)}40%{transform:translateY(0) scale(1.05)}50%{transform:translateY(0) scale(1)}60%{transform:translateY(0) scale(1.05)}70%{transform:translateY(0) scale(1)}to{transform:translateY(0) scale(1)}}.Gnavi #about[data-v-b24ec0fd]:hover,.Gnavi #about.active[data-v-b24ec0fd]{color:#ffd464}.Gnavi #work.active[data-v-b24ec0fd],.Gnavi #work[data-v-b24ec0fd]:hover{color:#58be89}.Gnavi #contact.active[data-v-b24ec0fd],.Gnavi #contact[data-v-b24ec0fd]:hover{color:#f58e7e}.loading-overlay[data-v-fc98f063]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:1000;display:flex;justify-content:center;align-items:center}.loading-box[data-v-fc98f063]{width:100%;height:100%;background-color:#333;border:5px solid #333;overflow:hidden;transition:transform .5s ease;position:relative}.loading-box--profile[data-v-fc98f063]{background-color:var(--cl-profile-global);border:5px solid var(--cl-profile-global)}.loading-box--works[data-v-fc98f063]{background-color:var(--cl-works-global);border:5px solid var(--cl-works-global)}.loading-box--contact[data-v-fc98f063]{background-color:var(--cl-contact-global);border:5px solid var(--cl-contact-global)}.loading-fill[data-v-fc98f063]{width:100%;height:100%;background-color:#eee;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);color:#fff;font-size:2rem;font-weight:700;z-index:10}.loading-fill--profile[data-v-fc98f063]{background-color:#333}.loading-percentage[data-v-fc98f063]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#333;font-size:2rem;font-weight:700;z-index:10;font-family:Outfit,sans-serif}.loading-percentage--profile[data-v-fc98f063]{color:var(--cl-profile-global)}.loading-percentage--works[data-v-fc98f063]{color:var(--cl-works-global)}.loading-percentage--contact[data-v-fc98f063]{color:var(--cl-contact-global)}.loading-fade-enter-active[data-v-fc98f063],.loading-fade-leave-active[data-v-fc98f063]{transition:opacity .5s}.loading-fade-enter[data-v-fc98f063],.loading-fade-leave-to[data-v-fc98f063]{opacity:0}.l-global-design-change_btn--profile[data-v-0826049b]{background-color:var(--cl-profile-global);border:5px solid var(--cl-profile-global)}.l-global-design-change_btn--works[data-v-0826049b]{background-color:var(--cl-works-global);border:5px solid var(--cl-works-global)}.l-global-design-change_btn--contact[data-v-0826049b]{background-color:var(--cl-contact-global);border:5px solid var(--cl-contact-global)}