.page-brand .pc{display:block}@media (max-width: 768px){.page-brand .pc{display:none}}.page-brand .mobile{display:none}@media (max-width: 768px){.page-brand .mobile{display:block}}.page-brand img{width:100%;height:100%;object-fit:contain}.page-brand h2{font-weight:600;font-size:4.79167vw;line-height:1;color:#17bbef}@media (max-width: 768px){.page-brand h2{font-size:9.6vw;line-height:13.06667vw}}.page-brand .bg,.page-brand .video-bg{position:absolute;top:0;width:100%;height:100%;z-index:-1}.page-brand .video-bg img,.page-brand .video-bg video{position:absolute;top:0;width:100%;height:100%}.page-brand .bg-image{position:absolute;top:0;z-index:0;width:100%;height:100%}.page-brand #videoCoverYouTube{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;z-index:99}.page-brand #videoCoverYouTube .size{position:relative;top:50%;transform:translateY(-50%);display:none;padding:3rem 0;background:#fff}@media (max-width: 1024px){.page-brand #videoCoverYouTube .size{width:auto;height:90vh;padding:0;margin:0 auto}}.page-brand #videoCoverYouTube .close{color:#fff;width:50px;height:50px;line-height:50px;border-radius:50%;text-align:center;margin-bottom:10px}.page-brand #videoCoverYouTube .inner-content{position:absolute;left:50%;top:50%;text-align:right;transform:translate(-50%,-50%)}.page-brand #videoCoverYouTube .inner-content:before{content:"";position:absolute;width:16px;height:16px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMjQuNTEyIDIyNC41MTIiIHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIj48cGF0aCBkYXRhLW9yaWdpbmFsPSIjMDEwMDAyIiBjbGFzcz0iYWN0aXZlLXBhdGgiIGRhdGEtb2xkX2NvbG9yPSIjMDEwMDAyIiBmaWxsPSIjZmZmIiBkPSJNMjI0LjUwNyA2Ljk5N0wyMTcuNTIxIDAgMTEyLjI1NiAxMDUuMjU4IDYuOTk4IDAgLjAwNSA2Ljk5N2wxMDUuMjU4IDEwNS4yNTdMLjAwNSAyMTcuNTEybDYuOTkzIDdMMTEyLjI1NiAxMTkuMjRsMTA1LjI2NSAxMDUuMjcyIDYuOTg2LTctMTA1LjI1OC0xMDUuMjU4eiIvPjwvc3ZnPg==) no-repeat 50%/16px;right:0;top:-24px;pointer-events:none;cursor:pointer}.page-brand #videoCoverYouTube .mask-close{position:fixed;left:0;top:0;right:0;bottom:0;background:#0000001a;z-index:-1}@media (max-width: 769px){.page-brand #videoCoverYouTube .mask-close{min-width:100%}}.page-brand #videoCoverYouTube iframe.video-container{width:60vw;height:30.54vw}@media (max-width: 1024px){.page-brand #videoCoverYouTube iframe.video-container{width:95vw;height:48.36vw}}.page-brand img[width="1"]{display:none!important}.page-brand-banner{position:relative;width:auto;margin:0 70px;overflow:hidden;border-radius:20px;height:40.625vw}@media (max-width: 1919px){.page-brand-banner{margin:0 80px}}@media (max-width: 768px){.page-brand-banner{height:169.23vw;z-index:1;width:100%;margin:0;border-radius:0 0 20px 20px;transform:translateY(-50px)}}.page-brand-banner img{object-fit:cover}.page-brand-banner .banner-text-wrapper{position:relative;width:66.66667vw;margin:auto;height:100%;display:flex;align-items:center;color:#000}@media (max-width: 768px){.page-brand-banner .banner-text-wrapper{height:auto;width:100%;display:block}}.page-brand-banner .banner-text-wrapper .text-container{position:absolute;left:0;top:50%;transform:translateY(-50%)}@media (max-width: 768px){.page-brand-banner .banner-text-wrapper .text-container{right:20px;left:20px;top:150px;row-gap:20px;line-height:1.375;margin-top:0;padding-left:12px;width:auto}}.page-brand-banner .banner-text-wrapper .text-container .subtitle{font-weight:400;font-size:18px;line-height:1.1;margin:0 0 2.08333vw;color:#000}@media (max-width: 768px){.page-brand-banner .banner-text-wrapper .text-container .subtitle{font-size:14px;line-height:19px;margin:0 0 18px}}.page-brand-banner .banner-text-wrapper .text-container .title{font-weight:800;font-size:38px;line-height:1.2;color:#000;margin:0 0 2.08333vw}@media (max-width: 768px){.page-brand-banner .banner-text-wrapper .text-container .title{font-size:30px;line-height:38px;margin:0 0 10px}}.page-brand-banner .banner-text-wrapper .text-container .button{display:flex;justify-content:center;align-items:center;border:2px solid #17bbef;border-radius:80px;color:#fff;font-size:14px;line-height:16px;width:192px;height:46px;background:#17bbef;padding:0}.page-brand-banner .banner-text-wrapper .text-container .button:hover{background-color:#17bbef}@media (max-width: 768px){.page-brand-banner .banner-text-wrapper .text-container .button{border:2px solid #17bbef;font-size:12px!important;line-height:14px;width:180px;background:#17bbef}}.page-brand-banner .banner-text-wrapper .text-container .button>.icon-container{display:flex;justify-content:center;align-items:center;width:22px;height:22px;background-color:#17bbef;margin-right:10px;border-radius:50%}@media (max-width: 768px){.page-brand-banner .banner-text-wrapper .text-container .button>.icon-container{margin-right:10px}}.page-brand-banner .banner-text-wrapper .text-container .button>.icon-container .icon{background-image:url(https://cdn.shopify.com/s/files/1/0512/8568/8505/files/play.svg?v=1653545634);background-repeat:no-repeat;background-size:contain;background-position:right;width:10px;height:10px}.page-brand-banner .banner-text-wrapper .text-container .button .text{white-space:nowrap;text-align:left;font-weight:600}@media (max-width: 768px){.page-brand-banner .banner-text-wrapper .text-container .button .text{text-align:left}}.page-brand-logo{position:relative;margin:-1px auto 0}.page-brand-logo .logo--st{background:#17bcef}.page-brand-logo .logo--sb .logo-container.container--space-big{padding-bottom:0;padding-top:0}.page-brand-logo .brand-logo .logo-fixed{position:relative;aspect-ratio:unset;height:calc(var(--height) * 1px);width:100%}.page-brand-logo .brand-logo-cl,.page-brand-logo .brand-logo-co{height:100%;left:0;top:10%;width:100%}.page-brand-logo .brand-logo-cl{clip:rect(0,auto,auto,0);-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%);position:absolute}.page-brand-logo .brand-logo-co{position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0)}.page-brand-logo .brand-logo-m .logo-a-image{width:100%;display:flex;justify-content:center}.page-brand-logo .brand-logo-m .logo-a-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.page-brand-logo .logo-a-image img{height:auto;max-width:100%;vertical-align:middle}.page-brand-logo .logo--st .logo-container.container--space-big{padding-top:0;padding-bottom:0}@media (max-width: 768px){.page-brand-logo .logo--sb{background:#fff}.page-brand-logo .logo--st{background:#17bcef}.page-brand-logo .brand-logo-cl{top:0%}.page-brand-logo .brand-logo-co{top:25%}.page-brand-logo .brand-logo-cl,.page-brand-logo .brand-logo-co{transition-timing-function:linear}}.page-brand-announcement{padding:1.04167vw 0;margin-top:-1px}.page-brand-announcement .announcement-box{position:relative}.page-brand-announcement .announcement-title{font-weight:600;font-size:2.5vw;line-height:3.4375vw;color:#000;margin-bottom:4.16667vw}.page-brand-announcement .announcement-subTitle{font-weight:700;font-size:2.08333vw;line-height:2.86458vw;color:#17bbef;margin-bottom:1.04167vw}.page-brand-announcement .announcement-content-text{position:relative;font-weight:400;font-size:24px;line-height:33px;color:#000}.page-brand-announcement .main-tile{width:100%;grid-area:2/1/3/13;box-sizing:border-box;min-height:504px;-webkit-clip-path:inset(-200vh 0 0 0);clip-path:inset(-200vh 0 0 0);padding:45px 0;display:grid;z-index:1}.page-brand-announcement .grid-main{-webkit-clip-path:inset(-200vh 0 0 0);clip-path:inset(-200vh 0 0 0)}.page-brand-announcement .grid-main .image-wrapper-sticky{z-index:1;display:flex;-webkit-clip-path:inset(-50vh -50% 0px -50%);clip-path:inset(-50vh -50% 0px -50%);pointer-events:none;grid-area:1/1/3/8;margin-left:50px}.page-brand-announcement .grid-main .image-wrapper-sticky picture{position:sticky;top:40vh}.page-brand-announcement .grid-main .announcement-info{will-change:transform;grid-column-end:12;grid-column-start:6;margin-left:70px;margin-top:600px;padding-bottom:60px}.page-brand-announcement .grid-main .announcement-info p{margin-bottom:20px}.page-brand-announcement .gradient-bg{position:absolute;bottom:0;height:30%;width:1475px;left:50%;transform:translate(-50%);background-position:bottom;background-repeat:no-repeat;background-size:100% var(--bg-height);z-index:0;transition:opacity .75s ease-in-out;overflow:hidden;box-shadow:0 4px 4px #00000040;will-change:opacity}.page-brand-announcement .image-wrapper-sticky picture{max-width:100%;margin-top:40px;height:800px}.page-brand-announcement .announcement-content{width:1475px;margin-left:auto;margin-right:auto}.page-brand-announcement .grid{position:relative;margin-left:auto;margin-right:auto;grid-column-gap:24px;grid-row-gap:24px;padding:0 24px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.page-brand-announcement .overview-logo{display:block;width:851px;height:916px}@media (min-width: 768px) and (max-width: 1440px){.page-brand-announcement .announcement-content,.page-brand-announcement .gradient-bg{width:1200px}.page-brand-announcement .image-wrapper-sticky picture{height:620px}.page-brand-announcement .grid-main .announcement-info{margin-top:750px;padding-bottom:30px}}@media (min-width: 768px) and (max-width: 1028px){.page-brand-announcement .announcement-content,.page-brand-announcement .gradient-bg{width:900px}.page-brand-announcement .grid-main .image-wrapper-sticky picture{height:480px}}@media (max-width: 768px){.page-brand-announcement{background:none}.page-brand-announcement .gradient-bg{height:100%;box-shadow:none}.page-brand-announcement .gradient-bg,.page-brand-announcement .announcement-content{width:94%}.page-brand-announcement .main-tile{min-height:300px}.page-brand-announcement .grid{padding:0 12px}.page-brand-announcement .grid-main .image-wrapper-sticky{margin-left:20px;grid-area:1/1/3/13}.page-brand-announcement .grid-main .image-wrapper-sticky picture{height:360px;top:60vh}.page-brand-announcement .grid-main .announcement-info{grid-column-start:1;grid-column-end:13;margin-top:0;margin-left:0;padding:20px;border-width:1px 3px 3px 3px;border-style:solid;border-color:#17bbef1a}.page-brand-announcement .announcement-title{margin-bottom:18px}.page-brand-announcement .announcement-subTitle{margin-bottom:10px}.page-brand-announcement .announcement-title,.page-brand-announcement .announcement-subTitle{font-size:16px;line-height:22px}.page-brand-announcement .announcement-content-text{font-size:14px;line-height:19px}.page-brand-announcement .overview-logo{width:94%;height:417px}}.page-brand-timeline{background-color:#fff;padding-top:10.41667vw;padding-bottom:12.65625vw}.page-brand-timeline .timeline-title{font-weight:600;font-size:48px;line-height:66px;text-align:center;color:#000;margin-bottom:2.65625vw}.page-brand-timeline .timeline-subTitle{font-weight:400;font-size:36px;line-height:49px;text-align:center;color:#1f2021;margin-bottom:5.20833vw}.page-brand-timeline .timeline-container{display:flex;justify-content:space-between;width:72.76042vw;margin:0 auto}.page-brand-timeline .timeline-line{width:.41667vw;border-radius:4px;background-color:#17bbef;height:auto}.page-brand-timeline .timeline-item{display:flex;align-items:center;transform:translateY(8vw);opacity:.8}.page-brand-timeline .timeline-item .item-container{display:flex;box-shadow:4px 4px 4px #f5fcfe;align-items:flex-end;height:100%}.page-brand-timeline .timeline-item .logo{height:1.97917vw;width:1.82292vw}.page-brand-timeline .timeline-item .item-info{width:9.53125vw;padding:0 .625vw;height:100%}.page-brand-timeline .timeline-item .item-year{font-size:24px;font-weight:700;margin-bottom:8px;margin-top:1.61458vw}.page-brand-timeline .timeline-item .item-title{font-size:16px}.page-brand-timeline .left-item .logo{margin-left:2.1875vw}.page-brand-timeline .right-item{margin-top:10.13333vw}.page-brand-timeline .right-item .item-info{margin-left:1.04167vw}.page-brand-timeline .left-box{gap:10.10417vw}.page-brand-timeline .timeline-box{display:flex;flex-direction:column}.page-brand-timeline .timeline-box .image{width:20.41667vw;height:20.20833vw}@media (max-width: 768px){.page-brand-timeline{padding:16.8vw 6.66667vw 14.66667vw}.page-brand-timeline .timeline-title{font-size:16px;line-height:22px;margin-bottom:8px}.page-brand-timeline .timeline-subTitle{font-size:12px;line-height:16px;margin-bottom:13.33333vw}.page-brand-timeline .timeline-container{width:100%}.page-brand-timeline .timeline-item{flex-direction:column;text-align:center;transform:translateY(10vw);width:40.53333vw}.page-brand-timeline .timeline-item .item-container{flex-direction:column;width:100%}.page-brand-timeline .timeline-item .item-year{font-size:14px;line-height:19px;margin-bottom:1.06667vw}.page-brand-timeline .timeline-item .item-title{font-size:12px;line-height:16px;min-height:21.33333vw;padding:0 10px;margin-bottom:5.33333vw}.page-brand-timeline .timeline-item .logo{width:5.33333vw;height:5.6vw}.page-brand-timeline .timeline-item .item-info{margin-top:0;width:40.53333vw}.page-brand-timeline .timeline-item .hide-logo{display:none}.page-brand-timeline .right-item{margin-top:0}.page-brand-timeline .right-item .logo{margin-bottom:4.26667vw}.page-brand-timeline .left-item{margin-right:5.33333vw}.page-brand-timeline .left-item .logo{margin-top:10.13333vw}.page-brand-timeline .timeline-box{display:flex;flex-direction:column;gap:10.13333vw}.page-brand-timeline .timeline-box .image{width:40.53333vw;height:auto;margin:0}.page-brand-timeline .left-box{gap:4.26667vw}}.page-brand-discover{background-color:#fff;padding-bottom:8.4375vw}.page-brand-discover .swiper-wrapper{transition-timing-function:linear}.page-brand-discover .box-content{text-align:center;color:#000;line-height:1.3}.page-brand-discover .box-title{font-weight:600;font-size:48px;margin-bottom:.41667vw}.page-brand-discover .box-subTitle{font-size:24px;color:#1f2021;margin-bottom:5.88542vw}.page-brand-discover .box-images{margin-bottom:.52083vw;pointer-events:none}@media (max-width: 768px){.page-brand-discover{padding-bottom:8vw}.page-brand-discover .box-title{font-size:16px;line-height:22px}.page-brand-discover .box-subTitle{font-size:12px;line-height:16px}}.page-brand-products{background-color:#fff;padding-bottom:3.4375vw}.page-brand-products .products-list{display:flex;flex-wrap:wrap;max-width:72.65625vw;column-gap:.78125vw;margin:0 auto}.page-brand-products .product-item{width:23.69792vw;padding-bottom:5.83333vw;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;color:#000;line-height:1.2}.page-brand-products .p-info{display:flex;flex-direction:column;align-items:center}.page-brand-products .product-image{width:23.69792vw;height:15.9375vw;cursor:pointer;overflow:hidden}.page-brand-products .product-image img{transition:all .5s cubic-bezier(.65,0,.35,1);transform:scaleZ(1) rotate(.1deg)}.page-brand-products .product-image img:hover{transform:scale(1.15)!important}.page-brand-products .p-title{width:18.22917vw;margin-top:1.25vw;margin-bottom:.41667vw;font-weight:600;font-size:20px}.page-brand-products .p-desc{width:18.22917vw;font-weight:400;font-size:14px;line-height:1.2;margin-bottom:1.77083vw}.page-brand-products .p-btn{display:flex;align-items:center;justify-content:center;width:8.95833vw;height:2.5vw;min-height:42px;background:#17bbef;border-radius:38px;border-width:0;font-weight:600;font-size:16px;line-height:22px;text-align:center;color:#fff;cursor:pointer}.page-brand-products .p-btn:hover{background:#fff;color:#17bbef;text-decoration:none;border:2px solid #17bbef}@media (max-width: 768px){.page-brand-products{padding-bottom:3.73333vw}.page-brand-products .products-list{max-width:100%;column-gap:1.6vw;padding:0 6.93333vw}.page-brand-products .product-item{width:41.86667vw;padding-bottom:7.46667vw;text-align:center}.page-brand-products .product-image{width:41.86667vw;height:28.26667vw}.page-brand-products .p-title{width:32vw;font-size:14px;line-height:16px;margin-bottom:4px}.page-brand-products .p-desc{width:32vw;font-size:10px;line-height:14px}.page-brand-products .p-btn{min-width:19.2vw;min-height:6.93333vw;font-size:10px;line-height:14px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/page-brand.scss.css.map */