.banner-video-text{text-align:center;white-space:pre-line;line-height:100%;color:#fff;text-transform:uppercase;font-family:var(--font-DINCOROS-Regular);width:4.9322916667rem;font-size:.234375rem;margin-top:.0520833333rem;margin-bottom:.3802083333rem}html[lang=ja] .banner-video-text,html[lang=ja-JP] .banner-video-text{width:5.1822916667rem;font-size:.1666666667rem;line-height:118%;font-family:var(--font-NotoSansJP-Medium)}.page-hydrop{--coros-ease: cubic-bezier(.26, -.01, .18, 1.02);--MainColor: #030303;--MainColor-Gray: #545252;--Mid-Gray: #cacaca;--text-dark: #171717;--Egg-Shell: #fffdf5;--color-orange: #f78800;--Orange: #f78800;--Apex4-Blue: #009dff;--Test: linear-gradient(90deg, #9aef1a 0%, #0de6ed 100%);font-family:var(--font-normal);background-color:#f3f5f7;color:var(--text-dark);--font-title: DINCOROS-Bold;--font-desc: PFDINTextPro-Medium;--font-desc-light: PFDINTextPro-Regular;--font-textbox-desc: PFDINTextPro-Regular;--font-normal: PFDINTextPro-Medium;--font-section-big-title: DINCOROS-Black;--font-tools-content-title: PFDINTextPro-Medium;--font-highlights-title: DINCOROS-Bold}.page-hydrop[lang=ja],.page-hydrop[lang=ja-JP]{--font-title: NotoSansJP-Medium;--font-desc: NotoSansJP-Regular;--font-desc-light: NotoSansJP-Medium;--font-textbox-desc: NotoSansJP-Regular;--font-normal: NotoSansJP-Regular;--font-section-big-title: DINCOROS-Black;--font-tools-content-title: NotoSansJP-Medium;--font-highlights-title: NotoSansJP-Medium}.page-hydrop[lang=zh],.page-hydrop[lang=zh-CN]{--font-title: SourceHanSansCN-Bold;--font-desc: SourceHanSansCN-Regular;--font-desc-light: SourceHanSansCN-Regular;--font-textbox-desc: SourceHanSansCN-Regular;--font-normal: SourceHanSansCN-Regular;--font-section-big-title: SourceHanSansCN-Heavy;--font-tools-content-title: SourceHanSansCN-Medium;--font-highlights-title: SourceHanSansCN-Bold}.hydroptextbox{--pc-title-font-size: .4166666667rem;--pc-title-line-height: normal;--pc-title-letter-spacing: 0;--pc-desc-font-size: .125rem;--pc-desc-line-height: .1666666667rem;--pc-desc-margin-top: .078125rem;--mobile-padding-left: .64rem;--mobile-padding-right: .64rem;--mobile-title-font-size: .9333333333rem;--mobile-title-line-height: 100%;--mobile-title-letter-spacing: 0;--mobile-desc-font-size: .32rem;--mobile-desc-line-height: 120%;--mobile-desc-margin-top: .16rem;font-stretch:normal;font-style:normal;line-height:1.2;letter-spacing:normal}.hydroptextbox.dark-bg{--title-color: white;--desc-color: white}.hydroptextbox.light-bg{--title-color: var(--MainColor);--desc-color: var(--MainColor)}.hydroptextbox .title{font-size:var(--pc-title-font-size);line-height:var(--pc-title-line-height);display:inline-block;color:var(--title-color);font-family:var(--font-title);white-space:pre-line;font-stretch:condensed;text-transform:uppercase;letter-spacing:var(--pc-title-letter-spacing)}.hydroptextbox .desc{font-family:var(--font-textbox-desc);margin-top:var(--pc-desc-margin-top);white-space:pre-line;font-size:var(--pc-desc-font-size);line-height:var(--pc-desc-line-height);color:var(--desc-color)}@media screen and (min-width:751px){.hydroptextbox{max-width:7.3958333333rem}.hydroptextbox.sublevel .title{font-size:.390625rem}.hydroptextbox.sublevel .desc{font-size:.125rem;line-height:120%}}@media screen and (max-width:750px){.hydroptextbox:not(.no-padding){padding-left:var(--mobile-padding-left);padding-right:var(--mobile-padding-right)}.hydroptextbox .title{font-size:var(--mobile-title-font-size);line-height:var(--mobile-title-line-height);text-transform:uppercase;letter-spacing:var(--mobile-title-letter-spacing);white-space:normal}.hydroptextbox .desc{margin-top:var(--mobile-desc-margin-top);font-size:var(--mobile-desc-font-size);line-height:var(--mobile-desc-line-height);letter-spacing:var(--mobile-desc-letter-spacing, normal);white-space:normal}}@media screen and (min-width:751px){.page-hydrop[lang=ja-JP] .hydroptextbox{--pc-title-font-size: .3645833333rem;--pc-title-line-height: 128%;--pc-desc-font-size: .125rem;--pc-desc-line-height: 150%;--pc-desc-margin-top: .15625rem}.page-hydrop[lang=ja-JP] .hydroptextbox.sublevel .title{font-size:.234375rem}.page-hydrop[lang=ja-JP] .hydroptextbox.sublevel .desc{font-size:.125rem;line-height:150%}}@media screen and (max-width:750px){.page-hydrop[lang=ja-JP] .hydroptextbox{--mobile-title-font-size: .6rem;--mobile-title-line-height: 144%;--mobile-desc-font-size: .2933333333rem;--mobile-desc-line-height: 154%}.page-hydrop[lang=ja-JP] .hydroptextbox .title,.page-hydrop[lang=ja-JP] .hydroptextbox .desc{white-space:pre-line}}@media screen and (min-width:751px){.page-hydrop[lang=zh-CN] .hydroptextbox{--pc-title-font-size: .3645833333rem;--pc-title-line-height: 128%;--pc-desc-font-size: .125rem;--pc-desc-line-height: 150%}.page-hydrop[lang=zh-CN] .hydroptextbox.sublevel .title{font-size:.234375rem}.page-hydrop[lang=zh-CN] .hydroptextbox.sublevel .desc{font-size:.125rem}}@media screen and (max-width:750px){.page-hydrop[lang=zh-CN] .hydroptextbox{--mobile-title-font-size: .6rem;--mobile-title-line-height: 144%;--mobile-desc-font-size: .2933333333rem;--mobile-desc-line-height: 154%}.page-hydrop[lang=zh-CN] .hydroptextbox .title,.page-hydrop[lang=zh-CN] .hydroptextbox .desc{white-space:pre-line}}.page-hydrop .bg-gradient-mask{position:absolute;bottom:0;left:0;width:10rem;height:1.8333333333rem;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#000));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 0%,#000 100%);background:linear-gradient(180deg,#0000,#000);margin-bottom:-.0052083333rem}@media screen and (max-width:750px){.page-hydrop .bg-gradient-mask{width:10rem;height:4.6933333333rem;margin-bottom:-.0133333333rem}}.page-hydrop .first-banner-section .banner-title{font-size:.78125rem;line-height:.625rem}@media screen and (max-width:750px){.page-hydrop .first-banner-section .banner-title{font-size:1.2rem;line-height:1.33;letter-spacing:.0488rem}}.page-hydrop .first-banner-section .banner-desc{color:#fff;font-family:var(--font-PFDINTextPro-Regular);font-size:.1145833333rem;line-height:.1354166667rem}@media screen and (max-width:750px){.page-hydrop .first-banner-section .banner-desc{font-size:.2933333333rem;line-height:1.27}}@media screen and (min-width:751px){.page-hydrop .learnMoreAboutTheWater .learn2-sticky-container{top:.625rem!important}}@media screen and (min-width:751px)and (max-height:880px){.page-hydrop .learnMoreAboutTheWater .learn2-sticky-container{top:.5208333333rem!important}}@media screen and (min-width:751px)and (max-height:840px){.page-hydrop .learnMoreAboutTheWater .learn2-sticky-container{top:.2083333333rem!important}}.page-hydrop .learnMoreAboutTheWater .tools-title{color:#fff;font-family:var(--font-title);font-size:.3125rem;line-height:120%;letter-spacing:.00625rem;text-transform:uppercase;white-space:pre-line;max-width:2.7083333333rem}.page-hydrop .learnMoreAboutTheWater .tools-desc{color:#fff;font-family:var(--font-PFDINTextPro-Regular);font-size:.125rem;line-height:120%;white-space:pre-line}@media screen and (min-width:751px){.page-hydrop .learnMoreAboutTheWater .tools-desc{margin-top:.15625rem}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-dots{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;gap:.1041666667rem}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-dot{width:.25rem;height:.0208333333rem;background:#ffffff80;border:none;padding:0;-webkit-transition:background .2s ease;transition:background .2s ease}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-dot.active{-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);background:var(--color-orange)}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-arrows{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.0416666667rem}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-arrow{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:.1614583333rem;height:.1614583333rem;padding:0;border:none;background:transparent;cursor:pointer;color:#fff}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-arrow:disabled{opacity:.4;cursor:not-allowed}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-arrow.prev{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-arrow.next{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);color:var(--color-orange)}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-arrow svg{width:100%;height:100%}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-arrow svg path{stroke:currentColor}}@media screen and (max-width:750px){.page-hydrop .learnMoreAboutTheWater .tools-title{font-family:var(--font-title);font-size:.5333333333rem;line-height:130%;max-width:unset}.page-hydrop .learnMoreAboutTheWater .tools-desc{margin-top:.1333333333rem;font-size:.2933333333rem;line-height:154%}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav{font-size:.4rem;font-style:normal;font-weight:700;line-height:106.667%;text-transform:uppercase}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-dots{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-dot{width:.64rem;height:.0533333333rem;margin-left:.2666666667rem;background:#ffffff80;border:none;padding:0;-webkit-transition:height .2s ease,background .2s ease;transition:height .2s ease,background .2s ease}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-dot:first-child{margin-left:0}.page-hydrop .learnMoreAboutTheWater .learn-more-about-the-water-features-nav-dot.active{height:.1066666667rem;-webkit-transform:translateY(25%);-ms-transform:translateY(25%);transform:translateY(25%);background:var(--color-orange)}}.page-hydrop[lang=ja-JP] .learnMoreAboutTheWater .tools-desc,.page-hydrop[lang=ja] .learnMoreAboutTheWater .tools-desc{line-height:150%}.page-hydrop .connect-iphone-content-wrap{overflow:hidden;border-radius:.1822916667rem}@media screen and (max-width:750px){.page-hydrop .connect-iphone-content-wrap{border-radius:.4666666667rem}}.page-hydrop .connect-iphone-content-inner.connect-iphone-content-inner--scroll-animate{-webkit-animation-name:connect-iphone-scroll;animation-name:connect-iphone-scroll;-webkit-animation-duration:var(--connect-scroll-duration, 5s);animation-duration:var(--connect-scroll-duration, 5s);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes connect-iphone-scroll{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(var(--connect-scroll-end, 0));transform:translateY(var(--connect-scroll-end, 0))}}@keyframes connect-iphone-scroll{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(var(--connect-scroll-end, 0));transform:translateY(var(--connect-scroll-end, 0))}}.page-hydrop .hydrop-hardware-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.2083333333rem;padding:0 .2604166667rem}@media screen and (min-width:751px){.page-hydrop .hydrop-hardware-section .hardware-feature-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:.15625rem}.page-hydrop .hydrop-hardware-section .hardware-feature-item .feature-icon{width:.46875rem;height:.46875rem;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;color:var(--color-orange);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.page-hydrop .hydrop-hardware-section .hardware-feature-item .feature-icon svg{width:100%;height:100%}.page-hydrop .hydrop-hardware-section .hardware-feature-item .feature-text{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:.0208333333rem}.page-hydrop .hydrop-hardware-section .hardware-feature-item .feature-text .feature-primary{font-family:var(--font-DINCOROS-Bold);font-size:.25rem;line-height:1.2;color:var(--color-orange);text-transform:uppercase}.page-hydrop .hydrop-hardware-section .hardware-feature-item .feature-text .feature-secondary{font-family:var(--font-DINCOROS-Regular);font-size:.125rem;line-height:1.2;color:var(--color-orange);text-transform:uppercase}}@media screen and (max-width:750px){.page-hydrop .hydrop-hardware-section{padding:0 .6666666667rem;margin-top:.64rem;gap:0}.page-hydrop .hydrop-hardware-section>.hardware-feature-item+.hardware-feature-item{margin-top:.4rem}.page-hydrop .hydrop-hardware-section .hardware-feature-item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.page-hydrop .hydrop-hardware-section .hardware-feature-item .feature-icon{width:1.2rem;height:1.2rem;margin-right:.4rem;color:var(--color-orange)}.page-hydrop .hydrop-hardware-section .hardware-feature-item .feature-icon svg{width:100%;height:100%}.page-hydrop .hydrop-hardware-section .hardware-feature-item .feature-text .feature-primary{font-family:var(--font-DINCOROS-Bold);font-size:.9333333333rem;line-height:1.1;color:var(--color-orange);text-transform:uppercase}.page-hydrop .hydrop-hardware-section .hardware-feature-item .feature-text .feature-secondary{margin-top:.0533333333rem;font-family:var(--font-DINCOROS-Regular);font-size:.32rem;line-height:1.2;color:var(--color-orange);text-transform:uppercase}}.page-hydrop[lang=ja-JP] .hydrop-hardware-section .feature-text .feature-primary,.page-hydrop[lang=ja] .hydrop-hardware-section .feature-text .feature-primary{font-family:var(--font-NotoSansJP-Bold);font-size:.3645833333rem}@media screen and (max-width:750px){.page-hydrop[lang=ja-JP] .hydrop-hardware-section .feature-text .feature-primary,.page-hydrop[lang=ja] .hydrop-hardware-section .feature-text .feature-primary{font-family:var(--font-NotoSansJP-Medium);font-size:.6rem}}.page-hydrop[lang=ja-JP] .hydrop-hardware-section .feature-text .feature-secondary,.page-hydrop[lang=ja] .hydrop-hardware-section .feature-text .feature-secondary{font-family:var(--font-NotoSansJP-Regular);font-size:.125rem}@media screen and (max-width:750px){.page-hydrop[lang=ja-JP] .hydrop-hardware-section .feature-text .feature-secondary,.page-hydrop[lang=ja] .hydrop-hardware-section .feature-text .feature-secondary{font-size:.32rem}}.page-hydrop .hydrop-carousel-section .hydrop-carousel{width:4.6875rem;overflow:visible}.page-hydrop .hydrop-carousel-section .hydrop-carousel .swiper{overflow:visible}.page-hydrop .hydrop-carousel-section .hydrop-carousel .swiper-wrapper{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.page-hydrop .hydrop-carousel-section .hydrop-carousel .swiper-slide,.page-hydrop .hydrop-carousel-section .hydrop-carousel .hydrop-slide{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;width:4.6875rem;height:2.6041666667rem;opacity:.4}.page-hydrop .hydrop-carousel-section .hydrop-carousel .swiper-slide.swiper-slide-active,.page-hydrop .hydrop-carousel-section .hydrop-carousel .hydrop-slide.swiper-slide-active{opacity:1}.page-hydrop .hydrop-carousel-section .more-features-text .title{color:#fff;font-family:var(--font-highlights-title);font-size:.5208333333rem;line-height:1.1;letter-spacing:-.0052083333rem;text-transform:uppercase}.page-hydrop .hydrop-carousel-section .more-features-text .more-features-button{color:var(--color-orange);font-family:var(--font-desc);font-size:.15625rem;line-height:normal;letter-spacing:-.0015625rem;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:solid;text-decoration-style:solid;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font}@media screen and (max-width:750px){.page-hydrop .hydrop-carousel-section .overflow-hidden{position:relative}.page-hydrop .hydrop-carousel-section .hydrop-carousel,.page-hydrop .hydrop-carousel-section .hydrop-carousel .swiper-wrapper{width:7.3333333333rem;overflow:visible}.page-hydrop .hydrop-carousel-section .hydrop-carousel .swiper-slide,.page-hydrop .hydrop-carousel-section .hydrop-carousel .hydrop-slide{width:7.3333333333rem;height:8rem;opacity:.4;padding:0;overflow:hidden;-webkit-transition:none;transition:none}.page-hydrop .hydrop-carousel-section .hydrop-carousel .swiper-slide.swiper-slide-active,.page-hydrop .hydrop-carousel-section .hydrop-carousel .hydrop-slide.swiper-slide-active{height:8rem;opacity:1}.page-hydrop .hydrop-carousel-section .hydrop-carousel .hydrop-slide__img{position:relative;width:7.3333333333rem;height:8rem;overflow:hidden}.page-hydrop .hydrop-carousel-section .slide-nav.hydrop-carousel-nav{position:absolute;top:50%;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 .2666666667rem}.page-hydrop .hydrop-carousel-section .more-features-text .title{font-size:.6666666667rem}.page-hydrop .hydrop-carousel-section .more-features-text .more-features-button{font-size:.32rem}}