.mask{-webkit-mask:url(/_next/static/media/urban-sprite3.a6469345.png);mask:url(/_next/static/media/urban-sprite3.a6469345.png);-webkit-mask-size:3000% 100%;mask-size:3000% 100%;animation:mask-play2 3.4s steps(29) forwards}.mask-2{-webkit-mask:url(/_next/static/media/nature-sprite.14ad6580.png);mask:url(/_next/static/media/nature-sprite.14ad6580.png);-webkit-mask-size:2300% 100%;mask-size:2300% 100%;animation:mask-play 1.4s steps(22) forwards}@keyframes mask-play{0%{-webkit-mask-position:0 0;mask-position:0 0;opacity:1}90%{-webkit-mask-position:100% 0;mask-position:100% 0;opacity:1}to{-webkit-mask-position:100% 0;mask-position:100% 0;display:none;opacity:0}}@keyframes mask-play2{0%{-webkit-mask-position:100% 0;mask-position:100% 0;opacity:1}90%{-webkit-mask-position:0 0;mask-position:0 0;opacity:1}to{-webkit-mask-position:0 0;mask-position:0 0;display:none;opacity:0}}.carousel{position:relative;width:100%;height:50rem}@media(min-width:1024px){.carousel{width:111.2rem;height:74.1rem}}.right .carousel{height:38.2rem}@media(min-width:1024px){.right .carousel{width:78.8rem;height:68.5rem}}.right .card-container{justify-content:flex-end}.right .card-container.next{opacity:1;z-index:2;transform:translateX(0) translateY(-30rem)}@media(min-width:1024px){.right .card-container.next{transform:translateX(83.5rem)}}.right .card-container.next .card{width:19.3rem;height:13.7rem}@media(min-width:1024px){.right .card-container.next .card{width:32.9rem;height:23.5rem}}.right .card-container.next .subttl{right:-3rem}.right .card-container.next .descript{transform:translateY(-10rem)}.right .card-container.active .card .subttl{opacity:1}@media(min-width:1024px){.right .card-container.active .card .subttl{right:-12rem}.right .card-container.active .card .descript{right:-50rem;top:53rem}}.right .card-container.fade-in .card .descript{transform:translateY(0);right:0;opacity:1}@media(max-width:1023px){.right .card-container.fade-in .card .descript{top:-14rem}}@media(min-width:1024px){.right .card-container.fade-in .card .descript{right:-83rem}}.right .card-container .subttl{right:30rem;opacity:0;transition:all .8s ease}.right .card-container .descript{opacity:0;transition:opacity .8s ease,transform .8s ease}.right .card-container .card{padding:0!important;background:rgba(0,0,0,0);transition:all .8s ease-out}.right .card-container .card .img{height:38.2rem;-o-object-position:center;object-position:center;transition:all .8s ease-out}@media(min-width:1024px){.right .card-container .card .img{height:68.5rem}}.right2 .carousel{height:35.6rem}@media(min-width:1024px){.right2 .carousel{width:95rem;height:68.5rem}}.right2 .carousel .card-container{justify-content:flex-end}.right2 .carousel .card-container .card{padding:0!important;background:rgba(0,0,0,0)}.right2 .carousel .card-container .card .img{height:35.6rem;-o-object-position:center;object-position:center}@media(min-width:1024px){.right2 .carousel .card-container .card .img{height:68.5rem}}.right2 .carousel .card-container.next{opacity:1;justify-content:flex-end;transform:translateX(0) translateY(-25rem)}@media(min-width:1024px){.right2 .carousel .card-container.next{transform:translateX(66.5rem)}}@media(max-width:1023px){.right2 .carousel .card-container.next .card{width:calc(100% - 4rem);height:13.7rem}}@media(min-width:1024px){.right2 .carousel .card-container.next .card{padding:0!important;background:rgba(0,0,0,0);margin-bottom:10rem}}.right2 .carousel .card-container.next .card .img{height:13.7rem;-o-object-position:center;object-position:center}@media(min-width:1024px){.right2 .carousel .card-container.next .card .img{height:23.5rem}}.right2 .carousel .card-container.next .card .subttl{right:30rem}.right2 .carousel .card-container.next .card .descript{transform:translateY(-10rem)}.right2 .carousel .card-container.active .card .subttl{right:0;transform:translateX(0);transition:all .8s ease}.right2 .carousel .card-container.active .card .descript{top:-14rem;right:-30rem;transform:translateY(-10rem);transition:opacity .8s ease,transform .8s ease}@media(min-width:1024px){.right2 .carousel .card-container.active .card .descript{top:45rem}}.right2 .carousel .card-container.fade-in .card .subttl{right:50%;opacity:1;transform:translateX(50%)}@media(min-width:1024px){.right2 .carousel .card-container.fade-in .card .subttl{right:-12rem;transform:translateX(0)}}.right2 .carousel .card-container.fade-in .card .descript{opacity:1;right:2rem;transform:translate(0)}@media(min-width:1024px){.right2 .carousel .card-container.fade-in .card .descript{right:-66.5rem}}.right2 .carousel .card-container .subttl{top:20rem;right:15rem;opacity:0}@media(min-width:1024px){.right2 .carousel .card-container .subttl{top:40rem}}.right2 .carousel .card-container .descript{transform:translateY(-10rem) translateX(-40rem);opacity:0}.carousel-nav .nav{color:#000;font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;width:4rem;height:4rem;border:1px solid #000;border-radius:50%;transition:all .3s ease}@media(min-width:1024px){.carousel-nav .nav{font-size:2rem;width:5rem;height:5rem}}.carousel-nav .nav:hover{background:#000;color:#fff}.card-container{position:absolute;width:100%;height:100%;display:flex;justify-content:end;transform:translateX(0) scale(1);z-index:0;transition:all .8s ease-out}@media(min-width:1024px){.card-container{justify-content:start;align-items:center}}.card-container.active{opacity:1;z-index:3;transform:translateX(0) scale(1)}.card-container.active .card .desc,.card-container.active .card .ttl{display:block}.card-container.active .card .ttl{transform:translateX(-20rem)}.card-container.active .card .img{-o-object-position:center;object-position:center}.card-container.active .card .subttl{right:100%;opacity:0}.card-container.active .descript,.card-container.active .subttl{transition:all .8s ease-out}.card-container.next{opacity:1;z-index:2;transform:translateX(0) translateY(-21rem)}@media(min-width:1024px){.card-container.next{transform:translateX(-66rem)}}.card-container.next .desc,.card-container.next .ttl{display:none}.card-container.next .card{width:12.6rem;height:9rem;padding:0;margin-right:2rem}@media(min-width:1024px){.card-container.next .card{width:32.9rem;height:23.3rem;margin-right:0}}.card-container.next .card .img{width:100%;height:100%}.card-container.fade-in .card .ttl{transform:translateX(0);opacity:1}.card-container.fade-in .card .subttl{opacity:1;right:6rem}@media(min-width:1024px){.card-container.fade-in .card .subttl{right:calc(100% + 15rem)}}.card-container.fade-in .card .descript{opacity:1;transform:translateY(0)}@media(max-width:1023px){.card-container.fade-in .card .descript{top:-8rem;right:2rem}}@media(min-width:1024px){.card-container.fade-in .card .descript{top:12rem;right:calc(100% + 15rem)}}.card-container .card{position:relative;width:100%;height:100%;padding:1.5rem 2rem;background:#f0f5ff;transition:all .8s ease-out}@media(min-width:1024px){.card-container .card{padding:7.5rem 0 5rem 7.5rem}}.card-container .card .img{-o-object-fit:cover;object-fit:cover;-o-object-position:left;object-position:left;transition:all .8s ease-out;height:40rem}@media(min-width:1024px){.card-container .card .img{height:52.8rem}}.card-container .card .ttl{opacity:0;transition:all .8s ease-out}.card-container .card .subttl{position:absolute;top:-18rem;right:-10rem;opacity:0;transform:translateY(-50%)}@media(min-width:1024px){.card-container .card .subttl{top:50%}}.card-container .card .descript{position:absolute;opacity:0;bottom:calc(100% + 8rem)}