main{flex:1;position:relative;overflow:hidden}.images,.carousel{width:100%;height:100%}.carousel{z-index:1;transition:all 1.5s .5s;display:flex;position:relative}section{justify-content:center;align-items:center;min-width:calc(100vw - 1.5rem);height:100%;display:flex;position:relative;overflow-x:hidden}section img{opacity:0;cursor:none;object-fit:cover;width:100%;max-width:900px;height:80%;max-height:800px}section img.enter{transition:transform .4s ease-out 2s;transform:scale(1)}section img.leave{transition:transform .4s;transform:scale(.9)}section div{pointer-events:none;position:absolute;top:57%;overflow:hidden}section div h1{letter-spacing:15px;color:transparent;background-image:linear-gradient(90deg,#6d7aff,#3741ad);-webkit-background-clip:text;background-clip:text;font-family:Charm,cursive;font-size:22vw;font-style:normal;font-weight:800;animation-timing-function:ease;animation-iteration-count:1;animation-fill-mode:forwards}@media screen and (min-width:1023px){section div h1{font-size:205px}}section div h1.enter{animation-name:enter;animation-duration:2s}section div h1.leave{animation-name:leave;animation-duration:2s;animation-delay:.2s}img.complete{transform:scale(1)}main .go-to{letter-spacing:1px;z-index:2;border-bottom:1px solid #fff;padding-bottom:.1rem;position:absolute;top:auto;bottom:5px;left:50%;transform:translate(-50%)}main .go-to span{color:#fff;text-decoration:none}@media screen and (min-width:1000px){main .go-to{display:none}}.arrows{z-index:4;border:1px solid rgba(255,255,255,.576);border-radius:100vh;justify-content:center;align-items:center;width:70px;height:60px;display:flex;position:absolute;bottom:5px}.arrows.arrow-right{right:2%;transform:rotate(45deg)}.arrows.arrow-left{left:2%;transform:rotate(-135deg)}@media screen and (min-width:1023px){.arrows{top:50%}.arrows.arrow-right{right:5%;transform:translate(-50%)rotate(45deg)}.arrows.arrow-left{left:5%;transform:translate(-50%)rotate(-135deg)}}@media screen and (min-width:1300px){.arrows.arrow-right{right:10%}.arrows.arrow-left{left:10%}}@media screen and (min-width:1500px){.arrows.arrow-right{right:15%}.arrows.arrow-left{left:15%}}@keyframes leave{0%{transform:translateY(0)scale(1)}30%{transform:translateY(110%)scale(.8)}40%{transform:translateY(110%)scale(.8)}80%{transform:translateY(110%)scale(.8)}90%{transform:translateY(110%)scale(.8)}95%{transform:translateY(110%)scale(.8)}to{transform:translateY(-110%)scale(.8)}}@keyframes enter{0%{transform:translateY(-110%)scale(.8)}20%{transform:translateY(-110%)scale(.8)}40%{transform:translateY(-110%)scale(.8)}50%{transform:translateY(-110%)scale(.8)}to{transform:translateY(0%)scale(1)}}@media screen and (min-width:2100px){section div h1{font-size:450px}}
body{overflow-x:hidden}.app{color:#fff;cursor:none;background-color:#111;height:100vh;overflow:hidden}.home,nav ul,footer ul{z-index:2;justify-content:space-between;display:flex;position:relative}.home p,nav ul p,footer ul p{letter-spacing:1px;font-family:Noto Sans JP,sans-serif}.home a,nav ul a,footer ul a{font-family:Noto Sans JP,sans-serif}nav ul li a{color:#fff;cursor:none;letter-spacing:1px;text-decoration:none}.nav-link{text-align:right;flex-direction:column;display:flex}.nav-link div{opacity:0;background:#fff;border-radius:100px;width:100px;height:2px}@media screen and (min-width:767px){.nav-link{flex-direction:row;align-items:center;gap:20px;height:100%}.nav-link div{opacity:1}}.home{flex-direction:column;height:100%;padding:.5rem}.title{opacity:0;text-align:center}@media screen and (min-width:500px){.title{opacity:1}}.circle{z-index:1;text-align:center;background-color:#fff;border-radius:100vh;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s linear;display:flex;position:absolute;top:-20px;left:-20px}.circle span{color:#6d7aff;font-size:2.5rem;font-weight:500}footer ul{flex-direction:column;align-items:center;gap:1rem}footer ul .call-me{opacity:0}footer ul .counter{align-items:center;gap:1rem;font-size:2rem;display:flex}footer ul .counter-line{background-color:#fff;width:60vw;max-width:900px;height:2px}@media screen and (min-width:767px){footer ul{flex-direction:row;align-items:flex-end}footer ul .call-me{opacity:1}}