*,::after,::before{margin:0;padding:0;box-sizing:border-box}:where([hidden]:not([hidden=until-found])){display:none!important}:where(html){-webkit-text-size-adjust:none;color-scheme:dark light}@media (prefers-reduced-motion:no-preference){:where(html:focus-within){scroll-behavior:smooth}}:where(body){line-height:1.5;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased}:where(input,button,textarea,select){font:inherit;color:inherit}:where(textarea){resize:vertical;resize:block}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(:disabled){cursor:not-allowed}:where(label:has(>input:disabled),label:has(+input:disabled)){cursor:not-allowed}:where(button){border-style:solid}:where(a){color:inherit;text-underline-offset:.2ex}:where(ul,ol){list-style:none}:where(img,svg,video,canvas,audio,iframe,embed,object){display:block}:where(img,picture,svg){max-inline-size:100%;block-size:auto}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word}:where(h1,h2,h3){line-height:calc(1em + .5rem)}:where(hr){border:none;border-block-start:1px solid;color:inherit;block-size:0;overflow:visible}:where(:focus-visible){outline:3px solid Highlight;outline-offset:2px;scroll-margin-block:10vh}:where(.visually-hidden:not(:focus-within,:active)){clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;position:absolute!important;white-space:nowrap!important;border:0!important}@media screen and (min-width:1200px){.over_pc_block{display:block!important}}@media screen and (max-width:1199px){.over_pc_block{display:none!important}}@media screen and (min-width:1200px){.over_pc_flex{display:flex!important}}@media screen and (max-width:1199px){.over_pc_flex{display:none!important}}@media screen and (min-width:821px){.over-tablet-inline{display:inline!important}}@media screen and (max-width:820px){.over-tablet-inline{display:none!important}}@media screen and (min-width:821px){.over-tablet-block{display:block!important}}@media screen and (max-width:820px){.over-tablet-block{display:none!important}}@media screen and (min-width:821px){.over-tablet-flex{display:flex!important}}@media screen and (max-width:820px){.over-tablet-flex{display:none!important}}@media screen and (max-width:1199px){.under-tablet-inline{display:inline!important}}@media screen and (min-width:1200px){.under-tablet-inline{display:none!important}}@media screen and (max-width:1199px){.under-tablet-block{display:block!important}}@media screen and (min-width:1200px){.under-tablet-block{display:none!important}}@media screen and (max-width:1199px){.under-tablet-flex{display:flex!important}}@media screen and (min-width:1200px){.under-tablet-flex{display:none!important}}@media screen and (max-width:820px){.under-sp-inline{display:inline!important}}@media screen and (min-width:821px){.under-sp-inline{display:none!important}}@media screen and (max-width:820px){.under-sp-block{display:block!important}}@media screen and (min-width:821px){.under-sp-block{display:none!important}}@media screen and (max-width:820px){.under-sp-flex{display:flex!important}}@media screen and (min-width:821px){.under-sp-flex{display:none!important}}header{position:fixed;z-index:10}#hero{overflow:hidden;position:relative}#hero img{width:100%}@media (max-width:820px){#hero{height:200vw}}@media (min-width:821px) and (max-width:1199px){#hero{height:72vw}}@media (min-width:1200px){#hero{height:890px}}#hero .scene{position:absolute;top:0;left:0;width:100%;height:100%}#hero .scene#scene1{display:flex;justify-content:center;align-items:center;z-index:2}@media (max-width:820px){#hero .scene#scene1{height:100vh}}@media (min-width:821px) and (max-width:1199px){#hero .scene#scene1{height:100vh}}@media (min-width:1200px){#hero .scene#scene1{height:100vh}}@media (max-width:820px){#hero .scene#scene1{max-height:180.4vw}}@media (min-width:821px) and (max-width:1199px){#hero .scene#scene1{max-height:62vw}}@media (min-width:1200px){#hero .scene#scene1{max-height:890px}}#hero .scene#scene1 .texts .text{color:#fff;line-height:1.1;opacity:0;font-family:Figtree,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}@media (max-width:820px){#hero .scene#scene1 .texts .text{font-size:13.3333333333vw}}@media (min-width:821px) and (max-width:1199px){#hero .scene#scene1 .texts .text{font-size:8.3333333333vw}}@media (min-width:1200px){#hero .scene#scene1 .texts .text{font-size:120px}}#hero .scene#scene1 .texts .text .char{display:inline-block;transform:translateX(100vw);opacity:0}@media (max-width:820px){#hero .scene#scene1 .texts .text.line2{margin-left:1.7em}}@media (min-width:821px) and (max-width:1199px){#hero .scene#scene1 .texts .text.line2{margin-left:1.7em}}@media (min-width:1200px){#hero .scene#scene1 .texts .text.line2{margin-left:1.7em}}@media (max-width:820px){#hero .scene#scene1 .texts .text.line3{margin-left:1em}}@media (min-width:821px) and (max-width:1199px){#hero .scene#scene1 .texts .text.line3{margin-left:1em}}@media (min-width:1200px){#hero .scene#scene1 .texts .text.line3{margin-left:1em}}#hero .scene#scene1.animation-active .char{animation:slideInFromRight .8s cubic-bezier(.22,.61,.36,1) forwards,slideOutToLeft .4s cubic-bezier(.55,.055,.675,.19) forwards;animation-delay:var(--enter-delay),var(--exit-delay)}#hero .scene#scene2{display:block;z-index:1;opacity:0;transition:opacity .1s ease-in-out}@media (max-width:820px){#hero .scene#scene2{height:100vh}}@media (min-width:821px) and (max-width:1199px){#hero .scene#scene2{height:100vh}}@media (min-width:1200px){#hero .scene#scene2{height:100vh}}@media (max-width:820px){#hero .scene#scene2{max-height:180.4vw}}@media (min-width:821px) and (max-width:1199px){#hero .scene#scene2{max-height:62vw}}@media (min-width:1200px){#hero .scene#scene2{max-height:890px}}#hero .scene#scene2.active{opacity:1}#hero .scene#scene2 video{width:100%;height:100%;object-fit:cover}#hero .scene#scene3{display:none;z-index:2}@media screen and (max-width:820px){#hero .scene#scene3{overflow:hidden}}#hero .scene#scene3 .stage{width:min(100vw,var(--design-w) * 1px);margin:0 auto;position:relative;aspect-ratio:calc(var(--design-w)/ var(--design-h));background:0 0;perspective:1000px;perspective-origin:center center;transform-style:preserve-3d}@media screen and (max-width:820px){#hero .scene#scene3 .stage{width:102vw;max-width:102vw}}#hero .scene#scene3 .canvas{position:absolute;inset:0;width:calc(var(--design-w) * 1px);height:calc(var(--design-h) * 1px);transform-origin:top center;transform-style:preserve-3d;left:50%;transform:translateX(-50%)}@media (min-width:821px) and (max-width:1199px){#hero .scene#scene3 .canvas{--scale-ratio:calc(100vw / 1300px);transform:scale(var(--scale-ratio)) translateX(-50%) translateY(4vw);transform-origin:left top}}@media screen and (max-width:820px){#hero .scene#scene3 .canvas{width:100%;height:100%;left:0;transform:none}}#hero .scene#scene3 .piece{position:absolute;left:0;top:0;will-change:transform;transform-style:preserve-3d;backface-visibility:visible}#hero .scene#scene3 .piece img{display:block;width:100%;height:100%}#hero .scene#scene3 .physics-piece{animation-duration:var(--animation-duration);animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0}#hero .scene#scene3 .text-piece{animation-name:textBlurIn;animation-duration:.5s;animation-fill-mode:forwards;animation-timing-function:ease-out;opacity:0}:root{--design-w:1964;--design-h:900;--animation-duration:3s}@media screen and (max-width:820px){:root{--design-w:750;--design-h:1495.3;--animation-duration:3s}}.drop-pattern-1{animation-name:physicsDropBounce1}.drop-pattern-2{animation-name:physicsDropBounce2}.drop-pattern-3{animation-name:physicsDropBounce3}.drop-pattern-4{animation-name:physicsDropBounce4}.drop-pattern-5{animation-name:physicsDropBounce5}.drop-pattern-6{animation-name:physicsDropBounce6}@keyframes physicsDropBounce1{0%{transform:translate3d(0,0,1000px);filter:blur(20px);opacity:1}100%{transform:translate3d(0,0,0);filter:blur(0);opacity:1}}@keyframes physicsDropBounce2{0%{transform:translate3d(0,0,1000px);filter:blur(20px);opacity:1}100%{transform:translate3d(0,0,0);filter:blur(0);opacity:1}}@keyframes physicsDropBounce3{0%{transform:translate3d(0,0,1000px);filter:blur(20px);opacity:1}100%{transform:translate3d(0,0,0);filter:blur(0);opacity:1}}@keyframes physicsDropBounce4{0%{transform:translate3d(0,0,1000px);filter:blur(20px);opacity:1}100%{transform:translate3d(0,0,0);filter:blur(0);opacity:1}}@keyframes physicsDropBounce5{0%{transform:translate3d(0,0,1000px);filter:blur(20px);opacity:1}100%{transform:translate3d(0,0,0);filter:blur(0);opacity:1}}@keyframes physicsDropBounce6{0%{transform:translate3d(0,0,1000px);filter:blur(20px);opacity:1}100%{transform:translate3d(0,0,0);filter:blur(0);opacity:1}}@keyframes textBlurIn{0%{filter:blur(50px);opacity:1}100%{filter:blur(0);opacity:1}}@keyframes slideInFromRight{0%{transform:translateX(100vw);opacity:0}50%{opacity:1}100%{transform:translateX(0);opacity:1}}@keyframes slideOutToLeft{0%{transform:translateX(0);opacity:1}50%{opacity:1}100%{transform:translateX(-100vw);opacity:0}}
/*# sourceMappingURL=top_animation.min.css.map */