/* common s */
body {overflow-x: hidden !important;overscroll-behavior: none;}
.breadcrumbs {display: none;}
.page-header {position: fixed;top: var(--banner);left: 0;right:0;z-index:999;}
[data-content-type=row][data-appearance=contained] {all: initial;}
.columns .column.main{padding-bottom:0}
main,#main {all: initial;}
.ap-post picture{line-height: 0;}
.ap-post img{max-width:100%}
.ap-post p,
.ap-post figure,
.ap-post ul{padding:0;margin:0}
.ap-post em {color: inherit;}
.ap-post strong {font-weight: revert;}
.ap-post svg {all: initial;fill: none;}
.ap-post li{list-style: none;}
.ap-post .only-pc{display:block}
.ap-post .only-mo{display:none}
@media screen and (max-width:720px){
    .ap-post .only-pc{display:none}
    .ap-post .only-mo{display:block}
}
.ap-post.ap-cn {font-family: "Gellix", "NotoSans SC", "Microsoft YaHei", sans-serif;}
/* common e */

/* for debugging s */
.debug-console {position:fixed; bottom:2%; left:2%; z-index:9999; padding:10px;}
.debug-console button {margin:0 3px; padding:3px 4px 2px; background:rgba(0,0,0,.5); border:1px solid rgba(0,0,0,.3); font-size:14px; line-height:1; color:#fff;}
.debug-console button.is-active {background:rgba(0,0,0,1); color:yellow;}
.debug-console .log {margin:10px 0; font-size:16px; font-weight:bold; color:red;}
/* for debugging e */

article.ap-post--story-2024{width:100%;position:relative;z-index:10;position:relative}
article.ap-post--story-2024 .ap-post__inner{--cont:1920;color:#000}
article.ap-post--story-2024 .colored--white{color:#fff}
article.ap-post--story-2024 .ap-logo{display:block;margin:auto}
article.ap-post--story-2024 .ap-section{position:relative;z-index:0;}
article.ap-post--story-2024 .ap-section--kv .ap-section__wrapper{position: relative;}
article.ap-post--story-2024 .ap-section--kv .ap-section__header{height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center;}
article.ap-post--story-2024 .ap-section--kv .ap-section__header .ap-logo{width:clamp(1px,calc(530 / var(--cont) * 100vw),530px)}
article.ap-post--story-2024 .ap-section--kv .ap-section__body{width:100%;height:100vh;height:100dvh;background-color:#6691ff;display:flex;justify-content:center;align-items:center;flex-direction:column}
article.ap-post--story-2024 .ap-section--kv .ap-section__title{text-align:center;letter-spacing:.15em;font-size:clamp(9px,calc(32 / var(--cont) * 100vw),32px);font-weight:300;line-height:1.3125;letter-spacing:.15em}
article.ap-post--story-2024 .ap-section--kv .ap-section__title strong{display:block;margin-top:clamp(1px,calc(10 / var(--cont) * 100vw),10px);margin-bottom:clamp(1px,calc(70 / var(--cont) * 100vw),70px);font-size:clamp(9px,calc(80 / var(--cont) * 100vw),80px);font-weight:600;line-height:1;letter-spacing:.03em}
article.ap-post--story-2024 .ap-section--kv .ap-section__title .ap-logo{width:clamp(1px,calc(217 / var(--cont) * 100vw),217px);margin:auto}
article.ap-post--story-2024 .ap-section--intro .ap-section__body{height:100vh;height:100dvh;display:flex;justify-content:center;align-items:center}
article.ap-post--story-2024 .ap-section--intro .ap-section__title{text-align:center;font-size:clamp(9px,calc(60 / var(--cont) * 100vw),60px);font-weight:300;line-height:1.3333333333;letter-spacing:.03em}
article.ap-post--story-2024 .ap-section--intro .ap-section__title strong{color:#4076ff}
article.ap-post--story-2024 .ap-section--intro .ap-section__desc{position:absolute;top:auto;bottom:0;font-size:clamp(9px,calc(24 / var(--cont) * 100vw),24px);font-weight:300;line-height:1.8333333333;letter-spacing:normal}
article.ap-post--story-2024 .ap-section--intro .ap-section__desc i{position:relative;margin:0 auto;width:clamp(1px,calc(48 / var(--cont) * 100vw),48px);display:flex;justify-content:center;align-items:center}
article.ap-post--story-2024 .ap-section--video .ap-section__body{height:100%}
article.ap-post--story-2024 .ap-section--video .ap-video{width:100%;height:100vh;height:100dvh;position:relative}
article.ap-post--story-2024 .ap-section--video .ap-video__wrapper{width:100%;height:100%;transform-origin:50% 50%;overflow:hidden}
article.ap-post--story-2024 .ap-section--video .ap-video__wrapper video{width:100%;height:100%;object-fit:cover}
article.ap-post--story-2024 .ap-section--info .ap-section__wrapper{height:100vh}
article.ap-post--story-2024 .ap-section--info .ap-section__body{background-color:#e1f0fc;color:#4076ff;overflow:hidden;position:relative;display:grid;grid-template-columns:repeat(2,1fr)}
article.ap-post--story-2024 .ap-section--info .ap-section__body>*{width:50%}
article.ap-post--story-2024 .ap-section--info .ap-section__title{font-size:clamp(9px,calc(32 / var(--cont) * 100vw),32px);font-weight:300;line-height:1.3125;letter-spacing:-.04em}
article.ap-post--story-2024 .ap-section--info .ap-section__title strong{font-size:clamp(9px,calc(80 / var(--cont) * 100vw),80px);font-weight:600;line-height:1.1125;letter-spacing:.02em}
article.ap-post--story-2024 .ap-section--info .ap-section__title .ap-logo{width:clamp(1px,calc(199 / var(--cont) * 100vw),199px);margin:initial;margin-top:clamp(1px,calc(65 / var(--cont) * 100vw),65px)}
article.ap-post--story-2024 .ap-section--info .ap-img{width:100%;height:100vh;height:100dvh;order:1;position:sticky;top:0;left:0;display:flex;justify-content:flex-start;align-items:flex-end;}
article.ap-post--story-2024 .ap-section--info .ap-text{width:100%;position:relative;order:2;display:flex;justify-content:flex-start;align-items:flex-start}
article.ap-post--story-2024 .ap-section--info .ap-text__wrapper{align-self:center}
article.ap-post--story-2024 .ap-section--info .ap-text__inner{position:relative;padding-top:clamp(1px,calc(110 / var(--cont) * 100vw),110px);padding-left:clamp(1px,calc(110 / var(--cont) * 100vw),110px);padding-bottom:clamp(1px,calc(110 / var(--cont) * 100vw),110px)}
article.ap-post--story-2024 .ap-section--info .ap-text--01 strong{display:inline-block;margin-top:clamp(1px,calc(20 / var(--cont) * 100vw),20px)}
article.ap-post--story-2024 .ap-section--info .ap-text--02{margin-top:clamp(1px,calc(65 / var(--cont) * 100vw),65px)}
article.ap-post--story-2024 .ap-section--info .ap-text--02 p{margin:0;margin-bottom:clamp(1px,calc(24 / var(--cont) * 100vw),24px);margin-right:clamp(1px,calc(24 / var(--cont) * 100vw),24px);font-size:clamp(9px,calc(20 / var(--cont) * 100vw),20px);font-weight:300;line-height:1.75;letter-spacing:.05em}
article.ap-post--story-2024 .ap-section--info .ap-text--02 strong{font-weight:700}
article.ap-post--story-2024 .ap-section--pillar{position:relative}
article.ap-post--story-2024 .ap-section--pillar .ap-section__body>div{width:100%;height:100vh;height:100dvh;position:relative;background-color:#000;}
article.ap-post--story-2024 .ap-section--pillar .ap-section__inner{position:relative;z-index:1}
article.ap-post--story-2024 .ap-section--pillar .ap-section__text{width:100%;height:100%;position:absolute;top:0;z-index:1;display:flex;justify-content:center;align-items:center;flex-direction:column}
article.ap-post--story-2024 .ap-section--pillar .ap-section__text .ap-logo{position:relative;z-index:1;width:clamp(1px,calc(242 / var(--cont) * 100vw),242px);margin:0 auto clamp(1px,calc(50 / var(--cont) * 100vw),50px)}
article.ap-post--story-2024 .ap-section--pillar .ap-section__title{text-align:center;color:#fff;font-size:clamp(9px,calc(80 / var(--cont) * 100vw),80px);font-weight:600;line-height:1.1125;letter-spacing:.02em}
article.ap-post--story-2024 .ap-section--pillar .ap-img{display:block;width:100%;height:100vh;height:100dvh;background-image:url(/assets/image/brand/brand-story/story-2024_img_0002_pc_cn_241125.jpg);background-repeat:no-repeat;background-position-x:center;background-position-y:center;object-fit:cover;background-size:cover}
article.ap-post--story-2024 .ap-section--product{background-color:#f6f6f6}
article.ap-post--story-2024 .ap-section--product .ap-section__wrapper{width:100%;height:100vh;height:100dvh;overflow:hidden;position:relative}
article.ap-post--story-2024 .ap-section--product .ap-item{width:100%;height:100vh;height:100dvh;background-color:#f6f6f6;overflow:hidden;display:grid;grid-template-columns:repeat(2,1fr);place-items:start center}
/* article.ap-post--story-2024 .ap-section--product .text--colored{ transition:color .5s;} */
article.ap-post--story-2024 .ap-section--product .ap-item--1 .text--colored.color-1{color:#6691ff}
article.ap-post--story-2024 .ap-section--product .ap-item--1 .text--colored.color-2{color:#649be5}
article.ap-post--story-2024 .ap-section--product .ap-item--1 .ap-link--1{background-color:#6691ff}
article.ap-post--story-2024 .ap-section--product .ap-item--1 .ap-link--2{background-color:#649be5}
article.ap-post--story-2024 .ap-section--product .ap-item--2 .text--colored.color-1{color:#ff7300}
article.ap-post--story-2024 .ap-section--product .ap-item--2 .text--colored.color-2{color:#b99b87}
/* article.ap-post--story-2024 .ap-section--product .ap-item--2 .text--colored.color-3{color:#ff7300} */
article.ap-post--story-2024 .ap-section--product .ap-item--2 .ap-link--1{background-color:#f06a7e}
article.ap-post--story-2024 .ap-section--product .ap-item--2 .ap-link--2{background-color:#ff7300}
article.ap-post--story-2024 .ap-section--product .ap-item--2 .ap-link--3{background-color:#b99b87}
article.ap-post--story-2024 .ap-section--product .ap-item--3 .text--colored.color-1{color:#A596DC}
article.ap-post--story-2024 .ap-section--product .ap-item--3 .text--colored.color-2{color:#f53c50}
article.ap-post--story-2024 .ap-section--product .ap-item--3 .text--colored.color-3{color:#4678ff}
article.ap-post--story-2024 .ap-section--product .ap-item--3 .ap-link--1{background-color:#A596DC}
article.ap-post--story-2024 .ap-section--product .ap-item--3 .ap-link--2{background-color:#f53c50}
article.ap-post--story-2024 .ap-section--product .ap-item--3 .ap-link--3{background-color:#4678ff}
article.ap-post--story-2024 .ap-section--product .ap-item--4 .text--colored.color-1{color:#5bbb7d}
article.ap-post--story-2024 .ap-section--product .ap-item--4 .text--colored.color-2{color:#c3a0eb}
article.ap-post--story-2024 .ap-section--product .ap-item--4 .ap-link--1{background-color:#5bbb7d}
article.ap-post--story-2024 .ap-section--product .ap-item--4 .ap-link--2{background-color:#c3a0eb}
article.ap-post--story-2024 .ap-section--product .ap-text{max-width:clamp(1px,calc(700 / var(--cont) * 100vw),700px);padding:clamp(1px,calc(90 / var(--cont) * 100vw),90px) clamp(1px,calc(20 / var(--cont) * 100vw),20px) 0;height:100%;box-sizing:border-box;}
article.ap-post--story-2024 .ap-section--product .ap-text__badge{margin-bottom:clamp(1px,calc(50 / var(--cont) * 100vw),50px);color:#ccc;font-size:clamp(9px,calc(18 / var(--cont) * 100vw),18px);font-weight:300;line-height:1.1111111111;letter-spacing:normal}
article.ap-post--story-2024 .ap-section--product .ap-text__badge strong{margin-right:clamp(1px,calc(6 / var(--cont) * 100vw),6px);font-size:clamp(9px,calc(20 / var(--cont) * 100vw),20px);font-weight:600;line-height:1.5;letter-spacing:normal}
article.ap-post--story-2024 .ap-section--product .ap-text__badge span{font-weight:100!important;font-size:clamp(9px,calc(18 / var(--cont) * 100vw),18px);font-weight:300;line-height:1.1111111111;letter-spacing:normal}
article.ap-post--story-2024 .ap-section--product .ap-text__title{font-size:clamp(9px,calc(65 / var(--cont) * 100vw),65px);font-weight:600;line-height:1.0769230769;letter-spacing:normal}
article.ap-post--story-2024 .ap-section--product .ap-text__desc{margin-top:clamp(1px,calc(50 / var(--cont) * 100vw),50px);margin-bottom:clamp(1px,calc(35 / var(--cont) * 100vw),35px);text-transform:uppercase;font-size:clamp(9px,calc(36 / var(--cont) * 100vw),36px);font-weight:500;line-height:1.1111111111;letter-spacing:-.04em}
article.ap-post--story-2024 .ap-section--product .ap-text .ap-text__content{overflow-y:auto;max-height:45vh;max-height:45dvh}
/* article.ap-post--story-2024 .ap-section--product .ap-item--3 .ap-text .ap-text__content{max-height:25vh;max-height:25dvh} */
article.ap-post--story-2024 .ap-section--product .ap-text__content p{margin:clamp(1px,calc(6 / var(--cont) * 100vw),6px) 0;font-size:clamp(9px,calc(20 / var(--cont) * 100vw),20px);font-weight:300;line-height:2;letter-spacing:normal}
article.ap-post--story-2024 .ap-section--product .ap-img{width:100%;height:100vh;height:100dvh;position:relative}
article.ap-post--story-2024 .ap-section--product .ap-img__wrapper{position:relative;display:block;width:100%;height:100vh;height:100dvh;position:absolute;top:0}
article.ap-post--story-2024 .ap-section--product .ap-img a{position:relative;display:block;height:100%}
article.ap-post--story-2024 .ap-section--product .ap-img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit: cover;aspect-ratio:119 / 135;}
article.ap-post--story-2024 .ap-section--product .ap-item--2 .ap-btn--mo{width:33.33%}
article.ap-post--story-2024 .ap-section--product .ap-link{position:relative;margin-top:clamp(1px,calc(56 / var(--cont) * 100vw),56px);width:clamp(1px,calc(320 / var(--cont) * 100vw),320px)}
article.ap-post--story-2024 .ap-section--product .ap-link:not(.is-active){display:none}
article.ap-post--story-2024 .ap-section--product .ap-link a{width:clamp(1px,calc(370 / var(--cont) * 100vw),370px);height:clamp(1px,calc(54 / var(--cont) * 100vw),54px);gap:clamp(1px,calc(5 / var(--cont) * 100vw),5px);border-radius:clamp(1px,calc(100 / var(--cont) * 100vw),100px);color:#fff;display:flex;justify-content:center;align-items:center;position:absolute;top:0;z-index:1;font-size:clamp(9px,calc(18 / var(--cont) * 100vw),18px);font-weight:500;line-height:1.1111111111;letter-spacing:normal}
article.ap-post--story-2024 .ap-section--product .ap-link a::after{margin-left:.1333vw;border:.015vw solid #fff;transform:rotate(45deg);content:"";width:.5vw;height:.5vw;display:inline-block;vertical-align:middle;border-bottom:0;border-left:0}
article.ap-post--story-2024 .ap-section--product .ap-link a:focus-visible{border-color:transparent;color:#fff}
article.ap-post--story-2024 .ap-section--product .ap-link a:focus-visible::after{border-color:#fff}
article.ap-post--story-2024 .ap-section--product .ap-link a:focus:not(:focus-visible){outline:0}
article.ap-post--story-2024 .ap-section--product .ap-link a:active,article.ap-post--story-2024 .ap-section--product .ap-link a:focus,article.ap-post--story-2024 .ap-section--product .ap-link a:focus-within,article.ap-post--story-2024 .ap-section--product .ap-link a:hover{border-color:transparent;color:#fff}
article.ap-post--story-2024 .ap-section--product .ap-link a:active::after,article.ap-post--story-2024 .ap-section--product .ap-link a:focus-within::after,article.ap-post--story-2024 .ap-section--product .ap-link a:focus::after,article.ap-post--story-2024 .ap-section--product .ap-link a:hover::after{border-color:#fff}
article.ap-post--story-2024 .ap-section--product .swiper{width:100%;overflow: hidden;}
article.ap-post--story-2024 .ap-section--product .swiper .swiper-slide{text-align:center;background:#fff;display: block;}
article.ap-post--story-2024 .ap-section--product .swiper .swiper-button-prev{left:0}
article.ap-post--story-2024 .ap-section--product .swiper .swiper-button-next{right:0}
article.ap-post--story-2024 .ap-section--product .swiper .swiper-button-next,article.ap-post--story-2024 .ap-section--product .swiper .swiper-button-prev{display:none}
article.ap-post--story-2024 .ap-section--product .swiper .swiper-pagination{position:absolute;bottom:3%;left:0;right:0;display:flex;align-items:center;justify-content:center;z-index:1;}
article.ap-post--story-2024 .ap-section--product .swiper .swiper-pagination-bullet{border:0;width:6px;height:6px;margin:0 clamp(1px,calc(4 / var(--cont) * 100vw),4px);background-color:#b9b9b9;display:block;border-radius:50%;}
article.ap-post--story-2024 .ap-section--product .swiper .swiper-pagination-bullet-active{background-color:#000}
article.ap-post--story-2024 .ap-section--product .swiper .swiper-button-lock{display:none}
article.ap-post--story-2024 .ap-section--product .swiper-button-next:after, .swiper-button-prev:after{all:unset}
article.ap-post--story-2024 .ap-section--end .ap-section__body{position:relative;z-index:1;height:100vh;height:100dvh;background-color:#6691ff;color:#fff;display:flex;justify-content:center;align-items:center}
article.ap-post--story-2024 .ap-section--end .ap-section__title{text-align:center;font-size:clamp(9px,calc(90 / var(--cont) * 100vw),90px);font-weight:600;line-height:.8888888889;letter-spacing:.02em;color:#fff}
article.ap-post--story-2024 .ap-section--end .ap-section__title .ap-logo{margin-top:clamp(1px,calc(50 / var(--cont) * 100vw),50px);width:clamp(1px,calc(217 / var(--cont) * 100vw),217px)}

@media screen and (max-width:1440px) {
    article.ap-post--story-2024 .ap-post__inner{--cont:1440}
    article.ap-post--story-2024 .ap-section--kv .ap-section__header .ap-logo{width:clamp(1px,calc(285 / var(--cont) * 100vw),285px)}
    article.ap-post--story-2024 .ap-section--kv .ap-section__title{font-size:clamp(9px,calc(16 / var(--cont) * 100vw),16px);font-weight:300;line-height:1.375}
    article.ap-post--story-2024 .ap-section--kv .ap-section__title strong{font-size:clamp(9px,calc(44 / var(--cont) * 100vw),44px);font-weight:600;line-height:.9545454545}
    article.ap-post--story-2024 .ap-section--kv .ap-section__title .ap-logo{width:clamp(1px,calc(114 / var(--cont) * 100vw),114px)}
    article.ap-post--story-2024 .ap-section--intro .ap-section__title{font-size:clamp(9px,calc(32 / var(--cont) * 100vw),32px);font-weight:300;line-height:1.3125}
    article.ap-post--story-2024 .ap-section--intro .ap-section__desc{font-size:clamp(9px,calc(24 / var(--cont) * 100vw),24px);font-weight:300;line-height:1.8333333333}
    article.ap-post--story-2024 .ap-section--info .ap-section__title{font-size:clamp(9px,calc(17 / var(--cont) * 100vw),17px);font-weight:300;line-height:1.3529411765}
    article.ap-post--story-2024 .ap-section--info .ap-section__title strong{font-size:clamp(9px,calc(42 / var(--cont) * 100vw),42px);font-weight:600;line-height:1.119047619}
    article.ap-post--story-2024 .ap-section--info .ap-text__inner{padding-top:clamp(1px,calc(110 / var(--cont) * 100vw),110px);padding-left:clamp(1px,calc(50 / var(--cont) * 100vw),50px);padding-bottom:clamp(1px,calc(110 / var(--cont) * 100vw),110px)}
    article.ap-post--story-2024 .ap-section--info .ap-text--02 p{font-size:clamp(9px,calc(13 / var(--cont) * 100vw),13px);font-weight:300;line-height:1.4615384615}

    article.ap-post--story-2024 .ap-section--pillar .ap-section__text .ap-logo{width:clamp(1px,calc(125 / var(--cont) * 100vw),125px);margin:0 auto clamp(1px,calc(20 / var(--cont) * 100vw),20px)}
    article.ap-post--story-2024 .ap-section--pillar .ap-section__title{font-size:clamp(9px,calc(42 / var(--cont) * 100vw),42px);font-weight:600;line-height:1.119047619}
    article.ap-post--story-2024 .ap-section--pillar .ap-img{background-repeat:no-repeat}
    article.ap-post--story-2024 .ap-section--product .ap-section__wrapper{height:auto}
    article.ap-post--story-2024 .ap-section--product .ap-item{height:auto}
    article.ap-post--story-2024 .ap-section--product .ap-text{margin:0 clamp(1px,calc(20 / var(--cont) * 100vw),20px);padding:clamp(1px,calc(80 / var(--cont) * 100vw),80px) clamp(1px,calc(18 / var(--cont) * 100vw),18px) clamp(1px,calc(40 / var(--cont) * 100vw),40px);height:calc(100% - 0px)}
    article.ap-post--story-2024 .ap-section--product .ap-text__badge{font-size:clamp(9px,calc(10 / var(--cont) * 100vw),10px);font-weight:300;line-height:1.2}
    article.ap-post--story-2024 .ap-section--product .ap-text__badge strong{font-size:clamp(9px,calc(16 / var(--cont) * 100vw),16px);font-weight:600;line-height:.75}
    article.ap-post--story-2024 .ap-section--product .ap-text__badge span{font-size:clamp(9px,calc(10 / var(--cont) * 100vw),10px);font-weight:300;line-height:1.2}
    article.ap-post--story-2024 .ap-section--product .ap-text__title{font-size:clamp(9px,calc(34 / var(--cont) * 100vw),34px);font-weight:600;line-height:1.1176470588}
    article.ap-post--story-2024 .ap-section--product .ap-text__desc{font-size:clamp(9px,calc(20 / var(--cont) * 100vw),20px);font-weight:500;line-height:1.1}
    article.ap-post--story-2024 .ap-section--product .ap-text__content p{font-size:clamp(9px,calc(13 / var(--cont) * 100vw),13px);font-weight:300;line-height:1.5384615385}
    article.ap-post--story-2024 .ap-section--product .ap-img{height:0;padding-top:112.5%}
    article.ap-post--story-2024 .ap-section--product .ap-img__wrapper{height:100%;}
    article.ap-post--story-2024 .ap-section--product .ap-img img{height:auto}
    article.ap-post--story-2024 .ap-section--product .ap-link{margin-top:clamp(1px,calc(28 / var(--cont) * 100vw),28px)}
    article.ap-post--story-2024 .ap-section--product .ap-link a{font-size:clamp(9px,calc(10 / var(--cont) * 100vw),10px);font-weight:500;line-height:1.2;width:clamp(1px,calc(220 / var(--cont) * 100vw),220px);height:clamp(1px,calc(28 / var(--cont) * 100vw),28px);gap:clamp(1px,calc(5 / var(--cont) * 100vw),5px)}
    article.ap-post--story-2024 .ap-section--end .ap-section__title{font-size:clamp(9px,calc(48 / var(--cont) * 100vw),48px);font-weight:600;line-height:.9166666667}
    article.ap-post--story-2024 .ap-section--end .ap-section__title .ap-logo{width:clamp(1px,calc(116 / var(--cont) * 100vw),116px)}
}

@media screen and (max-width:1440px) and (orientation:portrait){
    article.ap-post--story-2024 .ap-section--video .ap-video__wrapper video.only-pc{display:block}
    article.ap-post--story-2024 .ap-section--video .ap-video__wrapper video.only-mo{display:none}
    article.ap-post--story-2024 .ap-section--pillar .ap-img{background-image:url(/assets/image/brand/brand-story/story-2024_img_0002_mo_cn_241125.jpg);}
}

@media screen and (max-width:1440px) and (orientation:landscape){
    article.ap-post--story-2024 .ap-section--video .ap-video__wrapper video.only-pc{display:block}
    article.ap-post--story-2024 .ap-section--video .ap-video__wrapper video.only-mo{display:none}
    article.ap-post--story-2024 .ap-section--pillar .ap-img{background-image:url(/assets/image/brand/brand-story/story-2024_img_0002_pc_cn_241125.jpg);}
}

@media screen and (min-width:769px) and (max-width:1440px){
    article.ap-post--story-2024 .ap-section--info .ap-text--02 p br:not(.none){display:none}
}

@media screen and (max-width:1024px){
    article.ap-post--story-2024 .ap-post__inner{--cont:1024}
    article.ap-post--story-2024 .ap-section--info .ap-section__body{height:100%;display:block}
    article.ap-post--story-2024 .ap-section--info .ap-section__title .ap-logo{width:clamp(1px,calc(110 / var(--cont) * 100vw),110px);margin-top:clamp(1px,calc(20 / var(--cont) * 100vw),20px)}
    article.ap-post--story-2024 .ap-section--info .ap-img{height:100%}
    article.ap-post--story-2024 .ap-section--info .ap-text{display:flex;justify-content:center;align-items:flex-end;flex-direction:column}
    article.ap-post--story-2024 .ap-section--info .ap-text__wrapper{width:100%;align-self:flex-start}
    article.ap-post--story-2024 .ap-section--info .ap-text__inner{display:block;padding-top:clamp(1px,calc(60 / var(--cont) * 100vw),60px);padding-left:clamp(1px,calc(60 / var(--cont) * 100vw),60px);padding-bottom:0}
    article.ap-post--story-2024 .ap-section--product .ap-text .ap-text__content{max-height:16vw;}
    /* article.ap-post--story-2024 .ap-section--product .ap-item--3 .ap-text .ap-text__content{max-height:7vw} */
}

@media screen and (max-width:720px){
    article.ap-post--story-2024 .ap-post__inner{--cont:720}
    article.ap-post--story-2024 .ap-section--kv .ap-section__header .ap-logo{width:clamp(1px,calc(456 / var(--cont) * 100vw),456px)}
    article.ap-post--story-2024 .ap-section--kv .ap-section__title{font-size:clamp(9px,calc(28 / var(--cont) * 100vw),28px);font-weight:300;line-height:1.3571428571}
    article.ap-post--story-2024 .ap-section--kv .ap-section__title strong{font-size:clamp(9px,calc(64 / var(--cont) * 100vw),64px);font-weight:600;line-height:1}
    article.ap-post--story-2024 .ap-section--kv .ap-section__title .ap-logo{width:clamp(1px,calc(182 / var(--cont) * 100vw),182px)}
    article.ap-post--story-2024 .ap-section--intro .ap-section__body{position:relative;height:100vh;height:100dvh;padding:0}
    article.ap-post--story-2024 .ap-section--intro .ap-section__title{font-size:clamp(9px,calc(40 / var(--cont) * 100vw),40px);font-weight:300;line-height:1.25}
    article.ap-post--story-2024 .ap-section--intro .ap-section__desc{font-size:clamp(9px,calc(28 / var(--cont) * 100vw),28px);font-weight:300;line-height:1.7142857143}
    article.ap-post--story-2024 .ap-section--video .ap-video__wrapper video.only-pc{display:none}
    article.ap-post--story-2024 .ap-section--video .ap-video__wrapper video.only-mo{display:block}
    article.ap-post--story-2024 .ap-section--info .ap-section__title{font-size:clamp(9px,calc(32 / var(--cont) * 100vw),32px);font-weight:300;line-height:1.125}
    article.ap-post--story-2024 .ap-section--info .ap-section__title strong{font-size:clamp(9px,calc(64 / var(--cont) * 100vw),64px);font-weight:600;line-height:1.109375}
    article.ap-post--story-2024 .ap-section--info .ap-section__title .ap-logo{width:clamp(1px,calc(176 / var(--cont) * 100vw),176px)}
    article.ap-post--story-2024 .ap-section--info .ap-img{width:100%;height:auto;position:static;background-color:#e1f0fc}
    article.ap-post--story-2024 .ap-section--info .ap-text--02 p{font-size:clamp(9px,calc(24 / var(--cont) * 100vw),24px);font-weight:300;line-height:1.5}
    article.ap-post--story-2024 .ap-section--pillar .ap-section__text .ap-logo{width:clamp(1px,calc(170 / var(--cont) * 100vw),170px);margin-bottom:clamp(1px,calc(30 / var(--cont) * 100vw),30px)}
    article.ap-post--story-2024 .ap-section--pillar .ap-section__title{font-size:clamp(9px,calc(60 / var(--cont) * 100vw),60px);font-weight:600;line-height:1.1166666667}
    article.ap-post--story-2024 .ap-section--product .ap-item{grid-template-columns:1fr;justify-items:start}
    article.ap-post--story-2024 .ap-section--product .ap-text{margin:0;padding:clamp(1px,calc(40 / var(--cont) * 100vw),40px) clamp(1px,calc(50 / var(--cont) * 100vw),50px) clamp(1px,calc(110 / var(--cont) * 100vw),110px) clamp(1px,calc(60 / var(--cont) * 100vw),60px);width:auto;height:100%;}
    article.ap-post--story-2024 .ap-section--product .ap-text__badge{font-size:clamp(9px,calc(18 / var(--cont) * 100vw),18px);font-weight:300;line-height:1}
    article.ap-post--story-2024 .ap-section--product .ap-text__badge strong{font-size:clamp(9px,calc(28 / var(--cont) * 100vw),28px);font-weight:600;line-height:1}
    article.ap-post--story-2024 .ap-section--product .ap-text__badge span{font-size:clamp(9px,calc(18 / var(--cont) * 100vw),18px);font-weight:300;line-height:1}
    article.ap-post--story-2024 .ap-section--product .ap-text__title{font-size:clamp(9px,calc(52 / var(--cont) * 100vw),52px);font-weight:600;line-height:1.1923076923}
    article.ap-post--story-2024 .ap-section--product .ap-text__desc{font-size:clamp(9px,calc(28 / var(--cont) * 100vw),28px);font-weight:500;line-height:1.3571428571}
    article.ap-post--story-2024 .ap-section--product .ap-text__desc{margin:clamp(1px,calc(32 / var(--cont) * 100vw),32px) 0 clamp(1px,calc(20 / var(--cont) * 100vw),20px)}
    article.ap-post--story-2024 .ap-section--product .ap-text .ap-text__content,
    /* article.ap-post--story-2024 .ap-section--product .ap-item--3 .ap-text .ap-text__content{max-height:unset} */
    article.ap-post--story-2024 .ap-section--product .ap-text__content p{font-size:clamp(9px,calc(24 / var(--cont) * 100vw),24px);font-weight:300;line-height:1.5}
    article.ap-post--story-2024 .ap-section--product .ap-img{height:100vw;padding-top:0;display:flex;justify-content:flex-start;align-items:center}
    article.ap-post--story-2024 .ap-section--product .ap-img__wrapper{flex:1 0 50%;height:100vw;position:relative;z-index:1}
    /* article.ap-post--story-2024 .ap-section--product .ap-img a{padding-bottom:calc(720 / 720 * 100%)} */
    article.ap-post--story-2024 .ap-section--product .ap-img img{aspect-ratio:1}
    article.ap-post--story-2024 .ap-section--product .ap-item--2 .ap-img__wrapper{flex:1 0 33.33%}
    article.ap-post--story-2024 .ap-section--product .ap-link{margin-top:clamp(1px,calc(48 / var(--cont) * 100vw),48px)}
    article.ap-post--story-2024 .ap-section--product .ap-link a{font-size:clamp(9px,calc(22 / var(--cont) * 100vw),22px);font-weight:500;line-height:1.3636363636}
    article.ap-post--story-2024 .ap-section--product .ap-link a{width:clamp(1px,calc(420 / var(--cont) * 100vw),420px);height:clamp(1px,calc(58 / var(--cont) * 100vw),58px);gap:clamp(1px,calc(8 / var(--cont) * 100vw),8px)}
    article.ap-post--story-2024 .ap-section--product .ap-link a::after{content:"";width:1.8666vw;height:1.8666vw;display:inline-block;vertical-align:middle;border-color:#fff}
    article.ap-post--story-2024 .ap-section--product .ap-link.is-active{opacity:1;}
    article.ap-post--story-2024 .ap-section--product .swiper{display:block;position:absolute;top:0;left:0}
    article.ap-post--story-2024 .ap-section--product .swiper .swiper-button-next,article.ap-post--story-2024 .ap-section--product .swiper .swiper-button-prev{width:clamp(1px,calc(64 / var(--cont) * 100vw),64px);height:clamp(1px,calc(64 / var(--cont) * 100vw),64px);background-color:rgba(255,255,255,.5);background-image: none; font-size:0;gap:0;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;z-index:1;transform:translateY(-50%)}
    article.ap-post--story-2024 .ap-section--product .swiper .swiper-button-next::before,article.ap-post--story-2024 .ap-section--product .swiper .swiper-button-prev::before{margin-left:.1333vw;border:.015vw solid #000;transform:rotate(-135deg);border-bottom:0;border-left:0;content:"";width:clamp(1px,calc(12 / var(--cont) * 100vw),12px);height:clamp(1px,calc(12 / var(--cont) * 100vw),12px);display:inline-block;vertical-align:middle}
    article.ap-post--story-2024 .ap-section--product .swiper .swiper-button-prev{left:0}
    article.ap-post--story-2024 .ap-section--product .swiper .swiper-button-next{right:0}
    article.ap-post--story-2024 .ap-section--product .swiper .swiper-button-next::before{transform:rotate(45deg)!important}
    article.ap-post--story-2024 .ap-section--product .swiper .swiper-pagination-bullet{width:8px;height:8px;margin:0 clamp(1px,calc(6 / var(--cont) * 100vw),6px);}
    article.ap-post--story-2024 .ap-section--end .ap-section__title{font-size:clamp(9px,calc(64 / var(--cont) * 100vw),64px);font-weight:600;line-height:1}
    article.ap-post--story-2024 .ap-section--end .ap-section__title .ap-logo{width:clamp(1px,calc(182 / var(--cont) * 100vw),182px)}
}

@media screen and (min-width:2560px) {
    article.ap-post--story-2024 .ap-section--product .ap-text{height:auto;margin:auto 0;padding-top:0;}
}

article.ap-post--story-2024.ap-cn p.ap-text__comment {margin-top: clamp(1px, calc(35 / var(--cont) * 100vw), 35px);font-size: clamp(9px, calc(14 / var(--cont) * 100vw), 14px);font-weight: 300;line-height: 1.4285714286;}
@media screen and (max-width: 1024px) {
article.ap-post--story-2024.ap-cn p.ap-text__comment {margin-top: clamp(1px, calc(18 / var(--cont) * 100vw), 18px);font-size: clamp(9px, calc(10 / var(--cont) * 100vw), 10px);font-weight: 300;line-height: 2;}
}
@media screen and (max-width: 768px) {
article.ap-post--story-2024.ap-cn p.ap-text__comment {margin-top: clamp(1px, calc(20 / var(--cont) * 100vw), 20px);font-size: clamp(9px, calc(20 / var(--cont) * 100vw), 20px);font-weight: 300;line-height: 1.5;}
}