.page-yufuin .l-header__logo{opacity:0;transition:opacity .3s ease-out}.page-yufuin .l-header__logo.-isView{opacity:1}.page-yufuin .kv{position:sticky;top:0;z-index:0;width:100%;height:100svh;overflow:hidden}.page-yufuin .kv__contents{position:absolute;top:0;bottom:min(12.5vw,240px);left:0;z-index:2;display:flex;flex-direction:column;row-gap:min(2.2222222222vw,42.6666666667px);align-items:center;justify-content:center;width:100%}@media screen and (min-width:1500px){.page-yufuin .kv__contents{top:min(9.0277777778vw,173.3333333333px);bottom:auto}}@media screen and (max-width:768px){.page-yufuin .kv__contents{top:47.7333333333vw;bottom:auto;row-gap:7.4666666667vw}}@media screen and (max-width:768px)and (min-width:560px){.page-yufuin .kv__contents{top:0;bottom:0}}.page-yufuin .kv__contents-logo{width:min(25vw,480px)}@media screen and (max-width:1024px)and (min-width:769px){.page-yufuin .kv__contents-logo{width:min(37.5vw,720px)}}@media screen and (max-width:768px){.page-yufuin .kv__contents-logo{width:61.3333333333vw}}.page-yufuin .kv__contents-lead{font-size:min(1.3888888889vw,26.6666666667px);font-feature-settings:"palt"}@media screen and (max-width:1024px)and (min-width:769px){.page-yufuin .kv__contents-lead{font-size:min(2.0833333333vw,40px)}}.page-yufuin .kv__contents-lead{line-height:1.5;text-align:center}@media screen and (max-width:768px){.page-yufuin .kv__contents-lead{padding-inline:5.3333333333vw;font-size:4.2666666667vw}}.page-yufuin .kv__contents-lead span:nth-of-type(1){font-family:var(--Arboria);font-size:min(2.2222222222vw,42.6666666667px);font-weight:400}@media screen and (max-width:1024px)and (min-width:769px){.page-yufuin .kv__contents-lead span:nth-of-type(1){font-size:min(3.3333333333vw,64px)}}@media screen and (max-width:768px){.page-yufuin .kv__contents-lead span:nth-of-type(1){font-size:6.9333333333vw}}.page-yufuin .kv__contents-lead span:nth-of-type(2){font-family:var(--Koburina-Gothic);font-size:min(2.2222222222vw,42.6666666667px)}@media screen and (max-width:1024px)and (min-width:769px){.page-yufuin .kv__contents-lead span:nth-of-type(2){font-size:min(3.3333333333vw,64px)}}@media screen and (max-width:768px){.page-yufuin .kv__contents-lead span:nth-of-type(2){font-size:6.9333333333vw}}.page-yufuin .kv__contents-lead span:nth-of-type(3){font-size:min(1.8333333333vw,35.2px)}@media screen and (max-width:1024px)and (min-width:769px){.page-yufuin .kv__contents-lead span:nth-of-type(3){font-size:min(2.75vw,52.8px)}}@media screen and (max-width:768px){.page-yufuin .kv__contents-lead span:nth-of-type(3){font-size:5.8666666667vw}}.page-yufuin .kv__contents-date{font-family:var(--Arboria);font-size:var(--font-24);font-weight:400;line-height:1;text-align:center}@media screen and (max-width:1024px)and (min-width:769px){.page-yufuin .kv__contents-date{font-size:min(3.3333333333vw,64px)}}.page-yufuin .kv__contents.-isHide{opacity:0}.page-yufuin .kv__building{position:absolute;bottom:max(-10.5555555556vw,-202.6666666667px);left:min(9.0972222222vw,174.6666666667px);z-index:1;width:min(79.8611111111vw,1533.3333333333px)}@media screen and (max-width:768px){.page-yufuin .kv__building{bottom:-26.6666666667vw;left:-89.3333333333vw;width:221.6vw}}.page-yufuin .kv__bg{position:relative;z-index:0;width:100%;height:100%}.page-yufuin .kv__bg-sky{--kv-bg-sky-shift: min(13.8888888889vw,266.6666666667px);position:absolute;top:0;right:0;width:calc(100% + min(13.8888888889vw,266.6666666667px));height:100%;background:url(/teaser/yufuin/_assets/img/image_kv_bg_sky.png.webp) no-repeat center top/cover;transform-origin:right center}@media screen and (max-width:768px){.page-yufuin .kv__bg-sky{--kv-bg-sky-shift: 43.7333333333vw;width:calc(100% + 43.7333333333vw);background-position:right top}}.page-yufuin .kv__bg-mountain{position:absolute;inset:0;z-index:1;background:url(/teaser/yufuin/_assets/img/image_kv_bg_mountain.png.webp) no-repeat center bottom/cover}@media screen and (max-width:768px){.page-yufuin .kv__bg-mountain{inset:auto;right:-90.6666666667vw;bottom:0;left:auto;width:328vw;aspect-ratio:1440/810;background-position:right bottom}}.page-yufuin .kv .kv__bg{transition:opacity .6s 4s linear}.page-yufuin .kv .kv__bg-sky,.page-yufuin .kv .kv__bg-mountain{opacity:0;transition:opacity .7s ease-out}.page-yufuin .kv.-isAnimation .kv__bg{opacity:.5}.page-yufuin .kv.-isAnimation .kv__bg-sky{opacity:1;animation:kvBgSkySlide 9s ease-out forwards}.page-yufuin .kv.-isAnimation .kv__bg-mountain{opacity:1}.page-yufuin .features{position:relative;z-index:1;padding-block:min(2.7777777778vw,53.3333333333px) min(6.9444444444vw,133.3333333333px);overflow-x:clip;background:var(--black);transform:translateZ(0)}@media screen and (max-width:768px){.page-yufuin .features{padding-block:10.6666666667vw 16vw}}.page-yufuin .features__inner{display:flex;flex-direction:column;row-gap:min(2.7777777778vw,53.3333333333px);padding-inline:min(2.7777777778vw,53.3333333333px)}@media screen and (max-width:768px){.page-yufuin .features__inner{row-gap:13.3333333333vw;padding-inline:0}}.page-yufuin .features__block{position:relative}@media screen and (max-width:768px){.page-yufuin .features__block{display:flex;flex-direction:column;row-gap:4.2666666667vw}}.page-yufuin .features__block-head{position:absolute;top:min(2.7777777778vw,53.3333333333px);left:min(4.1666666667vw,80px);z-index:1;display:flex;flex-direction:column;row-gap:min(.2777777778vw,5.3333333333px)}@media screen and (max-width:768px){.page-yufuin .features__block-head{position:static;row-gap:1.3333333333vw;padding-inline:5.3333333333vw}}.page-yufuin .features__block-head .label{display:flex;column-gap:min(.5555555556vw,10.6666666667px);font-family:var(--Arboria);font-size:var(--font-18);font-weight:400;line-height:1}@media screen and (max-width:768px){.page-yufuin .features__block-head .label{column-gap:2.1333333333vw}}.page-yufuin .features__block-head .lead-block{display:flex;flex-direction:column;row-gap:min(1.1111111111vw,21.3333333333px)}@media screen and (max-width:768px){.page-yufuin .features__block-head .lead-block{row-gap:2.6666666667vw}}.page-yufuin .features__block-head .title{font-size:min(1.9444444444vw,37.3333333333px);line-height:1.3}@media screen and (max-width:768px){.page-yufuin .features__block-head .title{font-size:5.6vw}}.page-yufuin .features__block-head .lead{font-size:var(--font-14);line-height:1.5}@media screen and (max-width:768px){.page-yufuin .features__block-head .lead{font-size:var(--font-12)}}.page-yufuin .features__block-slider{position:relative;z-index:0}@media screen and (max-width:768px){.page-yufuin .features__block-slider .swiper-wrapper{display:block}.page-yufuin .features__block-slider .swiper-slide{width:100%}}@media screen and (max-width:768px){.page-yufuin .features__block-slider .swiper-wrapper{display:grid;grid-template-columns:58.6666666667vw 40vw;gap:1.3333333333vw}}@media screen and (max-width:768px){.page-yufuin .features__block-slider .swiper-wrapper .features__block-slider_item{width:auto!important;opacity:1!important;transform:none!important}}@media screen and (max-width:768px){.page-yufuin .features__block-slider .swiper-wrapper .features__block-slider_item:nth-of-type(1){grid-column:span 2/span 2}}@media screen and (max-width:768px){.page-yufuin .features__block-slider .swiper-wrapper .features__block-slider_item:nth-of-type(2){grid-row-start:2}}@media screen and (max-width:768px){.page-yufuin .features__block-slider .swiper-wrapper .features__block-slider_item:nth-of-type(3){grid-row-start:2}}.page-yufuin .features__block .c-slider__control{position:absolute;right:min(4.1666666667vw,80px);bottom:min(2.7777777778vw,53.3333333333px);z-index:1;column-gap:min(1.9444444444vw,37.3333333333px);width:min(21.5972222222vw,414.6666666667px)}@media screen and (max-width:768px){.page-yufuin .features__block .c-slider__control{display:none}}.page-yufuin .features__block .c-slider__control .c-slider__arrow{width:min(2.3611111111vw,45.3333333333px)}@media screen and (max-width:768px){.page-yufuin .features__block.-fadeIn{opacity:1}.page-yufuin .features__block.-fadeIn .features__block-slider_item{opacity:0!important;transition:opacity 1.2s}.page-yufuin .features__block.-fadeIn .features__block-slider_item:nth-of-type(2){transition-delay:.3s}.page-yufuin .features__block.-fadeIn .features__block-slider_item:nth-of-type(3){transition-delay:.6s}.page-yufuin .features__block.-fadeIn.-isAnimation .features__block-slider_item{opacity:1!important}}.page-yufuin .l-restaurant__logo{max-width:min(7.6388888889vw,146.6666666667px)}@media screen and (max-width:768px){.page-yufuin .l-restaurant__body-logo img{max-width:5.3333333333vw}}@keyframes kvBgSkySlide{0%{transform:translate(0)}to{transform:translate(var(--kv-bg-sky-shift))}}