html{line-height:1.15;-webkit-text-size-adjust:100%;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*::before,*::after{box-sizing:inherit;margin:0;padding:0}body{margin:0;min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed}main{display:block}h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;font-weight:inherit}p{margin:0}ul,ol{list-style:none;margin:0;padding:0}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer;padding:0}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}[hidden]{display:none}[aria-busy=true]{cursor:progress}[aria-disabled=true],[disabled]{cursor:not-allowed}@media print{@page{margin:2cm}a[href^=http]:after{content:" (" attr(href) ")"}}@font-face{font-family:"DIN Alternate";src:url("../font/DIN Alternate Bold.ttf") format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"Futura";src:url("../font/Futura.ttc") format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:"Helvetica";src:url("../font/Helvetica.ttc") format("truetype");font-weight:normal;font-style:normal}.mv{height:100vh;width:1920px;max-width:100%;margin:0 auto;overflow:hidden;position:relative;background:#b7dbec}.mv-animation{height:200vh;width:100%;object-fit:cover;object-position:center;animation:slideToBottom 5s ease-in-out 3.5s forwards,zoomInFadeOut 4s ease-in-out 10.5s forwards}@keyframes slideToBottom{0%{transform:translateY(0)}100%{transform:translateY(-45%)}}@keyframes zoomInFadeOut{0%{transform:translateY(-45%) translateX(0) scale(1);opacity:1}100%{transform:translateY(-70%) translateX(-12%) scale(2);opacity:0}}.mv-logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10;font-size:2rem;font-family:"Kozuka Gothic Pr6N","小塚ゴシック Pr6N",sans-serif;font-weight:700;color:#fff;text-align:center;white-space:nowrap;opacity:0;animation:fadeInOutLogo 11.5s ease-in-out 0s forwards}@keyframes fadeInOutLogo{0%{opacity:0}30%{opacity:1}74%{opacity:1}100%{opacity:0}}.mv-cloud-wrapper{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:15;width:100%;min-width:1200px;height:auto;opacity:0;animation:fadeIn 3s ease-in-out 1.5s forwards,slideUpWrapper4 3s ease-in-out 4.5s forwards,fadeOutCloud 3s ease-in-out 10.5s forwards}.mv-cloud,.mv-cloud-2,.mv-cloud-3{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:15;width:100%;min-width:1200px;height:auto}.mv-cloud-2,.mv-cloud-3{opacity:0}.mv-cloud-4{position:absolute;top:0;left:0;width:100%;min-width:1200px;z-index:15;height:auto}.mv-cloud{opacity:0;animation:fadeIn 3s ease-in-out 1.5s forwards,cloudSlide 60s linear infinite,fadeOutCloud 3s ease-in-out 8s forwards}.mv-cloud-2{animation:cloudSlide2 50s linear infinite;opacity:0}.mv-cloud-3{animation:cloudSlide3 50s linear infinite;opacity:0}.mv-cloud-4-wrapper{position:absolute;top:50%;left:0;transform:translateY(-50%);z-index:10;width:100%;min-width:1200px;height:auto;opacity:0;animation:fadeInCloud4 1s ease-in-out 22s forwards,slideUpWrapper4 2s ease-in-out 27.5s forwards,slideDownWrapper4 2s ease-in-out 31.5s forwards,fadeOutCloud4 2s ease-in-out 38.5s forwards}@keyframes slideUpWrapper4{0%{transform:translateY(-50%)}100%{transform:translateY(calc(-50% - 100vh))}}@keyframes slideDownWrapper4{0%{transform:translateY(calc(-50% - 100vh))}100%{transform:translateY(-50%)}}@keyframes fadeOutCloud4{0%{opacity:1}100%{opacity:0}}.mv-cloud-4{animation:cloudSlide4 50s linear infinite}.cloud-delay,.cloud-delay-2,.cloud-delay-3,.cloud-delay-4{animation-delay:-25s}@keyframes cloudSlide{0%{transform:translateY(-50%) translateX(0)}100%{transform:translateY(-50%) translateX(-100%)}}@keyframes fadeOutCloud{0%{opacity:1}100%{opacity:0}}@keyframes fadeInCloud{0%{opacity:0}100%{opacity:1}}@keyframes cloudSlide2{0%{transform:translateY(-50%) translateX(100%)}100%{transform:translateY(-50%) translateX(-100%)}}@keyframes fadeOutCloud2{0%{opacity:1}100%{opacity:0}}@keyframes fadeInCloud3{0%{opacity:0}100%{opacity:1}}@keyframes cloudSlide3{0%{transform:translateY(-50%) translateX(100%)}100%{transform:translateY(-50%) translateX(-100%)}}@keyframes slideUpCloud3{0%{transform:translateY(-50%) translateX(0)}100%{transform:translateY(calc(-50% - 100vh)) translateX(0)}}@keyframes fadeInCloud4{0%{opacity:0}100%{opacity:1}}@keyframes fadeOutCloud3{0%{opacity:1}100%{opacity:0}}@keyframes cloudSlide4{0%{transform:translateY(-50%) translateX(100%)}100%{transform:translateY(-50%) translateX(-100%)}}.mv-animation-2{position:absolute;top:0;left:0;width:100%;height:100vh;object-fit:cover;object-position:center;opacity:0;animation:fadeIn 6s ease-in-out 10.5s forwards,fadeOut 2s ease-in-out 17.5s forwards}.mv-battery-wrapper{position:absolute;top:60%;left:53%;transform:translate(-50%, -50%);z-index:25;opacity:0;animation:fadeIn 1s ease-in-out 14.5s forwards,fadeOut 2s ease-in-out 17.5s forwards}.mv-battery{width:20vw;min-width:150px;max-width:200px;height:auto;display:block;animation:batteryPulse 1s ease-in-out 14.5s 1}@keyframes batteryPulse{0%{transform:scale(0.6)}100%{transform:scale(1)}}@keyframes zoomToBottomLeft{0%{transform:scale(1) translate(0, 0)}100%{transform:scale(2.5) translate(30%, -30%)}}@keyframes zoomOut{0%{transform:scale(2.5) translate(30%, -30%)}100%{transform:scale(1) translate(0, 0)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes scaleUpFromTopLeft{0%{transform:scale(1)}70%{transform:scale(2.2)}100%{transform:scale(2.2)}}.mv-animation-3{position:absolute;top:0;left:0;width:100%;height:100vh;object-fit:cover;object-position:center;opacity:0;transform-origin:top left;animation:fadeIn 3s ease-in-out 17.5s forwards,scaleUpFromTopLeft 6s ease-in-out 17.5s forwards,fadeOut 1s ease-in-out 23.5s forwards}.mv-animation-4{position:absolute;top:0;left:0;width:100%;height:200vh;object-fit:cover;object-position:center;opacity:0;animation:fadeIn 1s ease-in-out 22s forwards,slideToBottom-2 2s ease-in-out 27.5s forwards,slideToTop-2 2s ease-in-out 31.5s forwards}@keyframes slideToBottom-2{0%{transform:translateY(0)}100%{transform:translateY(-100vh)}}@keyframes slideToTop-2{0%{transform:translateY(-100vh)}100%{transform:translateY(0)}}.mv-bard{position:absolute;top:50%;left:-250px;transform:translateY(-50%);z-index:20;width:15vw;height:auto;opacity:0;animation:flyAcross 5s ease-in-out 22.5s forwards}@keyframes fadeInBard{0%{opacity:0}100%{opacity:1}}@keyframes flyAcross{0%{transform:translate(-200px, -50%);opacity:0}10%{opacity:1}100%{transform:translate(calc(100vw + 300px), -50%);opacity:1}}.mv-animation-4-mv{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:16;width:auto;max-width:80%;height:auto;max-height:80vh;opacity:0;animation:fadeInMv4 2s ease-in-out 33.5s forwards,fadeOutMv4 2s ease-in-out 43.5s forwards}.mv-animation-4-mv-no-repeat{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:16;width:auto;max-width:80%;height:auto;max-height:80vh;opacity:0;animation:fadeInMv4 2s ease-in-out 33.5s forwards}@keyframes fadeOutMv4{0%{opacity:1}100%{opacity:0}}@keyframes fadeInMv4{0%{opacity:0;transform:translate(-50%, -50%)}100%{opacity:1;transform:translate(-50%, -50%)}}@media(max-width: 768px){.mv-animation{animation:slideToBottom 5s ease-in-out 3.5s forwards,zoomInFadeOutSp 4s ease-in-out 10.5s forwards}@keyframes zoomInFadeOutSp{0%{transform:translateY(-45%) translateX(0) scale(1);opacity:1}100%{transform:translateY(-70%) translateX(-60%) scale(2.5);opacity:0}}.mv-logo{font-size:2rem}.mv-cloud-wrapper{top:35%;animation:fadeIn 3s ease-in-out 1.5s forwards,slideUpWrapper4 3s ease-in-out 4.5s forwards,fadeOutCloud 3s ease-in-out 10.5s forwards}.mv-cloud,.mv-cloud-2,.mv-cloud-3{top:45%;width:90%;min-width:1080px}.mv-cloud{top:50%}.mv-cloud-4-wrapper{top:45%;width:90%;min-width:1080px}.mv-cloud-4{width:100%}.mv-animation-3{object-position:left top;transform:scale(1.8) translate(-30%, 0);transform-origin:left top;animation:fadeIn 3s ease-in-out 17.5s forwards,scaleUpSp 6s ease-in-out 17.5s forwards,fadeOut 1s ease-in-out 23.5s forwards}@keyframes scaleUpSp{0%{transform:scale(1.8) translate(-30%, 0)}70%{transform:scale(2.8) translate(-50%, 0)}100%{transform:scale(2.8) translate(-50%, 0)}}.mv-animation-4{object-position:53% center;animation:fadeIn 1s ease-in-out 22s forwards,slideToBottom-2-sp 2s ease-in-out 27.5s forwards,slideToTop-2-sp 2s ease-in-out 31.5s forwards}.mv-bard{width:30vw}.mv-battery-wrapper{top:60%;left:55%}.mv-battery{width:20vw;min-width:150px}@keyframes slideToBottom-2-sp{0%{transform:translateY(0)}100%{transform:translateY(-80vh)}}@keyframes slideToTop-2-sp{0%{transform:translateY(-80vh)}100%{transform:translateY(0)}}.mv-cloud{opacity:0;animation:fadeIn 3s ease-in-out 1.5s forwards,cloudSlideSp 60s linear infinite,fadeOutCloud 3s ease-in-out 8s forwards}.mv-cloud-2{animation:cloudSlideSp2 50s linear infinite;opacity:0}.mv-cloud-3{animation:cloudSlideSp3 50s linear infinite;opacity:0}.mv-cloud-4{animation:cloudSlideSp4 50s linear infinite}@keyframes cloudSlideSp{0%{transform:translateY(-50%) translateX(0)}100%{transform:translateY(-50%) translateX(-100%)}}@keyframes cloudSlideSp2{0%{transform:translateY(-50%) translateX(40%)}100%{transform:translateY(-50%) translateX(-100%)}}@keyframes cloudSlideSp3{0%{transform:translateY(-50%) translateX(40%)}100%{transform:translateY(-50%) translateX(-100%)}}@keyframes cloudSlideSp4{0%{transform:translateY(-50%) translateX(40%)}100%{transform:translateY(-50%) translateX(-100%)}}}@media(max-width: 576px){.mv-logo{font-size:1.4rem}}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease-out}#loading-screen.fade-out{opacity:0;pointer-events:none}.loader,.loader:after{border-radius:50%;width:5em;height:5em}.loader{margin:60px auto;font-size:10px;position:relative;text-indent:-9999em;border-top:.4em solid rgba(186,186,186,.2);border-right:.4em solid rgba(186,186,186,.2);border-bottom:.4em solid rgba(186,186,186,.2);border-left:.4em solid #bababa;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 1.1s infinite linear;animation:load8 1.1s infinite linear}@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}html{scroll-behavior:smooth;scroll-padding-top:0}@media(prefers-reduced-motion: no-preference){html{scroll-behavior:auto}*{scroll-behavior:smooth;scroll-padding-top:0}}/*# sourceMappingURL=animation.css.map */