sa-hero-scroll{--sa-banner-img-mobile-display: none;--sa-banner-img-desktop-display: block;--sa-banner-t-width: 50%;--sa-hero-container-pad-x: clamp(64px, calc(64px + (160 - 64) * (100vw - 1200px) / 720), 160px);--sa-t-dec-width: clamp(350px, calc(350px + (524 - 350) * (100vw - 1200px) / 720), 524px);--sa-t-dec-text-align: left;--sa-t-dec-font-size: clamp(14px, calc(14px + (16 - 14) * (100vw - 1200px) / 720), 16px);--sa-t-btn-flex-wrap: nowrap;--sa-t-btn-justify-content: flex-start;--sa-t-btn-order-width: auto;--sa-t-btn-order-height: clamp(40px, calc(40px + (48 - 40) * (100vw - 1200px) / 720), 48px);--sa-t-btn-order-font-size: clamp(14px, calc(14px + (16 - 14) * (100vw - 1200px) / 720), 16px);--sa-t-btn-order-bg: url(home_svg4.svg);--sa-t-btn-default-font-size: clamp(14px, calc(14px + (16 - 14) * (100vw - 1200px) / 720), 16px);--sa-g-json-width: 70%;--sa-g-json-transform: translate(-50%, -50%);--sa-g-json-left: 24%;--sa-g-json-top: 54%;--sa-g-json-bottom: auto;--sa-frame-txt-top: 50%;--sa-frame-txt-width: clamp(520px, calc(520px + (680 - 520) * (100vw - 1200px) / 720), 680px);--sa-frame-title-size: clamp(34px, calc(34px + (38 - 34) * (100vw - 1200px) / 240), 38px);--sa-frame-subtitle-size: clamp(34px, calc(34px + (38 - 34) * (100vw - 1200px) / 240), 38px);--sa-frame-desc-title-size: clamp(28px, calc(28px + (36 - 28) * (100vw - 1200px) / 720), 36px);--sa-frame-desc-size: clamp(16px, calc(16px + (18 - 16) * (100vw - 1200px) / 240), 18px);--sa-frame-title-color: #222222;--sa-frame-desc-title-color: #222222;--sa-frame-desc-color: #7d7d7d;--sa-frame-title-gap: clamp(28px, calc(28px + (40 - 28) * (100vw - 1200px) / 720), 40px);--sa-frame-desc-title-gap: clamp(12px, calc(12px + (16 - 12) * (100vw - 1200px) / 720), 16px);--sa-frame-desc-line-height: 1.5;--sa-frame-desc-max-width: var(--sa-frame-txt-width);--sa-frame-title-letter-spacing: clamp(-.48px, calc(-.38px + (-.48 + .38) * (100vw - 1200px) / 720), -.38px);--sa-frame-desc-title-letter-spacing: clamp(-.36px, calc(-.28px + (-.36 + .28) * (100vw - 1200px) / 720), -.28px);--sa-frame-desc-letter-spacing: 0}.sa-hero-gj{position:sticky;position:-webkit-sticky;top:0;left:0;width:100%;height:100vh;background-color:#f5f5f7;background-size:cover;margin-top:-100vh;z-index:-1}.sa-hero-scroll{display:block;width:100%;position:relative}.sa-hero-scroll__sticky-wrapper{position:sticky;top:0;width:100%;height:100vh;overflow:hidden;z-index:1}.sa-hero-scroll__video-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:opacity .5s ease-out}.sa-hero-scroll__video-container--hidden{opacity:0;pointer-events:none}.sa-hero-scroll__media-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1}.sa-hero-scroll__banner{opacity:0;visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;transition:opacity 1s ease-in-out,visibility 1s ease-in-out}.sa-hero-scroll__banner--visible{opacity:1;visibility:visible}.sa-hero-scroll__banner img{width:100%;height:100%;object-fit:cover}.sa-hero-scroll__banner-img--mobile{display:var(--sa-banner-img-mobile-display)}.sa-hero-scroll__banner-img--desktop{display:var(--sa-banner-img-desktop-display)}.sa-hero-scroll__video{width:100%;height:100%;object-fit:cover}.sa-hero-scroll__g-json{overflow:hidden;position:absolute;z-index:1;top:var(--sa-g-json-top);left:var(--sa-g-json-left, 50%);width:var(--sa-g-json-width);height:auto;pointer-events:none;transform:var(--sa-g-json-transform);bottom:var(--sa-g-json-bottom);display:flex;justify-content:center;align-items:center}.sa-hero-scroll__current-frame-box{width:100%;height:auto;display:flex;justify-content:center;align-items:center}.sa-hero-scroll__current-img{width:100%;height:auto;object-fit:contain;display:block}.sa-hero-txt{position:relative;width:100%;height:100%;z-index:3;padding:clamp(56px,calc(56px + (105 - 56) * (100vw - 1200px) / 720),105px) 0;opacity:0;visibility:hidden;transition:opacity .6s ease-out,visibility .6s ease-out}.sa-hero-txt--visible{opacity:1;visibility:visible}.sa-hero-container{margin:0 auto;width:calc(100% - (var(--sa-hero-container-pad-x) * 2));max-width:1600px}.sa-hero-scroll__video-container .sa-hero-txt .sa-hero-container{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.sa-banner-t{width:100%;display:flex;justify-content:space-between;align-items:flex-end}.sa-banner-t__left-group{display:flex;align-items:center;gap:clamp(24px,calc(24px + (40 - 24) * (100vw - 1200px) / 720),40px)}.sa-banner-t__side-img{width:clamp(88px,calc(88px + (120 - 88) * (100vw - 1200px) / 720),120px);flex-shrink:0}.sa-banner-t__side-img img{width:100%;height:auto;display:block}.sa-banner-t__content-col{display:flex;flex-direction:column}.sa-t-img{width:clamp(180px,calc(180px + (245 - 180) * (100vw - 1200px) / 720),245px);margin-bottom:clamp(12px,calc(12px + (18 - 12) * (100vw - 1200px) / 720),18px)}.sa-t-img img{width:100%;max-width:100%;border:0;vertical-align:top}.sa-t-dec{width:var(--sa-t-dec-width);color:#000;font-size:var(--sa-t-dec-font-size);font-weight:400;margin:0;text-align:var(--sa-t-dec-text-align)}.sa-t-btn{display:flex;align-items:center;justify-content:var(--sa-t-btn-justify-content);gap:clamp(18px,calc(18px + (26 - 18) * (100vw - 1200px) / 720),26px);flex-wrap:var(--sa-t-btn-flex-wrap);margin-bottom:5px}.sa-hero-txt--visible .sa-t-img{animation:fadeInUp .6s ease-out both;animation-delay:.1s}.sa-hero-txt--visible .sa-t-dec{animation:fadeInUp .6s ease-out both;animation-delay:.2s}.sa-hero-txt--visible .sa-t-btn{animation:fadeInUp .6s ease-out both;animation-delay:.3s}.sa-t-btn_order{display:flex;justify-content:center;align-items:center;background:var(--sa-t-btn-order-bg) no-repeat;background-size:100% 100%;border-radius:100px;height:var(--sa-t-btn-order-height);min-width:clamp(112px,calc(112px + (150 - 112) * (100vw - 1200px) / 720),150px);padding:0 clamp(16px,calc(16px + (20 - 16) * (100vw - 1200px) / 720),20px);position:relative;cursor:pointer;width:var(--sa-t-btn-order-width);font-size:var(--sa-t-btn-order-font-size);text-decoration:none}.sa-t-btn_order:hover{opacity:.7}.sa-t-btn_order p{margin:0;font-size:inherit;background-image:linear-gradient(to right,#213d94,#548ce4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;z-index:10}.sa-t-btn_default{display:flex;align-items:center;gap:clamp(8px,calc(8px + (10 - 8) * (100vw - 1200px) / 720),10px);font-size:var(--sa-t-btn-default-font-size);color:#333;cursor:pointer}.sa-t-btn_default p{margin:0}.sa-t-btn_default i{width:clamp(20px,calc(20px + (24 - 20) * (100vw - 1200px) / 720),24px);height:clamp(20px,calc(20px + (24 - 20) * (100vw - 1200px) / 720),24px);display:flex;align-items:center;justify-content:center}.sa-t-btn_default i img{width:100%;height:100%;object-fit:cover}.sa-t-btn_default i .img1{display:block}.sa-t-btn_default i .img2{display:none}.sa-t-btn_default:hover{color:#043a94}.sa-t-btn_default:hover i .img1{display:none}.sa-t-btn_default:hover i .img2{display:block}.sa-hero-scroll__frame-container{position:relative;top:0;height:100vh;width:100%;color:#000;overflow:hidden}.sa-hero-scroll__frame-container .sa-hero-container{height:100%;position:relative}.sa-frame-txt{position:absolute;left:auto;right:0;top:var(--sa-frame-txt-top);width:min(var(--sa-frame-txt-width-override, var(--sa-frame-txt-width)),100%);max-width:var(--sa-frame-txt-max-width, none);transform:translateY(100px);pointer-events:none;opacity:0}.sa-frame-txt p{margin:0}.sa-frame-txt.is-active{opacity:1;pointer-events:initial}.sa-tit{margin-bottom:var(--sa-frame-title-gap)}.sa-tit .sa-tit-p1{font-family:inherit;font-weight:500;font-size:var(--sa-frame-title-size-config-desktop, var(--sa-frame-title-size));line-height:1.2;letter-spacing:var(--sa-frame-title-letter-spacing);color:var(--sa-frame-title-color);overflow-wrap:anywhere}.sa-tit .sa-tit-p2{font-family:inherit;font-weight:500;font-size:var(--sa-frame-subtitle-size-config-desktop, var(--sa-frame-subtitle-size));line-height:1.2;letter-spacing:var(--sa-frame-title-letter-spacing);color:var(--sa-frame-title-color);overflow-wrap:anywhere}.sa-txt-box .sa-txt-box-p1{margin-bottom:var(--sa-frame-desc-title-gap);font-family:inherit;font-weight:500;font-size:var(--sa-frame-desc-title-size-config-desktop, var(--sa-frame-desc-title-size));line-height:1.2;letter-spacing:var(--sa-frame-desc-title-letter-spacing);color:var(--sa-frame-desc-title-color);overflow-wrap:anywhere}.sa-txt-box .sa-txt-box-p2{max-width:var(--sa-frame-desc-max-width);color:var(--sa-frame-desc-color);font-family:inherit;font-weight:400;font-size:var(--sa-frame-desc-size-config-desktop, var(--sa-frame-desc-size));letter-spacing:var(--sa-frame-desc-letter-spacing);word-break:break-word;line-height:var(--sa-frame-desc-line-height)}.sa-hero-feature-list{display:flex;flex-direction:column;gap:clamp(36px,calc(36px + (56 - 36) * (100vw - 1200px) / 720),56px)}.sa-hero-feature-list__item{color:#cbcbcc;transition:color .5s ease}.sa-hero-feature-list__item.is-active{color:#222}.sa-hero-feature-list__title,.sa-hero-feature-list__body{margin:0}.sa-hero-feature-list__title{font-family:inherit;font-size:var(--sa-feature-title-size-config-desktop, clamp(26px, calc(26px + (36 - 26) * (100vw - 1200px) / 720), 36px));font-weight:500;line-height:1.2;letter-spacing:-.01em;color:inherit}.sa-hero-feature-list__body{max-width:var(--sa-frame-desc-max-width);margin-top:clamp(12px,calc(12px + (16 - 12) * (100vw - 1200px) / 720),16px);font-family:inherit;font-size:var(--sa-feature-body-size-config-desktop, clamp(16px, calc(16px + (18 - 16) * (100vw - 1200px) / 240), 18px));font-weight:400;line-height:1.5;color:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,60px,0)}to{opacity:1;transform:translateZ(0)}}.sa-hero-scroll__video-preview{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:9999;opacity:0;pointer-events:none;transition:opacity .25s ease-out}.sa-hero-scroll__video-preview--open{opacity:1;pointer-events:auto}.sa-hero-scroll__video-preview-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#0009}.sa-hero-scroll__video-preview-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;background:#000;border-radius:0;overflow:hidden}.sa-hero-scroll__video-preview-player{display:block;width:100%;height:100%;object-fit:cover;background:#000}.sa-hero-scroll__video-preview-close{position:absolute;top:16px;right:16px;width:46px;height:46px;border:none;border-radius:23px;background:#e1e2e6;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease-out}.sa-hero-scroll__video-preview-close:hover{background-color:#043a94}.sa-hero-scroll__video-preview-close:before,.sa-hero-scroll__video-preview-close:after{content:"";position:absolute;width:22px;height:2px;background:#000;border-radius:2px;transition:background-color .2s ease-out}.sa-hero-scroll__video-preview-close:before{transform:rotate(45deg)}.sa-hero-scroll__video-preview-close:after{transform:rotate(-45deg)}.sa-hero-scroll__video-preview-close:hover:before,.sa-hero-scroll__video-preview-close:hover:after{background:#fff}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,60px,0)}to{opacity:1;-webkit-transform:translateZ(0)}}@media(min-width:769px)and (max-width:1199px){sa-hero-scroll{--sa-hero-container-pad-x: clamp(32px, 4.6875vw, 56px);--sa-g-json-width: 46%;--sa-g-json-left: 20%;--sa-frame-txt-width: min(50%, 520px);--sa-frame-title-size: clamp(30px, 3.125vw, 36px);--sa-frame-subtitle-size: clamp(30px, 3.125vw, 36px);--sa-frame-desc-title-size: clamp(24px, 2.34vw, 28px);--sa-frame-desc-size: clamp(16px, 1.5vw, 18px);--sa-frame-title-gap: 24px;--sa-frame-desc-title-gap: 10px}.sa-tit .sa-tit-p1,.sa-tit .sa-tit-p2,.sa-txt-box .sa-txt-box-p1{white-space:normal}}@media(max-width:768px){sa-hero-scroll{--sa-banner-img-mobile-display: block;--sa-banner-img-desktop-display: none;--sa-banner-t-width: 100%;--sa-hero-container-pad-x: 24px;--sa-t-dec-width: 100%;--sa-t-dec-text-align: center;--sa-t-dec-font-size: 14px;--sa-t-btn-flex-wrap: wrap;--sa-t-btn-justify-content: center;--sa-t-btn-order-width: 100%;--sa-t-btn-order-height: 44px;--sa-t-btn-order-font-size: 15px;--sa-t-btn-order-bg: url(btn.svg);--sa-t-btn-default-font-size: 15px;--sa-g-json-width: 146%;--sa-g-json-transform: translate(-54%, 0%);--sa-g-json-left: 50%;--sa-g-json-top: auto;--sa-g-json-bottom: 0;--sa-frame-txt-top: 56px;--sa-frame-txt-width-override: 100%;--sa-frame-txt-width: 100%;--sa-frame-title-size: 34px;--sa-frame-subtitle-size: 34px;--sa-frame-desc-title-size: 20px;--sa-frame-desc-size: 14px;--sa-frame-desc-color: #7d7d7d;--sa-frame-title-gap: 20px;--sa-frame-desc-title-gap: 8px;--sa-frame-desc-line-height: 1.4;--sa-frame-desc-max-width: 100%;--sa-frame-title-letter-spacing: -.68px;--sa-frame-desc-title-letter-spacing: 0;--sa-frame-desc-letter-spacing: 0}.sa-tit .sa-tit-p1{font-size:var(--sa-frame-title-size-config-mobile, var(--sa-frame-title-size))}.sa-tit .sa-tit-p2{font-size:var(--sa-frame-subtitle-size-config-mobile, var(--sa-frame-subtitle-size))}.sa-txt-box .sa-txt-box-p1{font-size:var(--sa-frame-desc-title-size-config-mobile, var(--sa-frame-desc-title-size))}.sa-txt-box .sa-txt-box-p2{font-size:var(--sa-frame-desc-size-config-mobile, var(--sa-frame-desc-size))}.sa-hero-feature-list__title{font-size:var(--sa-feature-title-size-config-mobile, 26px)}.sa-hero-feature-list__body{font-size:var(--sa-feature-body-size-config-mobile, 16px)}.sa-t-btn_order,.sa-t-btn_default,.sa-video-trigger,.sa-hero-scroll__video-preview-close{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;outline:none}.sa-t-btn_order:hover{opacity:1}.sa-t-btn_default:hover{color:inherit}.sa-t-btn_default:hover i .img1{display:block}.sa-t-btn_default:hover i .img2{display:none}.sa-t-img{margin:0 auto;margin-bottom:clamp(10px,1vw,18px)}.sa-banner-t{flex-direction:column;align-items:center}.sa-banner-t__left-group{flex-direction:column;text-align:center}.sa-banner-t__content-col{align-items:center}.sa-t-btn{width:100%;margin-top:20px;margin-bottom:0}.sa-frame-txt{transform:translateY(48px)}.sa-banner-t__side-img{display:none}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/sa-hero-scroll.css.map */