@charset "UTF-8";.no-scroll{overflow-y:scroll;height:100vh;position:fixed;width:100%}body{background-color:#43474f}#main-container{width:100vw}@media (max-width: 599px){#main-container{background-color:#43474f}}#main-container #menuToggle{display:flex}@media (min-width: 1025px){#main-container .horizontal-wrapper{height:600vh;position:relative}}@media (max-width: 599px){#main-container .horizontal-wrapper{overflow:visible;position:relative}}#main-container .horizontal-wrapper .fix__logo__wrap{width:200px;height:200px;z-index:5}@media (min-width: 1025px){#main-container .horizontal-wrapper .fix__logo__wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (max-width: 1024px){#main-container .horizontal-wrapper .fix__logo__wrap{position:sticky;top:-90px;width:180px;height:180px;margin:0 auto;margin-top:calc(50vh - 120px);pointer-events:none}}#main-container .horizontal-wrapper .fix__logo__wrap__inner .fix__logo__outer{display:block;max-width:200px;aspect-ratio:1/1;background:url(/assets/images/top/logo-ost-outer.svg) no-repeat left top;background-size:cover;position:relative;opacity:0;transform:rotate(30deg);transition:all 1s}#main-container .horizontal-wrapper .fix__logo__wrap__inner .fix__logo__outer.active{opacity:1;transform:rotate(0)}@media (max-width: 599px){#main-container .horizontal-wrapper .fix__logo__wrap__inner .fix__logo__outer{transform:rotate(0)}}#main-container .horizontal-wrapper .fix__logo__wrap__inner .fix__logo__inner{width:100%;max-width:59%;aspect-ratio:178/69;background:url(/assets/images/top/logo-ost-inner.svg) no-repeat left top;background-size:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0}@media (min-width: 1025px){#main-container .horizontal-wrapper .horizontal-scroll{position:absolute;top:0;left:0;display:block;width:100vw;will-change:transform}}@media (max-width: 1024px){#main-container .horizontal-wrapper .horizontal-scroll{display:block;width:100%;height:auto;overflow:visible;margin-top:calc(-50vh - 90px)}}#main-container .horizontal-wrapper .horizontal-scroll .section{width:100vw;color:#fff}@media (min-width: 1025px){#main-container .horizontal-wrapper .horizontal-scroll .section{height:100vh}}#splash{display:flex;width:100vw;height:100vh;position:relative;z-index:1}#splash .white-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#fff;z-index:10}#splash .garden{width:100%;height:100vh;background:url(/assets/images/top/splash-bg-scenery.webp) no-repeat center top;background-size:cover;z-index:1}#splash .garden.clipped{clip-path:inset(0 12.5vw 0 0)}@media (max-width: 1024px){#splash .garden{display:none}}#splash .peek-section{position:absolute;top:0;right:0;width:100vw;height:100%;z-index:auto;background:url(/assets/images/top/splash-bg-build.webp) no-repeat center center;background-size:cover;clip-path:inset(0 0 0 87.5vw);pointer-events:none}@media (max-width: 1024px){#splash .peek-section{clip-path:none!important}}#splash .contents{position:absolute;left:50%;width:75vw;height:100vh;z-index:2;background-color:#43474f}@media (max-width: 1024px){#splash .contents{left:auto;width:100%;background-color:transparent}}@media (max-width: 599px){#splash .contents{position:relative;left:auto}}#splash .contents__inner{width:100%;height:100vh;position:relative}@media (max-width: 599px){#splash .contents__inner{background-color:#43474f}}#splash .contents__inner .contents__bottom{position:absolute;top:70%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0}@media (max-width: 1024px){#splash .contents__inner .contents__bottom{width:100%;top:auto;bottom:30px}}#splash .contents__inner .contents__bottom .scrollDown{width:2px;height:92px;background-color:#d5d5d5;position:relative}#splash .contents__inner .contents__bottom .scrollDown:before{background-color:#707070;content:"";width:2px;height:92px;position:absolute;top:0;left:0;animation:scroll 4s infinite}@media (max-width: 599px){#splash .contents__inner .contents__bottom .scrollDown{display:none}}#splash .contents__inner .contents__bottom .textBlock{text-align:center;margin:55px 0 0}@media (max-width: 599px){#splash .contents__inner .contents__bottom .textBlock{margin:0}}#splash .contents__inner .contents__bottom .textBlock h1{font-family:Georgia,serif;font-size:1.9rem;font-weight:300;line-height:1.36;letter-spacing:.11em;color:#fff;margin:0 0 5px;padding:0}@media (min-width: 1025px){#splash .contents__inner .contents__bottom .textBlock h1{white-space:nowrap;overflow:hidden}}@media (max-width: 599px){#splash .contents__inner .contents__bottom .textBlock h1{font-size:2.2rem}}#splash .contents__inner .contents__bottom .textBlock span{font-family:Noto Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.41;color:#fff}@media (min-width: 1025px){#splash .contents__inner .contents__bottom .textBlock span{display:inline-block;white-space:nowrap;overflow:hidden}}@keyframes scroll{0%{transform:scaleY(0);transform-origin:0 0}50%{transform:scale(1);transform-origin:0 0}51%{transform:scale(1);transform-origin:0 100%}to{transform:scaleY(0);transform-origin:0 100%}}#about{width:100vw;display:flex;align-items:center;background-color:#43474f}@media (min-width: 1025px){#about{height:100vh}}@media (max-width: 1024px){#about{flex-direction:column}}#about .movie{width:33.75%;height:100vh}@media (max-width: 1024px){#about .movie{width:100%;height:auto;aspect-ratio:1/1}}#about .movie__wrap{height:100%;position:relative;overflow:hidden}#about .movie__wrap.img__wrap{background:url(/assets/images/top/about-img.webp) no-repeat left top;background-size:cover}@media (max-width: 599px){#about .movie__wrap.img__wrap{background:url(/assets/images/top/about-img@4x.webp) no-repeat center top;background-size:cover}}#about .movie__wrap .bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7}#about .layout{width:66.25%}@media (min-width: 1025px){#about .layout{padding-right:50px}}@media (max-width: 1024px){#about .layout{position:static;width:100%}}#about .layout .contents{width:100%;height:100vh;background-color:#43474f;display:flex;flex-direction:column;justify-content:center;align-items:flex-end}@media (max-width: 1024px){#about .layout .contents{height:auto;align-items:flex-start;padding:50px}}@media (max-width: 599px){#about .layout .contents{padding:30px 15px 60px}}#about .layout .contents__wrap{transition:all 1s .5s}@media (min-width: 1025px){#about .layout .contents__wrap{opacity:0}}#about .layout .contents__wrap.active{opacity:1}@media (max-width: 1024px){#about .layout .contents__wrap .headingBlock{display:none}}#about .layout .contents__wrap .headingBlock h2{font-family:Georgia,serif;font-size:3.5rem;font-weight:300;line-height:1.36;letter-spacing:.11em;color:#fff;margin:0 0 5px;padding:0}#about .layout .contents__wrap .headingBlock span{font-family:Noto Sans,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.41;color:#fff}#about .layout .contents__wrap .textBlock{margin:55px 0 0}@media (max-width: 1024px){#about .layout .contents__wrap .textBlock{margin:0}}#about .layout .contents__wrap .textBlock p{font-size:1.4rem;line-height:1.6;margin:0;font-weight:370;color:#eee}#about .layout .contents__wrap .btn_common{margin:90px 0 0}@media (max-width: 1024px){#about .layout .contents__wrap .btn_common{margin:60px 0 0}}#about .layout .contents__wrap .btn_common a{max-width:260px}@media (min-width: 1025px){#stripeBlock{width:75vw;padding:0 120px;background-color:#43474f}}#stripeBlock .stripe{opacity:0;transition:opacity 1s}@media (min-width: 1025px){#stripeBlock .stripe{height:100%}}@media (min-width: 1025px){#stripeBlock .stripe__container{height:100%;position:relative;display:flex;justify-content:space-between}}@media (min-width: 1025px){#stripeBlock .stripe__container__left{display:flex;align-items:end;position:relative;transform:translate(280px)}}@media (min-width: 1025px){#stripeBlock .stripe__container__left div{position:absolute;right:0;width:40px;height:75%;background-color:#363d4a;transform:translate(0);transition:transform 1s}}@media (min-width: 1025px){#stripeBlock .stripe__container__right{display:flex;position:relative;transform:translate(-40px)}}@media (min-width: 1025px){#stripeBlock .stripe__container__right div{position:absolute;width:40px;height:50%;background-color:#363d4a;transform:translate(0);transition:transform 1s}}#stripeBlock.is-show .stripe{opacity:1}@media (min-width: 1025px){#stripeBlock.is-show .stripe__container__left div:nth-child(1){transform:translate(0)}#stripeBlock.is-show .stripe__container__left div:nth-child(2){transform:translate(-80px)}#stripeBlock.is-show .stripe__container__left div:nth-child(3){transform:translate(-160px)}#stripeBlock.is-show .stripe__container__left div:nth-child(4){transform:translate(-240px)}}@media (min-width: 1025px){#stripeBlock.is-show .stripe__container__right div:nth-child(1){transform:translate(0)}#stripeBlock.is-show .stripe__container__right div:nth-child(2){transform:translate(-80px)}#stripeBlock.is-show .stripe__container__right div:nth-child(3){transform:translate(-160px)}#stripeBlock.is-show .stripe__container__right div:nth-child(4){transform:translate(-240px)}}#location{position:relative;background-color:#43474f}@media (min-width: 1025px){#location{width:100vw;height:100vh}}#location .heading__wrap{display:none;position:relative;z-index:2;margin:0 0 30px 15px}@media (max-width: 599px){#location .heading__wrap{display:block;margin:0 0 -20px 15px}}#location .heading__wrap .headingBlock h2{font-family:Georgia,serif;font-size:4.8rem;font-weight:300;line-height:1.36;letter-spacing:.11em;color:#fff;margin:0;padding:0}@media (max-width: 599px){#location .heading__wrap .headingBlock h2{font-size:4rem}}@media (max-width: 1024px){#location .layout{position:relative;padding:50px 0}}@media (max-width: 599px){#location .layout{padding:30px 0 60px}}#location .layout .contents{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}@media (max-width: 1024px){#location .layout .contents{height:auto}}#location .layout .contents__wrap .colmun{display:flex;justify-content:space-between;align-items:center}@media (min-width: 1025px){#location .layout .contents__wrap .colmun{gap:150px}}@media (max-width: 1024px){#location .layout .contents__wrap .colmun{flex-direction:column-reverse;align-items:flex-start}}@media (max-width: 1024px){#location .layout .contents__wrap .colmun__left{width:100%;padding:50px 50px 0}}@media (max-width: 599px){#location .layout .contents__wrap .colmun__left{padding:45px 15px 0}}#location .layout .contents__wrap .colmun__left .headingBlock h2{font-family:Georgia,serif;font-size:4.8rem;font-weight:300;line-height:1.36;letter-spacing:.11em;color:#fff;margin:0;padding:0}@media (max-width: 599px){#location .layout .contents__wrap .colmun__left .headingBlock{display:none}}#location .layout .contents__wrap .colmun__left .textBlock{margin:20px 0 0}@media (max-width: 599px){#location .layout .contents__wrap .colmun__left .textBlock{margin:0}}#location .layout .contents__wrap .colmun__left .textBlock p{font-size:1.4rem;line-height:1.6;margin:0;font-weight:370;color:#eee}#location .layout .contents__wrap .colmun__left .btn_common{margin:50px 0 0}@media (max-width: 599px){#location .layout .contents__wrap .colmun__left .btn_common{margin:40px 0 0}}#location .layout .contents__wrap .colmun__left .btn_common a{max-width:260px}#location .layout .contents__wrap .colmun__right .imgBlock{position:relative}#location .layout .contents__wrap .colmun__right .imgBlock img{max-width:640px}@media (max-width: 1024px){#location .layout .contents__wrap .colmun__right .imgBlock img{max-width:100%}}#location .stripe__section{position:absolute;top:0;right:0}@media (max-width: 1024px){#location .stripe__section{right:20px}}@media (max-width: 599px){#location .stripe__section .stripe__container .stripe:nth-child(n+4){display:none}}#design{position:relative;background-color:#43474f}@media (min-width: 1025px){#design{width:100vw;height:100vh}}#design .heading__wrap{display:none;position:relative;z-index:2;margin:0 0 30px 15px}@media (max-width: 599px){#design .heading__wrap{display:block;margin:0 0 -20px 15px}}#design .heading__wrap .headingBlock h2{font-family:Georgia,serif;font-size:4.8rem;font-weight:300;line-height:1.36;letter-spacing:.11em;color:#fff;margin:0;padding:0}@media (max-width: 599px){#design .heading__wrap .headingBlock h2{font-size:4rem}}@media (max-width: 1024px){#design .layout{position:relative;padding:50px 0}}@media (max-width: 599px){#design .layout{padding:30px 0 60px}}#design .layout .contents{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}@media (max-width: 1024px){#design .layout .contents{height:auto}}#design .layout .contents__wrap .colmun{display:flex;justify-content:space-between;align-items:center}@media (min-width: 1025px){#design .layout .contents__wrap .colmun{gap:150px}}@media (max-width: 1024px){#design .layout .contents__wrap .colmun{flex-direction:column-reverse;align-items:flex-start}}@media (max-width: 1024px){#design .layout .contents__wrap .colmun__left{width:100%;padding:50px 50px 0}}@media (max-width: 599px){#design .layout .contents__wrap .colmun__left{padding:45px 15px 0}}#design .layout .contents__wrap .colmun__left .headingBlock h2{font-family:Georgia,serif;font-size:4.8rem;font-weight:300;line-height:1.36;letter-spacing:.11em;color:#fff;margin:0;padding:0}@media (max-width: 599px){#design .layout .contents__wrap .colmun__left .headingBlock{display:none}}#design .layout .contents__wrap .colmun__left .textBlock{margin:20px 0 0}@media (max-width: 599px){#design .layout .contents__wrap .colmun__left .textBlock{margin:0}}#design .layout .contents__wrap .colmun__left .textBlock p{font-size:1.4rem;line-height:1.6;margin:0;font-weight:370;color:#eee}#design .layout .contents__wrap .colmun__left .btn_common{margin:50px 0 0}@media (max-width: 599px){#design .layout .contents__wrap .colmun__left .btn_common{margin:40px 0 0}}#design .layout .contents__wrap .colmun__left .btn_common a{max-width:260px}#design .layout .contents__wrap .colmun__right .imgBlock{position:relative}#design .layout .contents__wrap .colmun__right .imgBlock img{max-width:640px}@media (max-width: 1024px){#design .layout .contents__wrap .colmun__right .imgBlock img{max-width:100%}}#design .stripe__section{position:absolute;top:0;right:0}@media (max-width: 1024px){#design .stripe__section{right:auto;left:60px}}@media (max-width: 599px){#design .stripe__section .stripe__container .stripe:nth-child(n+4){display:none}}@media (max-width: 1024px){#design .stripe__section.is-show .stripe__container .stripe:nth-child(1){transform:translate(0)}#design .stripe__section.is-show .stripe__container .stripe:nth-child(2){transform:translate(80px)}#design .stripe__section.is-show .stripe__container .stripe:nth-child(3){transform:translate(160px)}#design .stripe__section.is-show .stripe__container .stripe:nth-child(4){transform:translate(240px)}#design .stripe__section.is-show .stripe__container .stripe:nth-child(5){transform:translate(320px)}#design .stripe__section.is-show .stripe__container .stripe:nth-child(6){transform:translate(400px)}#design .stripe__section.is-show .stripe__container .stripe:nth-child(7){transform:translate(480px)}#design .stripe__section.is-show .stripe__container .stripe:nth-child(8){transform:translate(560px)}}#terrace{position:relative;background-color:#43474f}@media (min-width: 1025px){#terrace{width:100vw;height:100vh}}#terrace .heading__wrap{display:none;position:relative;z-index:2;margin:0 0 30px 15px}@media (max-width: 599px){#terrace .heading__wrap{display:block;margin:0 0 -20px 15px}}#terrace .heading__wrap .headingBlock h2{font-family:Georgia,serif;font-size:4.8rem;font-weight:300;line-height:1.36;letter-spacing:.11em;color:#fff;margin:0;padding:0}@media (max-width: 599px){#terrace .heading__wrap .headingBlock h2{font-size:4rem}}@media (max-width: 1024px){#terrace .layout{position:relative;padding:50px 0}}@media (max-width: 599px){#terrace .layout{padding:30px 0 60px}}#terrace .layout .contents{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1}@media (max-width: 1024px){#terrace .layout .contents{height:auto}}#terrace .layout .contents__wrap .colmun{display:flex;justify-content:space-between;align-items:center}@media (min-width: 1025px){#terrace .layout .contents__wrap .colmun{gap:150px}}@media (max-width: 1024px){#terrace .layout .contents__wrap .colmun{flex-direction:column-reverse;align-items:flex-start}}@media (max-width: 1024px){#terrace .layout .contents__wrap .colmun__left{width:100%;padding:50px 50px 0}}@media (max-width: 599px){#terrace .layout .contents__wrap .colmun__left{padding:45px 15px 0}}#terrace .layout .contents__wrap .colmun__left .headingBlock h2{font-family:Georgia,serif;font-size:4.8rem;font-weight:300;line-height:1.36;letter-spacing:.11em;color:#fff;margin:0;padding:0}@media (max-width: 599px){#terrace .layout .contents__wrap .colmun__left .headingBlock{display:none}}#terrace .layout .contents__wrap .colmun__left .textBlock{margin:20px 0 0}@media (max-width: 599px){#terrace .layout .contents__wrap .colmun__left .textBlock{margin:0}}#terrace .layout .contents__wrap .colmun__left .textBlock p{font-size:1.4rem;line-height:1.6;margin:0;font-weight:370;color:#eee}#terrace .layout .contents__wrap .colmun__left .btn_common{margin:50px 0 0}@media (max-width: 599px){#terrace .layout .contents__wrap .colmun__left .btn_common{margin:40px 0 0}}#terrace .layout .contents__wrap .colmun__left .btn_common a{max-width:260px}#terrace .layout .contents__wrap .colmun__right .imgBlock{position:relative}#terrace .layout .contents__wrap .colmun__right .imgBlock img{max-width:640px}@media (max-width: 1024px){#terrace .layout .contents__wrap .colmun__right .imgBlock img{max-width:100%}}#terrace .stripe__section{position:absolute;top:0;right:0}@media (max-width: 1024px){#terrace .stripe__section{right:20px}}@media (max-width: 599px){#terrace .stripe__section .stripe__container .stripe:nth-child(n+4){display:none}}#roomplan-service{position:relative;background-color:#43474f}#roomplan-service .heading__wrap{display:none;position:relative;z-index:2;margin:0 0 30px 15px}@media (max-width: 599px){#roomplan-service .heading__wrap{display:block;margin:0 0 5px}}#roomplan-service .heading__wrap .headingBlock h2{font-family:Georgia,serif;font-size:4.8rem;font-weight:300;line-height:1.36;letter-spacing:.11em;color:#fff;margin:0;padding:0}@media (max-width: 599px){#roomplan-service .heading__wrap .headingBlock h2{display:block!important;margin:0!important;font-size:3.5rem}}@media (max-width: 599px){#roomplan-service .layout{position:static;width:100%}}#roomplan-service .layout .contents{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:2;transition:opacity 1s}@media (min-width: 1025px){#roomplan-service .layout .contents{opacity:0}}@media (max-width: 1024px){#roomplan-service .layout .contents{height:auto}}#roomplan-service .layout .contents.active{opacity:1}#roomplan-service .layout .contents__wrap{width:100%}@media (max-width: 1024px){#roomplan-service .layout .contents__wrap{padding:50px}}@media (max-width: 599px){#roomplan-service .layout .contents__wrap{padding:0 15px}}#roomplan-service .layout .contents__wrap .colmun{max-width:72.5%;margin:0 auto;display:flex;justify-content:space-between;align-items:center}@media (min-width: 1025px){#roomplan-service .layout .contents__wrap .colmun{gap:150px}}@media (max-width: 1024px){#roomplan-service .layout .contents__wrap .colmun{max-width:none;align-items:flex-start;gap:0 50px}}@media (max-width: 599px){#roomplan-service .layout .contents__wrap .colmun{flex-direction:column}}#roomplan-service .layout .contents__wrap .colmun__left,#roomplan-service .layout .contents__wrap .colmun__right{width:100%;max-width:400px}@media (max-width: 599px){#roomplan-service .layout .contents__wrap .colmun__left,#roomplan-service .layout .contents__wrap .colmun__right{max-width:none;margin:0 0 60px}}#roomplan-service .layout .contents__wrap .colmun__left .imgBlock img,#roomplan-service .layout .contents__wrap .colmun__right .imgBlock img{aspect-ratio:1/1}#roomplan-service .layout .contents__wrap .colmun__left .headingBlock h2,#roomplan-service .layout .contents__wrap .colmun__right .headingBlock h2{font-family:Georgia,serif;font-size:4rem;font-weight:300;line-height:1.36;letter-spacing:.11em;color:#fff;margin:40px 0 0;padding:0}@media (max-width: 599px){#roomplan-service .layout .contents__wrap .colmun__left .headingBlock h2,#roomplan-service .layout .contents__wrap .colmun__right .headingBlock h2{display:none}}#roomplan-service .layout .contents__wrap .colmun__left .textBlock,#roomplan-service .layout .contents__wrap .colmun__right .textBlock{margin:20px 0 0}#roomplan-service .layout .contents__wrap .colmun__left .textBlock p,#roomplan-service .layout .contents__wrap .colmun__right .textBlock p{font-size:1.4rem;line-height:1.6;margin:0;font-weight:370;color:#eee}#roomplan-service .layout .contents__wrap .colmun__left .btn_common,#roomplan-service .layout .contents__wrap .colmun__right .btn_common{margin:45px 0 0}#roomplan-service .layout .contents__wrap .colmun__left .btn_common a,#roomplan-service .layout .contents__wrap .colmun__right .btn_common a{max-width:260px}#roomplan-service .stripe__section{position:absolute;top:0;transition:opacity 1s}@media (min-width: 1025px){#roomplan-service .stripe__section{opacity:0}}#roomplan-service .stripe__section.active{opacity:1}@media (max-width: 1024px){#roomplan-service .stripe__section.stripe--left{right:auto;left:40px}}@media (max-width: 599px){#roomplan-service .stripe__section.stripe--left{left:0;height:auto!important}}@media (max-width: 1024px){#roomplan-service .stripe__section.stripe--right{right:0}}@media (max-width: 599px){#roomplan-service .stripe__section.stripe--right{left:0;right:auto;height:auto!important}}@media (max-width: 599px){#roomplan-service .stripe__section{width:100%}}@media (max-width: 599px){#roomplan-service .stripe__section .stripe__container .stripe{width:100vw;height:40px}}@media (max-width: 599px){#roomplan-service .stripe__section .stripe__container .stripe:last-child{display:none}}@media (max-width: 599px){#roomplan-service .stripe__section.is-show .stripe__container .stripe:nth-child(1){transform:translateY(0)}#roomplan-service .stripe__section.is-show .stripe__container .stripe:nth-child(2){transform:translateY(80px)}#roomplan-service .stripe__section.is-show .stripe__container .stripe:nth-child(3){transform:translateY(160px)}}