.wrap.story .kv{ margin-bottom:80px; }
.wrap.story .kv img{ height:200px; object-fit:cover; }
.wrap.story .video_bg{ background:url(../images/video_bg.svg); background-size:cover; margin:48px auto; padding:20px 30px 20px 20px;}

.wrap.story .partner_list{ display:flex; flex-direction:column; gap:60px; } 
.wrap.story .partner_list li{ width:100%; }
.wrap.story .partner_list li .bg{ width:100%; position:sticky; top:0; right:0; z-index:0; overflow:clip;}
.wrap.story .partner_list li .bg img{ width:100%; height:110vw; object-fit:cover; }
.wrap.story .partner_list li figure{ display:flex; flex-direction:column; gap:28px; margin-top:-100px; }
.wrap.story .partner_list li figure:before{ content:''; display:block; position:absolute; left:0; bottom:0; background:#fff; width:100%; height:calc(100% - 220px);}
.wrap.story .partner_list li figure .images_block{ width:70%; max-width:360px; border:solid 1px #EBEBEA; border-radius:180px 180px 0 0; margin:auto; overflow:clip; }
.wrap.story .partner_list li figcaption{ padding:0 40px; width:100%; text-align:right; }
.wrap.story .partner_list li figcaption .btn{ margin-top:24px; }
.wrap.story .partner_list li .title{ position:relative;  text-align:left; padding:28px 0 0 24px; }
.wrap.story .partner_list li .title:before{ content:''; display:block; position:absolute; top:0; left:0; width:90px; height:100%; border:solid 1px #898885; border-right:none; border-bottom:none; border-radius:18px 0 0 0; }
.wrap.story .partner_list li .title h2{ color:#AA8875; margin-bottom:0; /*font-size:clamp(1.6rem, 4.7vw, 2rem);*/ font-size:6vw; font-weight:500; } 
.wrap.story .partner_list li .title h3{ font-size:8.2vw; font-weight:500; margin-bottom:-.3em;  }
.wrap.story .partner_list li .title h3 span{ font-size:clamp(1.6rem, 4.7vw, 2rem); font-weight:500; margin-left:.25em; letter-spacing:.05em; }
.wrap.story .partner_list li .title h4{ font-size:clamp(1.6rem, 4.7vw, 2rem); font-weight:500; margin-bottom:0; }
.wrap.story .partner_list li:nth-of-type(2) .bg img{ object-position:left top; }
.wrap.story .partner_list li:nth-of-type(4) .bg img{ object-position:center bottom; }

.wrap.story .partner_list + .btn{ margin:48px auto 80px; }

/* 直式 */
@media (orientation:portrait){
.wrap.story .partner_list li:nth-of-type(4) .bg img{ height:80vw; }



}
/* 橫式 */
@media (orientation:landscape){
.wrap.story .video_bg{ padding:80px 0;}



}
/* lg applies to medium devices (tablets, less than 992px) */
@media (min-width:991.98px) { 
.wrap.story .kv img{ height:360px; }
.wrap.story .partner_list li figcaption{ padding:0 60px; width:100%; max-width:900px; margin:auto; }
.wrap.story .partner_list li .title h2{ font-size:clamp(3.2rem, 2.4vw ,3.6rem); font-weight:400; margin-bottom:.3em; } 
.wrap.story .partner_list li .title h3{ font-size:clamp(4.2rem, 3.2vw ,4.5rem); margin-bottom:-.1em;}
.wrap.story .partner_list li .title h3 span{ font-size:clamp(2.2rem, 1.6vw ,2.4rem); font-weight:400;}
.wrap.story .partner_list li .title h4{ font-size:clamp(2.2rem, 1.6vw ,2.4rem); font-weight:400; }


}
/* xl applies to large devices (desktops, less than 1200px) */
@media (min-width:1199.98px) { 
.wrap.story .partner_list{ gap:60px; } 
.wrap.story .partner_list li{ position:relative; display:flex; align-items:center; justify-content:center; min-height:100vh; padding:80px 0; } .wrap.story .partner_list li .bg{ position:absolute; width:50%; height:100%;  }
.wrap.story .partner_list li .bg{ width:50%; }
.wrap.story .partner_list li .bg img{ position:sticky; top:0; left:0; height:100%; }
.wrap.story .partner_list li figure{ flex-direction:row-reverse; align-items:center; justify-content:center; gap:48px; margin-top:0; }
.wrap.story .partner_list li:nth-of-type(even) .bg{ left:0; }
.wrap.story .partner_list li:nth-of-type(even) figure{ flex-direction:row; }
.wrap.story .partner_list li figure:before{ position:relative; width:clamp(300px, 26%, 500px); height:100%; background:transparent; }
.wrap.story .partner_list li figure .images_block{ margin:unset; }
.wrap.story .partner_list li figcaption{ width:clamp(400px, 35%, 600px); padding:0; margin:unset; text-align:left;}

.wrap.story .partner_list li .title:before{ width:200%; z-index:-1; }
.wrap.story .partner_list li:nth-of-type(even) .title:before{ border-radius:0 18px 0 0; border-right:solid 1px; border-left:none; left:unset; right:0; }
.wrap.story .partner_list li:nth-of-type(even) .title{ padding:28px 24px 0 0; text-align:right; }




}
/* xxl applies to x-large devices (large desktops, less than 1400px) */
@media (min-width:1399.98px){ 

}