@-webkit-keyframes scrollExpansion{0%{background-position:0 100%}75%{background-position:0 0}to{background-position:0 -100%}}@keyframes scrollExpansion{0%{background-position:0 100%}75%{background-position:0 0}to{background-position:0 -100%}}#header+article{position:relative}.breadcrumb_block{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;padding:15px 15px 15px 2%;position:absolute;left:0;top:0;right:0;z-index:100;opacity:0;visibility:hidden;-webkit-transition-property:opacity,visibility;transition-property:opacity,visibility;-webkit-transition-duration:1.5s;transition-duration:1.5s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.breadcrumb_block.is-active{opacity:1;visibility:visible}.breadcrumb_block .breadcrumb{padding:3px 10px 0 0;-webkit-box-flex:0;flex:0 1 auto}.breadcrumb_block .breadcrumb ul li,.breadcrumb_block .breadcrumb ul li a{color:#fff}.breadcrumb_block .qr_anchor{-webkit-box-flex:0;flex:0 0 auto}.breadcrumb_block .qr_anchor a{display:inline-block;border:1px solid #999;border-radius:2px;padding:10px 10px 8px 36px;text-decoration:none;text-align:left;font-size:14px;font-size:1.4rem;line-height:1.3}.breadcrumb_block .qr_anchor a:before,.qr_dl_btn a:before{content:"";display:inline-block;position:absolute;left:5px;top:50%;width:24px;height:24px;background:url(../img/top/qr_btn.png) 0 0 no-repeat;background-size:100% auto;vertical-align:middle;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.breadcrumb_block .qr_anchor a:after{font:16px/1 FontAwesome;content:"\f0ab";display:inline-block;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0 0 0 5px;vertical-align:middle;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.qr_dl_btn{padding:40px 0 60px;text-align:center;border-bottom:none;background-color:#fcfcfc}.qr_dl_btn p{margin-bottom:25px;font-size:16px;font-size:1.6rem}.qr_dl_btn p.qr_dl_lead{font-size:18px;font-size:1.8rem;font-weight:700;margin-bottom:10px}#modal_qr,.breadcrumb_block .qr_anchor a,.qr_dl_btn a{background-color:#fff;position:relative}.qr_dl_btn a{display:inline-block;border:1px solid #999;border-radius:2px;text-decoration:none;text-align:left;font-size:15px;font-size:1.5rem;line-height:1.3;padding:14px 15px 12px 55px}.qr_dl_btn a:before{left:15px;width:30px;height:30px}#modal_qr{box-sizing:border-box;width:510px;margin:0 auto;padding:20px 30px 30px}#modal_qr .modal_qr_note{text-align:center;margin-top:-10px}body.is-fixed{overflow:hidden}#sec-main,.main-logo-block{left:0;top:0;right:0;bottom:0}#sec-main{box-sizing:border-box;width:100%;height:100vh;overflow:hidden;z-index:10;position:fixed}#sec-main.is-finish{z-index:-1;visibility:hidden}.main-logo-block{position:absolute;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;background-color:#fff}.hotel-logo{position:relative}#sec-lead,.hotel-logo img{position:relative;z-index:1}.hotel-logo .hotel-logo-mask{position:absolute;z-index:10;left:0;top:0;right:0;bottom:0;background-image:linear-gradient(-45deg,rgba(255,255,255,.8) 50%,#24272a 50%);background-repeat:no-repeat;background-position:right 0 bottom 0;background-size:400%;-webkit-mask-image:url(../img/top/main_hotel_logo.svg);mask-image:url(../img/top/main_hotel_logo.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:cover;mask-size:cover}.main-catalog-img{position:absolute;z-index:20;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0;width:430px}.main-catalog-img img{box-shadow:0 10px 40px rgba(0,0,0,.5)}#sec-lead{z-index:2;overflow:hidden;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0)}#sec-lead::before{content:"";z-index:-1;position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(../img/top/main_bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover}#sec-lead.is-active{-webkit-transition:-webkit-clip-path 1.5s ease;transition:clip-path 1.5s ease;transition:clip-path 1.5s ease,-webkit-clip-path 1.5s ease;-webkit-clip-path:inset(0);clip-path:inset(0);z-index:50}.main-lead-cnt{box-sizing:border-box;padding:100vh 4% 300px}.main-scroll-block,.main-scroll-right-block{box-sizing:border-box;position:fixed;z-index:100;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);line-height:1;color:#000;font-size:18px;font-size:1.8rem;font-weight:700;letter-spacing:.1em;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;pointer-events:none}.main-scroll-block{left:50%;height:50vh}.main-scroll-block::after,.main-scroll-block::before{content:"";display:block;position:absolute;top:40px;left:50%;bottom:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1px}.main-scroll-block::before{background-color:#ccc}.main-scroll-block::after,.main-scroll-right-block::after{background-position:0 100%;background-size:100% 200%;-webkit-animation-name:scrollExpansion;animation-name:scrollExpansion;-webkit-animation-duration:2.4s;animation-duration:2.4s;-webkit-animation-timing-function:cubic-bezier(.76,0,.3,1);animation-timing-function:cubic-bezier(.76,0,.3,1);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-play-state:running;animation-play-state:running}.main-scroll-block::after{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#000),color-stop(50%,transparent));background-image:linear-gradient(to bottom,#000 50%,transparent 50%)}.main-scroll-right-block{right:2%;height:30vh;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;padding:0 12px 5px 0;text-shadow:#fff 1px 1px 2px,#fff 1px 1px 2px,#fff -1px -1px 2px,#fff -1px -1px 2px;opacity:0}.main-scroll-right-block::after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(50%,#fff),color-stop(50%,rgba(255,255,255,0)));background-image:linear-gradient(to bottom,#fff 50%,rgba(255,255,255,0) 50%);width:1px}.main-lead-logo{text-align:center;margin-bottom:50vh}.main-lead-logo svg{width:100%;height:auto}.main-lead-ttl{font-family:'Noto Serif JP',serif;font-size:50px;font-size:5rem;line-height:1.2;text-shadow:2px 2px 30px #fff,-2px 2px 30px #fff,2px -2px 30px #fff,-2px -2px 30px #fff;margin-bottom:48px}.main-lead-img.is-active,.main-lead-ttl.is-active,.main-lead-txt.is-active{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.main-lead-img,.main-lead-ttl,.main-lead-txt{text-align:center;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-duration:1.5s;transition-duration:1.5s;-webkit-transition-timing-function:ease;transition-timing-function:ease;opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px)}.main-lead-txt>p{font-size:18px;font-size:1.8rem;line-height:2;text-shadow:2px 2px 30px #fff,-2px 2px 30px #fff,2px -2px 30px #fff,-2px -2px 30px #fff}.main-lead-txt>p+p{margin-top:30px}.main-lead-img{margin-top:200px}.sec-content{box-sizing:border-box;position:relative;background-color:#fff;z-index:100;background-image:-webkit-gradient(linear,left top,left bottom,from(#695e4e),to(#4d3f2b));background-image:linear-gradient(#695e4e 0%,#4d3f2b 100%)}.sec-content#sec-case-study{padding:150px 0 150px 5.625%}.sec-content#sec-order-made{padding:150px 5.625% 150px 0}.content-cnt{max-width:1600px;margin:0 auto;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;gap:0 60px}#sec-case-study .content-cnt{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;flex-direction:row-reverse}.content-detail{-webkit-box-flex:0;flex:0 1 auto}.content-img-block{width:63.576%;-webkit-box-flex:0;flex:0 0 63.576%;display:-webkit-box;display:flex}.content-img-box{position:relative;z-index:1;overflow:hidden;-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);-webkit-transition-property:-webkit-clip-path;transition-property:clip-path;transition-property:clip-path,-webkit-clip-path;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.69,.03,.11,1.02);transition-timing-function:cubic-bezier(.69,.03,.11,1.02)}.content-img-box:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}.content-img-box:nth-child(3){-webkit-transition-delay:.2s;transition-delay:.2s}.is-active .content-img,.is-active .content-img-box{-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.content-img-box::before{box-sizing:border-box;display:block;content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:100%;background-color:#b3a7a0}.content-img-box.box-order-premium::before{background-color:#8d8070}.content-img-box.box-order-advance::before{background-color:#70675d}.content-img-box.box-order-basic::before{background-color:#8d8070}.content-img{overflow:hidden;-webkit-clip-path:polygon(0 0,0 0,0 100%,0 100%);clip-path:polygon(0 0,0 0,0 100%,0 100%);-webkit-transition-property:-webkit-clip-path;transition-property:clip-path;transition-property:clip-path,-webkit-clip-path;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-delay:.2s;transition-delay:.2s;-webkit-transition-timing-function:cubic-bezier(.69,.03,.11,1.02);transition-timing-function:cubic-bezier(.69,.03,.11,1.02)}.content-img-box:nth-child(2) .content-img{-webkit-transition-delay:.3s;transition-delay:.3s}.content-img-box:nth-child(3) .content-img{-webkit-transition-delay:.4s;transition-delay:.4s}.content-img-logo{box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-height:120px;padding:10px}.content-detail-ttl{margin-bottom:60px;opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-duration:1s;transition-duration:1s;-webkit-transition-delay:.8s;transition-delay:.8s;-webkit-transition-timing-function:cubic-bezier(.3,.19,.34,.99);transition-timing-function:cubic-bezier(.3,.19,.34,.99)}.is-active .content-detail-link,.is-active .content-detail-logo,.is-active .content-detail-ttl,.is-active .content-detail-txt{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.content-detail-logo{margin-bottom:32px;-webkit-transition-duration:1.2s;transition-duration:1.2s}.content-detail-link,.content-detail-logo,.content-detail-txt{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-delay:.8s;transition-delay:.8s;-webkit-transition-timing-function:cubic-bezier(.3,.19,.34,.99);transition-timing-function:cubic-bezier(.3,.19,.34,.99)}.content-detail-txt{color:#fff;font-size:18px;font-size:1.8rem;font-feature-settings:"palt";line-height:1.77;-webkit-transition-duration:1.2s;transition-duration:1.2s}#sec-case-study .content-detail-txt{line-height:2.22}.content-detail-link{margin-top:40px;-webkit-transition-duration:1.4s;transition-duration:1.4s}#sec-indoor-pool .content-detail-link{-webkit-transform:translateY(20px);transform:translateY(20px)}#sec-indoor-pool.is-active .content-detail-link{-webkit-transform:translateY(0);transform:translateY(0)}.content-detail-link a,.sec-catalog .foot-catalog-cnt .foot-catalog-detail .foot-catalog-link a{box-sizing:border-box;display:inline-block;border-radius:5px;color:#fff;text-decoration:none;font-size:16px;font-size:1.6rem;font-weight:500;padding:11px;text-align:center;width:100%;max-width:220px}.content-detail-link a{border:1px solid #fff}#sec-indoor-pool .content-detail-link a{background-color:#fff;color:#333}#sec-indoor-pool{box-sizing:border-box;background-image:url(../img/top/pool_bg.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;color:#fff;text-align:center;padding:140px 4%;min-height:530px;position:relative;z-index:200}.indoor-pool-lead{font-size:18px;font-size:1.8rem;font-weight:500;margin-bottom:6px}.is-active .indoor-pool-lead,.is-active .indoor-pool-name,.is-active .indoor-pool-ttl{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.indoor-pool-lead,.indoor-pool-name,.indoor-pool-ttl{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-duration:1.4s;transition-duration:1.4s;-webkit-transition-timing-function:cubic-bezier(.3,.19,.34,.99);transition-timing-function:cubic-bezier(.3,.19,.34,.99);text-shadow:2px 2px 40px rgba(0,0,0,.4),-2px 2px 40px rgba(0,0,0,.4),2px -2px 40px rgba(0,0,0,.4),-2px -2px 40px rgba(0,0,0,.4)}.indoor-pool-ttl{line-height:1.04;margin-bottom:15px;font-size:52px;font-size:5.2rem;font-weight:700;-webkit-transition-delay:.2s;transition-delay:.2s}.indoor-pool-name{font-size:16px;font-size:1.6rem;font-weight:600;-webkit-transition-delay:.3s;transition-delay:.3s}.sec-case-link,.sec-catalog{background-color:#fbf8f1;padding:80px 4%;position:relative;z-index:300}.sec-catalog .foot-catalog-cnt{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;gap:0 67px}.sec-catalog .foot-catalog-cnt .foot-catalog-img img{box-shadow:5px 10px 20px rgba(0,0,0,.3)}.sec-catalog .foot-catalog-cnt .foot-catalog-detail .foot-catalog-ttl{font-size:22px;font-size:2.2rem;font-weight:700;margin-bottom:15px}.sec-catalog .foot-catalog-cnt .foot-catalog-detail .foot-catalog-link{margin-top:40px}.sec-catalog .foot-catalog-cnt .foot-catalog-detail .foot-catalog-link a{background-color:#5a4440}.sec-case-link{background-color:#fff;padding:60px 4%;z-index:310}.sec-case-link .btn-case-link{text-align:center}.sec-case-link .btn-case-link a{display:inline-block}@media only screen and (max-width:640px){.breadcrumb_block,.breadcrumb_block .qr_anchor{display:none}.breadcrumb_block .qr_anchor a,.qr_dl_btn a{font-size:1.3rem}.qr_dl_btn{padding:30px 15px}.qr_dl_btn p{font-size:1.5rem}.qr_dl_btn p.qr_dl_lead{font-size:1.6rem}#modal_qr{width:98%;padding:10px}.hotel-logo{width:212px}.main-catalog-img{width:230px}#sec-lead,#sec-lead::before{background-position:right center}.main-lead-cnt{padding:40px 2% 100px}.main-scroll-block,.main-scroll-right-block{font-size:1.3rem;color:#fff}.main-scroll-right-block{right:1%;height:10vh;mix-blend-mode:difference;text-shadow:none;padding:0 5px 5px 0}.main-lead-logo{margin-bottom:100px}.main-lead-ttl{font-size:2.6rem;line-height:1.4}.main-lead-txt{padding:0 2%}.main-lead-txt>p{font-size:1.5rem;font-weight:700;text-shadow:1px 1px 5px #fff,-1px 1px 5px #fff,1px -1px 5px #fff,-1px -1px 5px #fff}.main-lead-img{margin-top:100px}.main-lead-img img{max-width:300px}.sec-content#sec-case-study,.sec-content#sec-order-made{padding:0 0 60px}.content-detail{padding:40px 5% 0}.content-detail-ttl{margin-bottom:30px}#sec-case-study .content-detail-ttl,#sec-order-made .content-detail-ttl{max-width:240px}.content-detail-logo{max-width:200px}.content-detail-txt{font-size:1.5rem}.content-detail-link{text-align:center;margin-top:30px}#sec-indoor-pool{padding:40px 5% 50px;min-height:auto}.indoor-pool-lead{font-size:1.5rem}.indoor-pool-ttl{font-size:2.6rem}.indoor-pool-name{font-size:1.4rem}.sec-catalog{padding:40px 5%}.sec-catalog .foot-catalog-cnt{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;gap:20px 0}.sec-catalog .foot-catalog-cnt .foot-catalog-img img{max-width:140px}.sec-catalog .foot-catalog-cnt .foot-catalog-detail .foot-catalog-ttl{font-size:1.8rem}.sec-catalog .foot-catalog-cnt .foot-catalog-detail .foot-catalog-logo{max-width:240px}.sec-catalog .foot-catalog-cnt .foot-catalog-detail .foot-catalog-link{text-align:center;margin-top:30px}.sec-case-link{padding:30px 5%}}@media only screen and (min-width:641px) and (max-width:960px){#modal_qr{width:96%;padding:15px 20px 20px}.main-scroll-block{font-size:1.6rem}.main-scroll-right-block{right:1.2%;font-size:1.6rem}.main-lead-logo{margin-bottom:200px}.sec-content#sec-case-study,.sec-content#sec-order-made{padding:0 0 100px}.content-detail{padding:50px 4% 0}}@media print{.main-scroll-block,.main-scroll-right-block{display:none}}@media only screen and (max-width:960px){#sec-case-study .content-cnt,.content-cnt{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.content-img-block{width:100%;-webkit-box-flex:0;flex:0 0 auto}}@media (hover:hover){.content-detail-link a{-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.content-detail-link a:hover{background-color:rgba(255,255,255,.3)}#sec-indoor-pool .content-detail-link a:hover{background-color:rgba(255,255,255,.6)}.sec-case-link .btn-case-link a,.sec-catalog .foot-catalog-cnt .foot-catalog-detail .foot-catalog-link a{-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.sec-case-link .btn-case-link a:hover,.sec-catalog .foot-catalog-cnt .foot-catalog-detail .foot-catalog-link a:hover{opacity:.7}}