#wrap.brand.brandstory .content{padding:0}#wrap.brand.brandstory .sec01{width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}#wrap.brand.brandstory .sec01 .box{padding:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));position:relative}#wrap.brand.brandstory .sec01 .box .line{position:absolute;left:0;top:0;width:100%;height:100%}#wrap.brand.brandstory .sec01 .box .line i.vertical{width:2px;height:100vh;position:absolute;top:50%;transform:translateY(-50%)}#wrap.brand.brandstory .sec01 .box .line i.vertical.type1{left:0;background:linear-gradient(90deg, rgba(229, 231, 235, 0) 0%, #E5E7EB 50%, rgba(229, 231, 235, 0) 100%)}#wrap.brand.brandstory .sec01 .box .line i.vertical.type2{right:0;background:linear-gradient(90deg, rgba(229, 231, 235, 0) 0%, #E5E7EB 50%, rgba(229, 231, 235, 0) 100%)}#wrap.brand.brandstory .sec01 .box .line i.horizontal{width:100vw;height:2px;position:absolute;left:50%;transform:translateX(-50%)}#wrap.brand.brandstory .sec01 .box .line i.horizontal.type1{top:0;background:#e5e7eb}#wrap.brand.brandstory .sec01 .box .line i.horizontal.type2{bottom:0;background:#e5e7eb}#wrap.brand.brandstory .sec01 .box .logo_area{width:max(calc(666px * var(--base-ratio)), calc(calc(666 / var(--base-size)) * var(--base-percent)));height:max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent)));position:relative}#wrap.brand.brandstory .sec01 .box .logo_area .line i.vertical{width:auto;background:rgba(0,0,0,0);border-left:2px dashed #e5e7eb}#wrap.brand.brandstory .sec01 .box .logo_area .line i.horizontal{height:auto;background:rgba(0,0,0,0);border-top:2px dashed #e5e7eb}#wrap.brand.brandstory .sec01 .box .logo_area .logo{width:100%;height:100%;display:flex;flex-direction:column}#wrap.brand.brandstory .sec01 .box .logo_area .logo .the{width:auto;height:max(calc(166px * var(--base-ratio)), calc(calc(166 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec01 .box .logo_area .logo .platinum{margin-top:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));width:auto;height:max(calc(115px * var(--base-ratio)), calc(calc(115 / var(--base-size)) * var(--base-percent)));-webkit-clip-path:inset(0% 0% 100% 0%);clip-path:inset(0% 0% 100% 0%);transition:-webkit-clip-path 1s .3s;transition:clip-path 1s .3s;transition:clip-path 1s .3s, -webkit-clip-path 1s .3s}#wrap.brand.brandstory .sec01.active .box .logo_area .logo .platinum{-webkit-clip-path:inset(0% 0% 0% 0%);clip-path:inset(0% 0% 0% 0%)}@media(max-width: 1024px){#wrap.brand.brandstory .sec01 .box{padding:max(calc(85px * var(--base-ratio)), calc(calc(85 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec01 .box .logo_area{width:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)));height:max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec01 .box .logo_area .logo .the{height:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec01 .box .logo_area .logo .platinum{margin-top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));height:max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 1024px){#wrap.brand.brandstory .sec01 .box{padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec01 .box .logo_area{width:max(calc(260px * var(--base-ratio)), calc(calc(260 / var(--base-size)) * var(--base-percent)));height:max(calc(118px * var(--base-ratio)), calc(calc(118 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec01 .box .logo_area .logo .the{height:max(calc(65px * var(--base-ratio)), calc(calc(65 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec01 .box .logo_area .logo .platinum{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));height:max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent)))}}#wrap.brand.brandstory .sec02{position:relative;margin-top:-100vh;height:900vh}#wrap.brand.brandstory .sec02 .scroll_txt{position:absolute;left:0;bottom:max(calc(42px * var(--base-ratio)), calc(calc(42 / var(--base-size)) * var(--base-percent)));width:100%;text-align:center;transition:.3s}#wrap.brand.brandstory .sec02 .scroll_txt i{display:block;width:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));margin:0 auto;-webkit-animation:scrollTxt .6s linear infinite alternate;animation:scrollTxt .6s linear infinite alternate}#wrap.brand.brandstory .sec02 .scroll_txt p{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));text-align:center;font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3;font-weight:500;color:#fff}#wrap.brand.brandstory .sec02 .scroll_txt.active{opacity:0}@-webkit-keyframes scrollTxt{from{transform:translateY(0)}to{transform:translateY(30%)}}@keyframes scrollTxt{from{transform:translateY(0)}to{transform:translateY(30%)}}#wrap.brand.brandstory .sec02 .one_wrap{width:100%;height:100%;position:relative;z-index:1}#wrap.brand.brandstory .sec02 .one_wrap .bg{--r:50vw;width:100%;height:100%;background:#000;-webkit-clip-path:circle(var(--r) at 50% calc(50vw + 100% - (100vh - max(calc(500px * var(--base-ratio)), calc(calc(500 / var(--base-size)) * var(--base-percent)))) / 2));clip-path:circle(var(--r) at 50% calc(50vw + 100% - (100vh - max(calc(500px * var(--base-ratio)), calc(calc(500 / var(--base-size)) * var(--base-percent)))) / 2))}#wrap.brand.brandstory .sec02 .one_wrap .bg video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#wrap.brand.brandstory .sec02 .one_wrap .txt_area{position:absolute;left:0;top:0;width:100%;height:100%;transform:translateY(100%);transition:opacity .6s,visibility .6s}#wrap.brand.brandstory .sec02 .one_wrap .txt_area ul{position:absolute;left:0;top:0;width:100%;height:100%}#wrap.brand.brandstory .sec02 .one_wrap .txt_area ul li{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center}#wrap.brand.brandstory .sec02 .one_wrap .txt_area ul li p{font-size:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-weight:500;color:#fff;line-height:1.5}#wrap.brand.brandstory .sec02 .one_wrap .txt_area ul li.txt1{transition:.5s}#wrap.brand.brandstory .sec02 .one_wrap .txt_area ul li.txt1.active{opacity:0;visibility:hidden}#wrap.brand.brandstory .sec02 .one_wrap .txt_area ul li.txt2{opacity:0;visibility:hidden;transform:translateY(10%);transition:.5s}#wrap.brand.brandstory .sec02 .one_wrap .txt_area ul li.txt2.active{opacity:1;visibility:visible;transform:translateY(0)}#wrap.brand.brandstory .sec02 .one_wrap .txt_area.active{opacity:0;visibility:hidden}#wrap.brand.brandstory .sec02 .one_wrap .mask_area{--textAlign:0%;position:absolute;left:0;top:0;width:100%;height:100%;align-items:center;justify-content:center;display:none}#wrap.brand.brandstory .sec02 .one_wrap .mask_area.active{display:flex}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box{width:max(calc(800px * var(--base-ratio)), calc(calc(800 / var(--base-size)) * var(--base-percent)));height:max(calc(420px * var(--base-ratio)), calc(calc(420 / var(--base-size)) * var(--base-percent)));position:relative;display:flex;align-items:center;justify-content:center}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text{display:flex;flex-direction:column;position:absolute}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text span{display:flex;width:100%;font-size:max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-family:"Proza Libre",sans-serif;font-weight:500;line-height:1;color:#fff;visibility:hidden;-webkit-clip-path:inset(100% 0 0 0);clip-path:inset(100% 0 0 0);transition:visibility .2s,-webkit-clip-path .2s;transition:clip-path .2s,visibility .2s;transition:clip-path .2s,visibility .2s,-webkit-clip-path .2s}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text span.active{visibility:visible;-webkit-clip-path:inset(0% 0 0 0);clip-path:inset(0% 0 0 0);transition:visibility .8s,-webkit-clip-path .8s;transition:clip-path .8s,visibility .8s;transition:clip-path .8s,visibility .8s,-webkit-clip-path .8s}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text.left{width:max(calc(490px * var(--base-ratio)), calc(calc(490 / var(--base-size)) * var(--base-percent)));height:max(calc(280px * var(--base-ratio)), calc(calc(280 / var(--base-size)) * var(--base-percent)));align-items:start;left:0;top:0}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text.left span{justify-content:start}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text.left span.txt1:before{content:"";width:var(--textAlign);height:100%}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text.right{width:max(calc(430px * var(--base-ratio)), calc(calc(430 / var(--base-size)) * var(--base-percent)));height:max(calc(280px * var(--base-ratio)), calc(calc(280 / var(--base-size)) * var(--base-percent)));align-items:end;right:0;bottom:0}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text.right span{justify-content:end}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text.right span.txt1:after{content:"";width:var(--textAlign);height:100%}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .line{width:100%;height:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));padding-left:max(calc(590px * var(--base-ratio)), calc(calc(590 / var(--base-size)) * var(--base-percent)));padding-right:max(calc(530px * var(--base-ratio)), calc(calc(530 / var(--base-size)) * var(--base-percent)));position:relative}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .line .offset{width:100%;height:100%}#wrap.brand.brandstory .sec02 .two_wrap{width:100%;height:100%;margin-top:-100vh;position:relative;z-index:2;--sectionMaskT:100%;--sectionMaskR:100%;--sectionMaskB:100%;--sectionMaskL:100%;--dimOpacity:1;-webkit-clip-path:inset(var(--sectionMaskT) var(--sectionMaskR) var(--sectionMaskB) var(--sectionMaskL));clip-path:inset(var(--sectionMaskT) var(--sectionMaskR) var(--sectionMaskB) var(--sectionMaskL))}#wrap.brand.brandstory .sec02 .two_wrap.active:before{display:none}#wrap.brand.brandstory .sec02 .two_wrap.active .slider_area ul li .tit{opacity:1;transform:translateY(0);transition:.5s .2s}#wrap.brand.brandstory .sec02 .two_wrap.active .slider_area ul li .num{opacity:1;transform:translateY(0);transition:.5s .2s}#wrap.brand.brandstory .sec02 .two_wrap.active .slider_area ul li .card{-webkit-clip-path:inset(0% 0 0% 0);clip-path:inset(0% 0 0% 0);transition:.5s .2s}#wrap.brand.brandstory .sec02 .two_wrap:before{content:"";position:absolute;z-index:2;left:0;top:0;z-index:10;width:100%;height:100%;background:#fff;opacity:var(--dimOpacity)}#wrap.brand.brandstory .sec02 .two_wrap .slider_area{width:100%;height:100%;position:relative;z-index:1}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul{width:100%;height:100%;position:relative;background:#000}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)));transform:translateY(100%) scale(0.8);transition:1s;-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li.active{transform:translateY(0) scale(1)}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li.active_end{transform:translateY(-90%) scale(0.7) rotate(10deg);opacity:0}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .tit{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-family:"Proza Libre",sans-serif;font-weight:500;line-height:1;color:#fff;transform:translateY(100%);opacity:0;transition:.2s}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .num{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-family:"Proza Libre",sans-serif;font-weight:500;line-height:1;color:#fff;transform:translateY(-100%);opacity:0;transition:.2s}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card{width:max(calc(460px * var(--base-ratio)), calc(calc(460 / var(--base-size)) * var(--base-percent)));background:#fff;border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));-webkit-clip-path:inset(50% 0 50% 0);clip-path:inset(50% 0 50% 0);transition:-webkit-clip-path .2s;transition:clip-path .2s;transition:clip-path .2s, -webkit-clip-path .2s}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card .video_area{position:relative;width:100%;height:auto;padding-top:63%;overflow:hidden}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card .video_area video{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:102%;height:102%;-o-object-fit:cover;object-fit:cover}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card .video_area p{position:absolute;right:0;bottom:0;text-align:right;padding:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent))) max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-weight:500;color:#fff}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card .txt_area{padding:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) 0 max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));text-align:center}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card .txt_area dl dt{font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-family:"Proza Libre",sans-serif;word-break:keep-all;word-wrap:break-word;font-weight:500;line-height:1.3;color:#161d27}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card .txt_area dl dd strong{display:block;margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-weight:700;line-height:1.3;color:#161d27}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card .txt_area dl dd p{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-weight:500;line-height:1.5;color:#4b5563}@media(max-width: 1024px){#wrap.brand.brandstory .sec02{height:800vh}#wrap.brand.brandstory .sec02 .scroll_txt p{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em}#wrap.brand.brandstory .sec02 .one_wrap .bg{--r:80vw;-webkit-clip-path:circle(var(--r) at 50% calc(80vw + 100% - (100vh - max(calc(278px * var(--base-ratio)), calc(calc(278 / var(--base-size)) * var(--base-percent)))) / 2));clip-path:circle(var(--r) at 50% calc(80vw + 100% - (100vh - max(calc(278px * var(--base-ratio)), calc(calc(278 / var(--base-size)) * var(--base-percent)))) / 2))}#wrap.brand.brandstory .sec02 .one_wrap .txt_area ul li p{font-size:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box{width:max(calc(340px * var(--base-ratio)), calc(calc(340 / var(--base-size)) * var(--base-percent)));height:max(calc(193px * var(--base-ratio)), calc(calc(193 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text span{font-size:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text.left{width:max(calc(210px * var(--base-ratio)), calc(calc(210 / var(--base-size)) * var(--base-percent)));height:max(calc(132px * var(--base-ratio)), calc(calc(132 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text.right{width:max(calc(183px * var(--base-ratio)), calc(calc(183 / var(--base-size)) * var(--base-percent)));height:max(calc(132px * var(--base-ratio)), calc(calc(132 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .line{width:100%;height:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));padding-left:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)));padding-right:max(calc(210px * var(--base-ratio)), calc(calc(210 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li{justify-content:space-between;padding:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))) 0;gap:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card{width:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)));padding:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card .video_area p{padding:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card .txt_area{padding:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))) 0 max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card .txt_area dl dd strong{margin-top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card .txt_area dl dd p{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.brand.brandstory .sec02 .one_wrap .bg{--r:120vw;-webkit-clip-path:circle(var(--r) at 50% calc(120vw + 100% - (100vh - max(calc(278px * var(--base-ratio)), calc(calc(278 / var(--base-size)) * var(--base-percent)))) / 2));clip-path:circle(var(--r) at 50% calc(120vw + 100% - (100vh - max(calc(278px * var(--base-ratio)), calc(calc(278 / var(--base-size)) * var(--base-percent)))) / 2))}#wrap.brand.brandstory .sec02 .one_wrap .txt_area ul li p{font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box{width:100%;height:max(calc(240px * var(--base-ratio)), calc(calc(240 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text.left{width:100%;height:auto}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text.left span{justify-content:center}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text.right{width:100%;height:auto}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .text.right span{justify-content:center}#wrap.brand.brandstory .sec02 .one_wrap .mask_area .box .line{width:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));height:100%;padding:0;padding-top:max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent)));padding-bottom:max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li{padding:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card{width:100%}#wrap.brand.brandstory .sec02 .two_wrap .slider_area ul li .card .txt_area{padding:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) 0 max(calc(46px * var(--base-ratio)), calc(calc(46 / var(--base-size)) * var(--base-percent)))}}#wrap.brand.brandstory .sec03{margin:max(calc(260px * var(--base-ratio)), calc(calc(260 / var(--base-size)) * var(--base-percent))) auto;overflow:hidden}#wrap.brand.brandstory .sec03 .tit{margin-bottom:max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec03 .tit p{font-size:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-family:"Proza Libre",sans-serif;font-weight:500;line-height:1.5;color:#161d27}#wrap.brand.brandstory .sec03 .swiper-container{overflow:visible}#wrap.brand.brandstory .sec03 .swiper-container .swiper-slide{width:auto;height:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)));display:flex;align-items:center;cursor:pointer}#wrap.brand.brandstory .sec03 .swiper-container .swiper-slide .img_area{width:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)));height:100%;border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));overflow:hidden}#wrap.brand.brandstory .sec03 .swiper-container .swiper-slide .img_area img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#wrap.brand.brandstory .sec03 .swiper-container .swiper-slide .txt_area{min-width:max(calc(270px * var(--base-ratio)), calc(calc(270 / var(--base-size)) * var(--base-percent)));width:auto;height:100%;display:flex;flex-direction:column;justify-content:center;padding:0 max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent))) 0 max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec03 .swiper-container .swiper-slide .txt_area strong{display:block;font-size:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-family:"Proza Libre",sans-serif;font-weight:400;line-height:1.3;color:#223d6d}#wrap.brand.brandstory .sec03 .swiper-container .swiper-slide .txt_area p{margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-weight:500;line-height:1.5;color:#4b5563}#wrap.brand.brandstory .sec03 .swiper-scrollbar{margin-top:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){#wrap.brand.brandstory .sec03{margin:max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent))) auto}#wrap.brand.brandstory .sec03 .tit{margin-bottom:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec03 .tit p{font-size:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.brand.brandstory .sec03 .swiper-container .swiper-slide{display:block;width:max(calc(246px * var(--base-ratio)), calc(calc(246 / var(--base-size)) * var(--base-percent)));height:auto;display:block}#wrap.brand.brandstory .sec03 .swiper-container .swiper-slide .img_area{width:100%;height:max(calc(246px * var(--base-ratio)), calc(calc(246 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec03 .swiper-container .swiper-slide .txt_area{min-width:0;width:100%;height:auto;display:block;padding:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0 0}#wrap.brand.brandstory .sec03 .swiper-container .swiper-slide .txt_area strong{font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.brand.brandstory .sec03 .swiper-container .swiper-slide .txt_area p{margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.brand.brandstory .sec03 .swiper-scrollbar{margin-top:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)))}}#wrap.brand.brandstory .sec04{margin:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent))) auto}#wrap.brand.brandstory .sec04 .top .tit p{font-size:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-family:"Proza Libre",sans-serif;word-break:keep-all;word-wrap:break-word;font-weight:500;line-height:1.5;color:#161d27}#wrap.brand.brandstory .sec04 .top .banner{margin-top:max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent)));padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));height:max(calc(540px * var(--base-ratio)), calc(calc(540 / var(--base-size)) * var(--base-percent)));position:relative;display:flex;flex-direction:column;justify-content:space-between;background:url("/resources/images/brand/brandstory/sec04_top_banner_bg_pc.jpg") center no-repeat;background-size:cover}#wrap.brand.brandstory .sec04 .top .banner strong{display:block;font-size:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-family:"Proza Libre",sans-serif;font-weight:500;color:#fff;line-height:1.3}#wrap.brand.brandstory .sec04 .top .banner p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-weight:400;color:#fff;line-height:1.5}#wrap.brand.brandstory .sec04 .bot{margin-top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)));display:flex;justify-content:space-between}#wrap.brand.brandstory .sec04 .bot .left{width:calc(100% - max(calc(1056px * var(--base-ratio)), calc(calc(1056 / var(--base-size)) * var(--base-percent))));padding-right:max(calc(170px * var(--base-ratio)), calc(calc(170 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .left strong{font-size:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-family:"Proza Libre",sans-serif;font-weight:500;color:#161d27;line-height:1.3}#wrap.brand.brandstory .sec04 .bot .left p{margin-top:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-weight:500;color:#4b5563;line-height:1.5}#wrap.brand.brandstory .sec04 .bot .left p+p{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .left .btn{margin-top:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right{width:max(calc(1056px * var(--base-ratio)), calc(calc(1056 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_top{display:flex;height:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_top .logo_area{width:max(calc(616px * var(--base-ratio)), calc(calc(616 / var(--base-size)) * var(--base-percent)));height:100%;background:url("/resources/images/brand/brandstory/sec04_bi_bg.jpg") center repeat;background-size:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));border:1px solid #d1d5db;border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) 0 0 max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));display:flex;align-items:center;justify-content:center}#wrap.brand.brandstory .sec04 .bot .right .bi_top .logo_area i img{width:max(calc(408px * var(--base-ratio)), calc(calc(408 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_top .txt_area{width:calc(100% - max(calc(616px * var(--base-ratio)), calc(calc(616 / var(--base-size)) * var(--base-percent))));padding:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));height:100%;background:#172c56;display:flex;align-items:end;flex-direction:column;justify-content:space-between;border-radius:0 max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) 0}#wrap.brand.brandstory .sec04 .bot .right .bi_top .txt_area p{font-size:max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-family:"Proza Libre",sans-serif;font-weight:500;color:#fff;line-height:1.2;text-align:right}#wrap.brand.brandstory .sec04 .bot .right .bi_top .txt_area ul li{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:400;color:#fff;line-height:1.3;text-align:right}#wrap.brand.brandstory .sec04 .bot .right .bi_top .txt_area ul li+li{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_list{margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_list ul{display:flex;flex-wrap:wrap;gap:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_list ul li{flex:1}#wrap.brand.brandstory .sec04 .bot .right .bi_list ul li .logo_area{border:1px solid #d1d5db;border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));background:#fff;height:max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent)));display:flex;align-items:center;justify-content:center}#wrap.brand.brandstory .sec04 .bot .right .bi_list ul li .logo_area i img{width:auto;height:max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_list ul li .txt_area{padding-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_list ul li .txt_area p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:500;line-height:1.3;color:#6b7280}@media(max-width: 1024px){#wrap.brand.brandstory .sec04{margin:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent))) auto}#wrap.brand.brandstory .sec04 .top .tit p{font-size:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.brand.brandstory .sec04 .top .banner{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));padding:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));height:max(calc(320px * var(--base-ratio)), calc(calc(320 / var(--base-size)) * var(--base-percent)));background:url("/resources/images/brand/brandstory/sec04_top_banner_bg_tablet.jpg") center no-repeat;background-size:cover}#wrap.brand.brandstory .sec04 .top .banner strong{font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.brand.brandstory .sec04 .top .banner p{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.brand.brandstory .sec04 .bot{margin-top:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)));display:block}#wrap.brand.brandstory .sec04 .bot .left{width:100%;padding-right:0}#wrap.brand.brandstory .sec04 .bot .left strong{font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.brand.brandstory .sec04 .bot .left p{margin-top:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.brand.brandstory .sec04 .bot .left p+p{margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .left .btn{margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right{margin-top:max(calc(70px * var(--base-ratio)), calc(calc(70 / var(--base-size)) * var(--base-percent)));width:100%}#wrap.brand.brandstory .sec04 .bot .right .bi_top{height:max(calc(260px * var(--base-ratio)), calc(calc(260 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_top .logo_area{width:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)));background-size:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_top .logo_area i img{width:max(calc(265px * var(--base-ratio)), calc(calc(265 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_top .txt_area{width:calc(100% - max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent))));padding:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent))) max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_top .txt_area p{font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.2}#wrap.brand.brandstory .sec04 .bot .right .bi_top .txt_area ul li{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.brand.brandstory .sec04 .bot .right .bi_top .txt_area ul li+li{margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_list ul{gap:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_list ul li .logo_area{height:max(calc(130px * var(--base-ratio)), calc(calc(130 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_list ul li .logo_area i img{height:max(calc(91px * var(--base-ratio)), calc(calc(91 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_list ul li .txt_area{padding-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_list ul li .txt_area p{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}}@media(max-width: 767px){#wrap.brand.brandstory .sec04 .top .banner{padding:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));height:max(calc(440px * var(--base-ratio)), calc(calc(440 / var(--base-size)) * var(--base-percent)));background:url("/resources/images/brand/brandstory/sec04_top_banner_bg_m.jpg") center no-repeat;background-size:cover}#wrap.brand.brandstory .sec04 .bot{margin-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_top{height:auto;display:block}#wrap.brand.brandstory .sec04 .bot .right .bi_top .logo_area{width:100%;height:max(calc(218px * var(--base-ratio)), calc(calc(218 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) 0 0;background-size:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_top .logo_area i img{width:max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_top .txt_area{width:100%;height:auto;gap:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));padding:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));border-radius:0 0 max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_top .txt_area ul li+li{margin-top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_list ul{flex-direction:column;gap:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec04 .bot .right .bi_list ul li{width:100%}}#wrap.brand.brandstory .sec05{height:max(calc(600px * var(--base-ratio)), calc(calc(600 / var(--base-size)) * var(--base-percent)));position:relative;z-index:1;overflow:hidden;--bgAttachment:0%}#wrap.brand.brandstory .sec05:before{content:"";width:100%;height:100vh;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1;background:url("/resources/images/brand/brandstory/sec05_bg_pc.jpg") 50% 50% no-repeat;background-size:100%;background-position:center calc(100% - var(--bgAttachment))}#wrap.brand.brandstory .sec05 .row_wrap{height:100%}#wrap.brand.brandstory .sec05 .row_wrap .row{height:100%}#wrap.brand.brandstory .sec05 .row_wrap .row .inner{height:100%;display:flex;align-items:center}#wrap.brand.brandstory .sec05 .row_wrap .row .inner .txt span{display:block;font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:500;line-height:1.3;color:#fff}#wrap.brand.brandstory .sec05 .row_wrap .row .inner .txt strong{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));display:block;font-size:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:700;line-height:1.3;color:#fff}#wrap.brand.brandstory .sec05 .row_wrap .row .inner .txt p{margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:400;line-height:1.5;color:#fff}#wrap.brand.brandstory .sec05 .row_wrap .row .inner .txt .btn{margin-top:max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){#wrap.brand.brandstory .sec05{height:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)))}#wrap.brand.brandstory .sec05 .row_wrap .row [class*=col]{height:100%}#wrap.brand.brandstory .sec05 .row_wrap .row .inner .txt span{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.brand.brandstory .sec05 .row_wrap .row .inner .txt strong{margin-top:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.brand.brandstory .sec05 .row_wrap .row .inner .txt p{margin-top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.brand.brandstory .sec05 .row_wrap .row .inner .txt .btn{margin-top:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.brand.brandstory .sec05:before{background:url("/resources/images/brand/brandstory/sec05_bg_m.jpg") center no-repeat;background-size:100%;background-position:center calc(120% - var(--bgAttachment))}}#wrap.brand.news.view .sec01{padding-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){#wrap.brand.news.view .sec01{padding-top:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 1024px){#wrap.brand.media .tab_search_wrap .search_area .input_area{width:100%}}#wrap.brand.awards .content{padding:0}#wrap.brand.awards .sub_visual{padding:max(calc(320px * var(--base-ratio)), calc(calc(320 / var(--base-size)) * var(--base-percent))) 0 max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){#wrap.brand.awards .sub_visual{padding:max(calc(224px * var(--base-ratio)), calc(calc(224 / var(--base-size)) * var(--base-percent))) 0 max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.brand.awards .sub_visual{padding:max(calc(184px * var(--base-ratio)), calc(calc(184 / var(--base-size)) * var(--base-percent))) 0 max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}}#wrap.brand.awards .sec01{margin-top:-100vh;height:200vh;pointer-events:none}#wrap.brand.awards .sec01 .bg_wrap{--r:50vw;--opacity:0;width:100%;height:100%;-webkit-clip-path:circle(var(--r) at 50% calc(50vw + 100% - (100vh - max(calc(500px * var(--base-ratio)), calc(calc(500 / var(--base-size)) * var(--base-percent))))));clip-path:circle(var(--r) at 50% calc(50vw + 100% - (100vh - max(calc(500px * var(--base-ratio)), calc(calc(500 / var(--base-size)) * var(--base-percent))))))}#wrap.brand.awards .sec01 .bg_wrap .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("/resources/images/brand/awards/sec01_bg_w.jpg");transform:translateY(max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent))))}#wrap.brand.awards .sec01 .bg_wrap .bg:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;opacity:var(--opacity);background:rgba(0,0,0,.7)}#wrap.brand.awards .sec01 .bg_wrap .txt{width:100%;height:100%;position:absolute;left:0;top:0;transform:translateY(100%);display:flex;align-items:center;justify-content:center}#wrap.brand.awards .sec01 .bg_wrap .txt p{font-size:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;line-height:1.5;font-weight:500;color:#fff;text-align:center}#wrap.brand.awards .sec01 .bg_wrap .scroll_txt{position:absolute;left:0;bottom:max(calc(35px * var(--base-ratio)), calc(calc(35 / var(--base-size)) * var(--base-percent)));width:100%;text-align:center;transition:.3s}#wrap.brand.awards .sec01 .bg_wrap .scroll_txt i{display:block;width:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));margin:0 auto;-webkit-animation:scrollTxt .6s linear infinite alternate;animation:scrollTxt .6s linear infinite alternate}#wrap.brand.awards .sec01 .bg_wrap .scroll_txt p{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));text-align:center;font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3;font-weight:500;color:#fff}#wrap.brand.awards .sec01 .bg_wrap .scroll_txt.active{opacity:0}@keyframes scrollTxt{from{transform:translateY(0)}to{transform:translateY(30%)}}#wrap.brand.awards .sec01.active{pointer-events:auto}@media(max-width: 1024px){#wrap.brand.awards .sec01 .bg_wrap{--r:80vw;-webkit-clip-path:circle(var(--r) at 50% calc(80vw + 100% - (100vh - max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent))))));clip-path:circle(var(--r) at 50% calc(80vw + 100% - (100vh - max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent))))))}#wrap.brand.awards .sec01 .bg_wrap .bg{background-image:url("/resources/images/brand/awards/sec01_bg_t.jpg");transform:translateY(max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent))))}#wrap.brand.awards .sec01 .bg_wrap .txt{padding:0 max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}#wrap.brand.awards .sec01 .bg_wrap .txt p{font-size:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5;text-align:center}#wrap.brand.awards .sec01 .bg_wrap .scroll_txt p{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em}}@media(max-width: 767px){#wrap.brand.awards .sec01 .bg_wrap{--r:100vw;-webkit-clip-path:circle(var(--r) at 50% calc(100vw + 100% - (100vh - max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent))))));clip-path:circle(var(--r) at 50% calc(100vw + 100% - (100vh - max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent))))))}#wrap.brand.awards .sec01 .bg_wrap .bg{background-image:url("/resources/images/brand/awards/sec01_bg_m.jpg");transform:translateY(max(calc(150px * var(--base-ratio)), calc(calc(150 / var(--base-size)) * var(--base-percent))))}#wrap.brand.awards .sec01 .bg_wrap .txt{padding:0 max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)))}}#wrap.brand.awards .sec02 .history_lnb_wrap{position:-webkit-sticky;position:sticky;left:0;top:0;width:100%;z-index:10;background:#223d6d}#wrap.brand.awards .sec02 .history_lnb_wrap ul{display:flex}#wrap.brand.awards .sec02 .history_lnb_wrap ul li{flex:1}#wrap.brand.awards .sec02 .history_lnb_wrap ul li a{display:flex;align-items:center;justify-content:center;height:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)));font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3;color:#ced5e2;font-weight:400}#wrap.brand.awards .sec02 .history_lnb_wrap ul li.active a{color:#fff;font-weight:700}#wrap.brand.awards .sec02 .history_cont_wrap{padding:max(calc(250px * var(--base-ratio)), calc(calc(250 / var(--base-size)) * var(--base-percent))) 0 max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent)))}#wrap.brand.awards .sec02 .history_cont_wrap .con{position:relative}#wrap.brand.awards .sec02 .history_cont_wrap .con .tit_area{position:absolute;left:0;top:max(calc(calc(calc(84 / var(--base-size)) * var(--base-percent)) * -1))}#wrap.brand.awards .sec02 .history_cont_wrap .con .tit_area h3{font-size:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5;font-weight:700;color:#161d27}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area{display:flex;padding-bottom:max(calc(190px * var(--base-ratio)), calc(calc(190 / var(--base-size)) * var(--base-percent)));position:relative;--progress:0%}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area:before,#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area:after{content:"";width:1px;position:absolute;left:max(calc(566px * var(--base-ratio)), calc(calc(566 / var(--base-size)) * var(--base-percent)));top:max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)))}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area:before{background-color:#d1d5db;height:100%}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area:after{background-color:#223d6d;height:var(--progress)}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .img{width:max(calc(512px * var(--base-ratio)), calc(calc(512 / var(--base-size)) * var(--base-percent)));height:max(calc(285px * var(--base-ratio)), calc(calc(285 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));overflow:hidden}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text{width:calc(100% - max(calc(512px * var(--base-ratio)), calc(calc(512 / var(--base-size)) * var(--base-percent))));padding-left:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));position:relative}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text .progress{width:max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)));height:max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)));position:absolute;left:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent)));top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));z-index:1}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text .progress:before{content:"";width:max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent)));height:max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent)));border-radius:50%;background:#dbe0e9;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0);opacity:0;transition:.4s;z-index:1}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text .progress:after{content:"";width:100%;height:100%;border-radius:50%;background:#dbe0e9;z-index:2;display:block;position:relative;transition:.4s}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text dl{display:flex;align-items:start}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text dl dt{width:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:700;line-height:1.5;color:#161d27}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text dl dd{width:calc(100% - max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))));padding-left:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text dl dd p{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;font-weight:400;line-height:1.5;color:#4b5563}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text dl dd p+p{margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text dl+dl{margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.brand.awards .sec02 .history_cont_wrap .con.active .box_area .text .progress:before{transform:translate(-50%, -50%) scale(1);opacity:1}#wrap.brand.awards .sec02 .history_cont_wrap .con.active .box_area .text .progress:after{background:#223d6d}#wrap.brand.awards .sec02 .history_cont_wrap .con:last-child .box_area{padding-bottom:0}#wrap.brand.awards .sec02 .history_cont_wrap .con:last-child .box_area:before,#wrap.brand.awards .sec02 .history_cont_wrap .con:last-child .box_area:after{display:none}@media(max-width: 1024px){#wrap.brand.awards .sec02 .history_lnb_wrap ul li a{height:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.brand.awards .sec02 .history_cont_wrap{padding:max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent))) 0 max(calc(168px * var(--base-ratio)), calc(calc(168 / var(--base-size)) * var(--base-percent)))}#wrap.brand.awards .sec02 .history_cont_wrap .con .tit_area{top:max(calc(calc(calc(57 / var(--base-size)) * var(--base-percent)) * -1))}#wrap.brand.awards .sec02 .history_cont_wrap .con .tit_area h3{font-size:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area{padding-bottom:max(calc(142px * var(--base-ratio)), calc(calc(142 / var(--base-size)) * var(--base-percent)))}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area:before,#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area:after{display:none}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .img{width:max(calc(334px * var(--base-ratio)), calc(calc(334 / var(--base-size)) * var(--base-percent)));height:max(calc(186px * var(--base-ratio)), calc(calc(186 / var(--base-size)) * var(--base-percent)))}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text{width:calc(100% - max(calc(334px * var(--base-ratio)), calc(calc(334 / var(--base-size)) * var(--base-percent))));padding-left:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text .progress{display:none}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text dl dt{width:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text dl dd{width:calc(100% - max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent))));padding-left:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text dl dd p{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text dl+dl{margin-top:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.brand.awards .sec02 .history_lnb_wrap ul{overflow-x:auto}#wrap.brand.awards .sec02 .history_lnb_wrap ul li{min-width:max(calc(170px * var(--base-ratio)), calc(calc(170 / var(--base-size)) * var(--base-percent)))}#wrap.brand.awards .sec02 .history_cont_wrap{padding:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent))) 0}#wrap.brand.awards .sec02 .history_cont_wrap .con .tit_area{position:relative;inset:auto}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area{flex-direction:column;padding-bottom:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .img{width:100%;height:auto;position:relative;padding-top:56%}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .img img{position:absolute;left:0;top:0}#wrap.brand.awards .sec02 .history_cont_wrap .con .box_area .text{width:100%;padding:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent))) 0 0}}