#page_top section{background:var(--blue900)}
#page_top #mainImg{clip-path:inset(0 0 0 0);will-change:clip-path;width:100vw;height:100vh}
#page_top #mainImg .wrapper{position:fixed;top:0;left:0;z-index:1;width:100vw;height:100vh}
#page_top #mainImg .swiper-canvas canvas{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none}
#page_top #mainImg .swiper{width:100%;height:100vh;opacity:0}
#page_top #mainImg .scroll{position:absolute;bottom:0;left:5rem;z-index:10;padding-bottom:21rem}
#page_top #mainImg .scroll i{position:absolute;top:7rem;left:1rem;width:1px;height:100%;background:rgba(255,255,255,.3);overflow:hidden}
#page_top #mainImg .scroll i:before{content:'';position:absolute;margin:auto;top:0;left:0;width:100%;height:100%;background:var(--white100);animation:scrollHint 3s var(--easeInOutQuint) infinite}
#page_top #bgVideo{position:fixed;top:0;left:0;z-index:1;width:100%;height:100vh}
#page_top #bgVideo video{width:100%;height:100vh;object-fit:cover}
#page_top #introduction{display:flex;align-items:center;justify-content:center;height:100vh;background:0 0}
#page_top #introduction .catch img{width:31rem}
#page_top #floor{padding:20rem 0 25rem}
#page_top #floor .visual .wrap{text-align:center}
#page_top #floor .visual .wrap img{width:116.6rem}
#page_top #floor .about{padding:11rem 0 30rem;background:url(/asset/img/top/floor_about_img.webp) no-repeat right bottom;background-size:116.2rem auto}
#page_top #floor .about p.en{width:70rem;line-height:1.8;margin-top:3.5rem}
#page_top #floor .about button.btn{margin-top:4rem}
#page_top #floor .about button.btn span{transition:opacity .3s;cursor:pointer;position:relative;display:inline-block;padding:2rem 9rem 2rem 2rem;border-bottom:1px solid var(--white100);letter-spacing:var(--ls700)}
#page_top #floor .about button.btn span:hover{opacity:var(--opacity500)}
#page_top #floor .about button.btn span:after{content:'';position:absolute;margin:auto;top:0;bottom:0;right:4rem;width:1.4rem;height:.7rem;background:url(/asset/img/i_arr.svg) no-repeat right bottom;background-size:100% auto}
#page_top #floor .swiper .swiper-wrapper .swiper-slide{width:100rem}
#page_top #floor .swiper .swiper-wrapper .swiper-slide .inner{padding:0 8rem}
#page_top #floor .swiper .swiper-wrapper .swiper-slide .inner .cap{margin-top:4rem;font-family:var(--gothic);color:var(--white900)}
#page_top #spa .about{padding:20rem 0}
#page_top #spa .about .wrap{display:flex;justify-content:space-between}
#page_top #spa .about .wrap .txtBox{width:100%}
#page_top #spa .about .wrap .txtBox p.en{line-height:1.8;margin-top:2rem}
#page_top #spa .about .wrap .txtBox br.limit{display:block}
#page_top #spa .about .wrap .imgBox{flex-shrink:0;width:59.4rem;padding-top:1rem;margin-left:10rem}
#page_top #restaurant .visual{padding-left:21rem}
#page_top #restaurant .about{padding:20rem 0}
#page_top #restaurant .about .wrap{display:flex;justify-content:space-between;flex-direction:row-reverse}
#page_top #restaurant .about .wrap .txtBox{width:100%}
#page_top #restaurant .about .wrap .txtBox p.en{line-height:1.8;margin-top:2rem}
#page_top #restaurant .about .wrap .txtBox br.limit{display:block}
#page_top #restaurant .about .wrap .imgBox{flex-shrink:0;width:67rem;padding-top:1rem;margin-right:10rem}
#page_top #location{padding-top:2.5rem}
#page_top #location .visual{position:relative;padding:2.5rem 21rem 0 0}
#page_top #location .visual .area{position:absolute;top:0;right:30rem;z-index:5;font-size:6rem;font-family:var(--en);line-height:.85;letter-spacing:var(--ls700)}
#page_top #location .visual picture{overflow:hidden;height:80.5rem}
#page_top #location .visual picture img{height:130%}
#page_top #outline{padding:20rem 0;background:url(/asset/img/top/outline_bg.webp) var(--blue900) no-repeat left top;background-size:192rem auto}
#page_top #outline .en,#page_top #outline .ja{position:relative;z-index:10;width:75rem}
#page_top #outline .en>dl,#page_top #outline .ja>dl{display:flex;line-height:1.8}
#page_top #outline .en>dl+dl,#page_top #outline .ja>dl+dl{margin-top:2.5rem}
#page_top #outline .en>dl dt,#page_top #outline .ja>dl dt{flex-shrink:0;width:15rem}
#page_top #outline .en>dl dd dl,#page_top #outline .ja>dl dd dl{display:flex}
#page_top #outline .en>dl dd dl dt,#page_top #outline .ja>dl dd dl dt{width:20rem}
#page_top #outline .en>dl dd .map,#page_top #outline .ja>dl dd .map{font-family:var(--gothic);margin-top:2.5rem}
#page_top #outline .en>dl dd .map a,#page_top #outline .ja>dl dd .map a{display:inline-block;text-decoration:underline}
#page_top #outline .en>dl dd .map a:before,#page_top #outline .ja>dl dd .map a:before{content:'';display:inline-block;position:relative;top:.7rem;width:1.8rem;height:2.4rem;background:url(/asset/img/top/outline_marker.svg) no-repeat left top;background-size:100% auto;margin-right:1rem}
#page_top #outline .en{font-size:1.3rem;margin-top:20rem;font-family:var(--gothic);color:var(--white900)}
#page_top #outline .imgBox picture{position:absolute;z-index:1;width:16.4rem}
#page_top #outline .imgBox picture.img01{top:41rem;right:20rem}
#page_top #outline .imgBox picture.img02{top:0;right:0}
#page_top #facilities{padding:20rem 0;background:var(--black700)}
#page_top #facilities .info h3.hd{margin-bottom:10rem;letter-spacing:var(--ls700)}
#page_top #facilities .info h3.hd span.en{display:block;font-family:var(--en);margin-bottom:1.5rem}
#page_top #facilities .info .swiper{overflow:visible;margin:0 -13rem}
#page_top #facilities .info .swiper .swiper-wrapper{overflow:visible}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide{padding:0 4.5rem;opacity:.25;transition:opacity .5s}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide.swiper-slide-active{opacity:1}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner{position:relative;padding:0 4rem 8rem;background:var(--black600)}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner span.num{position:absolute;top:-2.5rem;left:3rem;z-index:10;line-height:.8;font-family:var(--en);font-size:6rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner span.place{position:absolute;top:2rem;right:2rem;z-index:10}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner .nameBox{position:absolute;top:7rem;left:3rem;z-index:10}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner .nameBox h4.name{font-family:var(--en);font-size:2.6rem;margin-bottom:2rem;letter-spacing:var(--ls700);line-height:1.3}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner .nameBox h4.name small{display:block;font-size:1.8rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner .nameBox h4.name span{display:block;font-family:var(--gothic);font-size:1.3rem;margin-top:1.5rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner .nameBox p.catch{font-size:1.6rem;letter-spacing:var(--ls700)}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner picture.house{margin:4rem 0 2rem;text-align:center}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner picture.house img{width:36.9rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner picture.img{text-align:center}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner picture.img img{width:33rem}
#page_top #facilities .info .swiper .swiper-button-next,#page_top #facilities .info .swiper .swiper-button-prev{width:3.6rem;height:3.6rem;mask:url(/asset/img/top/facilities_swiper_arr.svg) no-repeat center;mask-size:3.6rem auto;background:var(--white100)}
#page_top #facilities .info .swiper .swiper-button-next:after,#page_top #facilities .info .swiper .swiper-button-prev:after{display:none}
#page_top #facilities .info .swiper .swiper-button-prev{left:60rem;transform:scale(-1,1)}
#page_top #facilities .info .swiper .swiper-button-next{right:60rem}
#page_top #produce{padding:20rem 0 13rem;background:var(--black800)}
#page_top #produce .man .wrap{display:grid;grid-template-columns:repeat(2,minmax(0,50%));column-gap:19rem;row-gap:0}
#page_top #produce .man .wrap picture.img{position:relative;margin-bottom:6rem}
#page_top #produce .man .wrap .en .position,#page_top #produce .man .wrap .ja .position{font-size:1.4rem;margin-bottom:2rem}
#page_top #produce .man .wrap .en .name,#page_top #produce .man .wrap .ja .name{font-size:3rem;margin-bottom:2rem;letter-spacing:var(--ls700)}
#page_top #produce .man .wrap .en p.pr,#page_top #produce .man .wrap .ja p.pr{font-size:1.6rem;line-height:2;letter-spacing:var(--ls100)}
#page_top #produce .man .wrap .en{color:var(--white900);font-family:var(--gothic);margin-top:8rem}
#page_top #produce .man .wrap .en .name{font-size:2.6rem}
#page_top #produce .man .wrap .en p.pr{font-size:1.4rem;line-height:1.8;text-align:left}
#page_top #produce .research{margin-top:20rem}
#page_top #produce .research h3.hd{margin-bottom:4rem}
#page_top #produce .research h3.hd img{width:38.4rem}
#page_top #produce .research .row{display:grid;grid-template-columns:repeat(2,minmax(0,50%));column-gap:19rem;row-gap:0}
#page_top #produce .research .row .ja{line-height:2;letter-spacing:var(--ls100);font-size:1.6rem}
#page_top #produce .research .row .en{font-family:var(--gothic);color:var(--white900)}
#page_top #produce .research .row .en h4{font-size:2.4rem;margin-bottom:1rem}
#page_top #produce .research .row .en p{font-size:1.4rem;line-height:1.8;letter-spacing:var(--ls100);text-align:left}
#page_top #management{padding:11rem 0 20rem;background:var(--black800)}
#page_top #management .takano{display:flex}
#page_top #management .takano .imgBox{flex-shrink:0;width:35rem;margin-right:12rem}
#page_top #management .takano .txtBox .en .position,#page_top #management .takano .txtBox .ja .position{font-size:1.4rem;margin-bottom:2rem}
#page_top #management .takano .txtBox .en .name,#page_top #management .takano .txtBox .ja .name{font-size:3rem;margin-bottom:2rem;letter-spacing:var(--ls700)}
#page_top #management .takano .txtBox .en p.pr,#page_top #management .takano .txtBox .ja p.pr{font-size:1.6rem;line-height:2;letter-spacing:var(--ls100)}
#page_top #management .takano .txtBox .en{color:var(--white900);font-family:var(--gothic);margin-top:8rem}
#page_top #management .takano .txtBox .en .name{font-size:2.6rem}
#page_top #management .takano .txtBox .en p.pr{font-size:1.4rem;line-height:1.8;text-align:left}
#page_login{display:flex;align-items:center;justify-content:center;height:100dvh;padding:15rem 8rem;overflow-y:scroll}
#page_login .wrap{position:relative;z-index:10;background:rgba(7,9,22,.7);padding:9rem 10rem 6rem}
#page_login .wrap h2.logo{text-align:center;margin-bottom:8rem}
#page_login .wrap h2.logo img{width:22.4rem}
#page_login .wrap form dl{display:flex;align-items:center;color:var(--white100)}
#page_login .wrap form dl+dl{margin-top:2rem}
#page_login .wrap form dl dt{flex-shrink:0;width:8rem;margin-right:3rem;text-align:right}
#page_login .wrap form dl dd{width:31.5rem}
#page_login .wrap form dl dd input{border:1px solid #666;padding:1rem 1.2rem}
#page_login .wrap form dl.send{margin-top:6rem;text-align:center}
#page_login .wrap form dl.send dd button{display:inline-block;border-top:.1rem solid #666;border-bottom:.1rem solid #666;cursor:pointer;width:100%;padding:.8rem;font-size:1.6rem;letter-spacing:.2em}
#page_login .wrap form p.err{font-family:var(--gothic);text-align:center;color:#de4e88;margin-top:4rem}
#page_login .bg{position:fixed;top:0;left:0;z-index:1;width:100%;height:100vh}
#page_login .bg video{width:100%;height:100vh;object-fit:cover}
@media screen and (max-width:1615px){
#page_top #mainImg .scroll{display:none}
#page_top #floor .visual .wrap img{width:97.5rem}
#page_top #floor .about{position:relative;margin-top:-6rem;padding:0 0 30rem;background-size:88.7rem auto}
#page_top #floor .swiper .swiper-wrapper .swiper-slide{width:107.5rem}
#page_top #floor .swiper .swiper-wrapper .swiper-slide .inner{padding:0 6rem}
#page_top #spa .about .wrap .txtBox br.limit{display:none}
#page_top #spa .about .wrap .imgBox{width:43.4rem}
#page_top #restaurant .visual{padding-left:19.5rem}
#page_top #restaurant .about .wrap .txtBox br.limit{display:none}
#page_top #restaurant .about .wrap .imgBox{width:53.6rem}
#page_top #location .visual{padding:2.5rem 19.5rem 0 0}
#page_top #facilities .info .swiper{margin:0 -25rem}
#page_top #facilities .info .swiper .swiper-button-prev{left:55rem}
#page_top #facilities .info .swiper .swiper-button-next{right:55rem}
#page_top #produce .man .wrap{column-gap:10rem}
}
@media screen and (max-width:767px){
#page_top #mainImg .scroll{display:block;left:2rem}
#page_top #mainImg .scroll i{top:10rem;left:1.5rem}
#page_top #introduction .catch img{width:45rem}
#page_top #floor .visual .wrap img{width:100%}
#page_top #floor .about{margin-top:10rem;background:url(/asset/img/top/floor_about_img@sp.webp) no-repeat right bottom;background-size:100% auto}
#page_top #floor .about p.en{width:100%;font-size:1.8rem}
#page_top #floor .swiper .swiper-wrapper .swiper-slide .inner{padding:0 2.3rem}
#page_top #floor .swiper .swiper-wrapper .swiper-slide .inner .cap{margin-top:2rem;font-size:1.8rem}
#page_top #spa .about{padding:10rem 0 20rem}
#page_top #spa .about .wrap{display:block}
#page_top #spa .about .wrap .txtBox p.en{font-size:1.8rem}
#page_top #spa .about .wrap .imgBox{width:100%;padding:0;margin:10rem 0 0}
#page_top #restaurant .visual{padding-left:0}
#page_top #restaurant .about{padding:10rem 0 20rem}
#page_top #restaurant .about .wrap{display:block}
#page_top #restaurant .about .wrap .txtBox p.en{font-size:1.8rem}
#page_top #restaurant .about .wrap .imgBox{width:100%;padding:0;margin:10rem 0 0}
#page_top #location{padding:0}
#page_top #location .visual{padding:0}
#page_top #location .visual .area{display:none}
#page_top #outline{padding:50rem 0 30rem;background:url(/asset/img/top/outline_bg@sp.webp) var(--blue900) no-repeat center top;background-size:cover}
#page_top #outline .wrap{padding:0 5rem 0 8rem}
#page_top #outline .en,#page_top #outline .ja{width:100%}
#page_top #outline .en>dl,#page_top #outline .ja>dl{display:block}
#page_top #outline .en>dl+dl,#page_top #outline .ja>dl+dl{margin-top:4rem}
#page_top #outline .en>dl dt,#page_top #outline .ja>dl dt{width:20rem}
#page_top #outline .en>dl dd .map,#page_top #outline .ja>dl dd .map{margin-top:5rem}
#page_top #outline .en{margin-top:10rem;font-size:1.8rem}
#page_top #outline .en>dl dt{width:25rem}
#page_top #outline .imgBox picture{width:12rem}
#page_top #outline .imgBox picture.img01{top:-32rem;right:19rem}
#page_top #outline .imgBox picture.img02{top:-44rem;right:4rem}
#page_top #facilities .info h3.hd{font-size:1.8rem;text-align:right}
#page_top #facilities .info .swiper{margin:-4rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide{padding:0 1rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner{padding:0 6rem 8rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner span.num{font-size:10rem;top:-4rem;left:5rem;text-align:center}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner span.place{top:3rem;right:3rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner .nameBox{top:10rem;left:5rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner .nameBox h4.name{font-size:4rem;margin-bottom:3rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner .nameBox h4.name small{font-size:3rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner .nameBox h4.name span{font-size:1.8rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner .nameBox p.catch{line-height:1.6;font-size:2.4rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner picture.house{margin:5rem 0 2rem}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner picture.house img{width:90%}
#page_top #facilities .info .swiper .swiper-wrapper .swiper-slide .inner picture.img img{width:90%}
#page_top #facilities .info .swiper .swiper-button-prev{left:-2.5rem}
#page_top #facilities .info .swiper .swiper-button-next{right:-2.5rem}
#page_top #produce .man .wrap{grid-template-columns:repeat(1,minmax(0,100%));row-gap:13rem}
#page_top #produce .man .wrap picture.img{right:-8rem;margin-bottom:10rem}
#page_top #produce .man .wrap .sakakida picture.img{left:-8rem;right:auto}
#page_top #produce .man .wrap .en .position,#page_top #produce .man .wrap .ja .position{font-size:1.8rem}
#page_top #produce .man .wrap .en .name,#page_top #produce .man .wrap .ja .name{font-size:4rem}
#page_top #produce .man .wrap .en p.pr,#page_top #produce .man .wrap .ja p.pr{font-size:2.4rem}
#page_top #produce .man .wrap .en .position{font-size:1.6rem}
#page_top #produce .man .wrap .en .name{font-size:3.6rem}
#page_top #produce .man .wrap .en p.pr{font-size:2rem}
#page_top #produce .research .row{grid-template-columns:repeat(1,minmax(0,100%));row-gap:8rem}
#page_top #produce .research .row .ja{font-size:2rem}
#page_top #produce .research .row .en h4{font-size:3rem}
#page_top #produce .research .row .en p{font-size:1.6rem}
#page_top #management .takano{display:block}
#page_top #management .takano .imgBox{width:100%;margin:0 0 10rem;padding:0 10rem}
#page_top #management .takano .txtBox .en .position,#page_top #management .takano .txtBox .ja .position{font-size:1.8rem}
#page_top #management .takano .txtBox .en .name,#page_top #management .takano .txtBox .ja .name{font-size:4rem}
#page_top #management .takano .txtBox .en p.pr,#page_top #management .takano .txtBox .ja p.pr{font-size:2.4rem}
#page_top #management .takano .txtBox .en .position{font-size:1.6rem}
#page_top #management .takano .txtBox .en .name{font-size:3.6rem}
#page_top #management .takano .txtBox .en p.pr{font-size:2rem}
#page_login{padding:15rem 2rem}
#page_login .wrap{width:100%;padding:11rem 5rem 14rem;font-size:1.6rem}
#page_login .wrap h2.logo img{width:29rem}
#page_login .wrap form dl{font-size:2.4rem;display:block}
#page_login .wrap form dl+dl{margin-top:1.5rem}
#page_login .wrap form dl dt{width:10rem;margin:0 0 1.5rem;text-align:left}
#page_login .wrap form dl dd{width:100%}
#page_login .wrap form dl dd input{padding:2.5rem 2.5rem}
#page_login .wrap form dl.send{padding:0 1.5rem}
#page_login .wrap form dl.send dd button{width:100%;padding:1.6rem;font-size:2.9rem}
#page_login .wrap form p.err{margin-top:5rem;font-size:2.4rem}
}
/*# sourceMappingURL=style.css.map */