@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";@media(min-width: 1025px){.col-1{flex:0 0 auto;flex-basis:8.3333333333%;width:8.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-1{margin-left:8.3333333333%;position:relative}.col-2{flex:0 0 auto;flex-basis:16.6666666667%;width:16.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-2{margin-left:16.6666666667%;position:relative}.col-3{flex:0 0 auto;flex-basis:25%;width:25%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-3{margin-left:25%;position:relative}.col-4{flex:0 0 auto;flex-basis:33.3333333333%;width:33.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-4{margin-left:33.3333333333%;position:relative}.col-5{flex:0 0 auto;flex-basis:41.6666666667%;width:41.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-5{margin-left:41.6666666667%;position:relative}.col-6{flex:0 0 auto;flex-basis:50%;width:50%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-6{margin-left:50%;position:relative}.col-7{flex:0 0 auto;flex-basis:58.3333333333%;width:58.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-7{margin-left:58.3333333333%;position:relative}.col-8{flex:0 0 auto;flex-basis:66.6666666667%;width:66.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-8{margin-left:66.6666666667%;position:relative}.col-9{flex:0 0 auto;flex-basis:75%;width:75%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-9{margin-left:75%;position:relative}.col-10{flex:0 0 auto;flex-basis:83.3333333333%;width:83.3333333333%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-10{margin-left:83.3333333333%;position:relative}.col-11{flex:0 0 auto;flex-basis:91.6666666667%;width:91.6666666667%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-11{margin-left:91.6666666667%;position:relative}.col-12{flex:0 0 auto;flex-basis:100%;width:100%;padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5);box-sizing:border-box;position:relative}.offset-12{margin-left:100%;position:relative}}*{margin:0;padding:0;font:inherit;font-family:"Inter",sans-serif;color:inherit}*,::after,::before{box-sizing:border-box}:root{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;--page-padding: 1.5rem;text-size-adjust:100%;font-size:12px;cursor:default;line-height:1.2;overflow-wrap:break-word;word-break:break-word;tab-size:4}html,body{height:100%}body{background-color:#fff}img,picture,video,canvas,svg{display:block;max-width:100%}button{background:none;border:0;cursor:pointer}a{text-decoration:none;color:inherit}a:hover{text-decoration:none;color:inherit}table{border-collapse:collapse;border-spacing:0}iframe{overflow:hidden;margin:0;border:0;padding:0;vertical-align:top}ul{list-style:none;padding:0;margin:0}.blind{display:none;position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;text-indent:100%;white-space:nowrap}@media(min-width: 1025px)and (pointer: fine){:root{--pointer: fine}}@media(max-width: 1024px),(max-width: 1366px)and (pointer: coarse){:root{--pointer: coarse}}html{--window-w: 100vw;--window-h: 100vh}:root{--base-ratio: 0.75;--base-size: 1536;--base-percent: 100vw}@media(max-width: 1024px){:root{--base-ratio: 1;--base-size: 1;--base-percent: 1px}}.pc_on{display:block}.tablet_on{display:none}.m_on{display:none}.pc_none{display:none}.tablet_m_on{display:none}.tablet_none{display:block}.m_none{display:block}.laptop_on{display:none}.laptop_none{display:block}@media(max-width: 1535px){.laptop_on{display:block}.laptop_none{display:none}}@media(max-width: 1024px){.laptop_none{display:block}.pc_on{display:none}.tablet_m_on{display:block}.tablet_on{display:block}.m_on{display:none}.pc_none{display:block}.tablet_none{display:none}.m_none{display:block}}@media(max-width: 767px){.laptop_none{display:block}.pc_on{display:none}.tablet_on{display:none}.m_on{display:block}.pc_none{display:block}.tablet_none{display:block}.m_none{display:none}}.sticky{position:sticky;top:max(calc(calc(calc(1 / var(--base-size)) * var(--base-percent)) * -1));left:0;width:100%;height:calc(100vh + max(calc(2px * var(--base-ratio)),calc(calc(2 / var(--base-size)) * var(--base-percent))));overflow:hidden}.row_wrap{padding:0 max(calc(80px * var(--base-ratio)),calc(calc(80 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){.row_wrap{padding:0 max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)))}}.row{position:relative}@media(min-width: 1025px){.row{display:flex;flex-wrap:wrap;margin:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*-0.5)}}.grid_guide{position:fixed;left:0;top:0;width:100%;height:100vh;pointer-events:none;z-index:999999;display:none}.grid_guide.on{display:block}.grid_guide .container{width:100%;height:100%}.grid_guide .row{display:flex;flex-wrap:wrap}.grid_guide .row .content{padding:0;height:100vh;opacity:.5}.grid_guide .row .col-1{flex:0 0 auto;box-sizing:border-box;position:relative}@media(min-width: 1025px){.grid_guide .row{margin:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*-0.5)}.grid_guide .row .content{background-color:pink}.grid_guide .row .col-1{flex-basis:calc(100%/12);width:calc(100%/11);padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5)}.grid_guide .row .col-1:nth-of-type(n + 13){display:none}}@media(min-width: 768px)and (max-width: 1024px){.grid_guide .row{margin:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*-0.5)}.grid_guide .row .content{background-color:#7878ff}.grid_guide .row .col-1{flex-basis:calc(100%/8);width:calc(100%/7);padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5)}.grid_guide .row .col-1:nth-of-type(n + 9){display:none}}@media(max-width: 767px){.grid_guide .row{margin:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*-0.5)}.grid_guide .row .content{background-color:#7878ff}.grid_guide .row .col-1{flex-basis:calc(100%/4);width:calc(100%/3);padding:0 calc(max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))*.5)}.grid_guide .row .col-1:nth-of-type(n + 5){display:none}}:root{--full-height: 100vh;--side-padding: max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}@supports(height: 100vh){:root{--full-height: 100vh}}@media(max-width: 768px){:root{--side-padding: max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}}*{font-family:"Roboto",sans-serif}header{display:grid;grid-template:"title title" "github github" "credit credit" 1fr/auto 1fr;gap:1rem 2rem;justify-items:end;align-content:start;position:fixed;top:0;left:0;z-index:1000;width:100%;height:100vh;padding:var(--page-padding);pointer-events:none}header *{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:inherit}header h1{grid-area:title;font-weight:700;letter-spacing:-0.02rem}header a{grid-area:github;pointer-events:auto}header a:hover{text-decoration:underline}header p{grid-area:credit;place-self:end start}section{background-color:#fff}.sec_intro{overflow-x:hidden}.sec_intro .row{justify-content:center}.sec_intro .inner{position:relative;width:80%;height:var(--full-height);margin:0 auto}.sec_intro .product_title{position:fixed;top:0;left:0;z-index:99;width:100%;padding:var(--side-padding) 0;opacity:1;visibility:visible;transition:.25s}.sec_intro .product_title.hide{opacity:0;visibility:hidden}.sec_intro .product_title .img_wrap{width:max(calc(160px * var(--base-ratio)),calc(calc(160 / var(--base-size)) * var(--base-percent)))}.sec_intro .product_title .img_wrap img{width:100%;height:auto;object-fit:cover}.sec_intro .product_title .img_wrap img:first-child{margin-bottom:max(calc(4px * var(--base-ratio)),calc(calc(4 / var(--base-size)) * var(--base-percent)))}.sec_intro .product_wrap{position:relative;width:100%;height:100%}.sec_intro .product_wrap .swiper{position:relative;width:100%;height:100%}.sec_intro .product_wrap .swiper-slide{position:relative}.sec_intro .product_wrap .swiper-slide img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;object-fit:cover;transition:opacity .5s}.sec_intro .product_wrap .swiper-slide img:nth-child(2){opacity:0}.sec_intro .product_wrap .swiper-navigation{display:flex;align-items:center;justify-content:space-between;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:9;width:100%}.sec_intro .product_wrap .swiper-navigation a{width:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));height:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)))}.sec_intro .product_wrap .product_tab{display:flex;align-items:center;justify-content:center;gap:max(calc(8px * var(--base-ratio)),calc(calc(8 / var(--base-size)) * var(--base-percent)));position:absolute;bottom:max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent)));left:50%;transform:translateX(-50%);z-index:999;width:100%}.sec_intro .product_wrap .product_tab a{position:relative;width:max(calc(24px * var(--base-ratio)),calc(calc(24 / var(--base-size)) * var(--base-percent)));height:max(calc(24px * var(--base-ratio)),calc(calc(24 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(99px * var(--base-ratio)),calc(calc(99 / var(--base-size)) * var(--base-percent)));background-color:#fafafa}.sec_intro .product_wrap .product_tab a.active{border:1px solid #0a0a0a}.sec_intro .product_wrap .product_tab a::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;height:80%;border-radius:inherit}.sec_intro .product_wrap .product_tab a.black::after{background-color:#0a0a0a}.sec_intro .product_wrap .product_tab a.silver::after{background-color:#d9d9d9}@media(max-width: 1024px){.sec_intro .inner{width:100%}.sec_intro .product_title .img_wrap{width:max(calc(80px * var(--base-ratio)),calc(calc(80 / var(--base-size)) * var(--base-percent)))}.sec_intro .product_wrap .swiper-slide img{height:auto}.sec_intro .product_wrap .swiper-navigation{width:calc(100% - max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))))}.sec_intro .product_wrap .swiper-navigation a{width:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)));height:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)))}.sec_intro .product_wrap .product_tab{justify-content:center}}.sec_visual{height:500vh}.sec_visual .background-01{background:url("../images/p1-01.jpg") 100% 100% no-repeat;background-size:cover}.sec_visual .background-02{background:url("../images/p1-02.jpg") 100% 100% no-repeat;background-size:cover}.sec_visual .background-03{background:url("../images/p1-03.jpg") 100% 100% no-repeat;background-size:cover}.sec_visual .background-04{background:url("../images/p1-04.jpg") 100% 100% no-repeat;background-size:cover;background-position:center}.sec_visual .box_wrap{display:flex;height:100%}.sec_visual .box_wrap>div{position:relative;width:50%;height:var(--full-height)}.sec_visual .desc_box{position:relative;height:var(--full-height)}.sec_visual .desc_box .desc{position:absolute;bottom:max(calc(80px * var(--base-ratio)),calc(calc(80 / var(--base-size)) * var(--base-percent)));left:0;width:100%;height:auto;visibility:hidden;opacity:0;transition:opacity 1s}@media(min-width: 1025px){.sec_visual .desc_box .desc{background:unset}}.sec_visual .desc_box .desc .inner{transform:translateY(30%);transition:transform 1s}.sec_visual .desc_box .desc.on{opacity:1;visibility:visible;z-index:1}.sec_visual .desc_box .desc.on .inner{transform:translateY(0)}.sec_visual .desc_box .desc h4{font-size:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;font-weight:700;color:#0a0a0a}.sec_visual .desc_box .desc h4+p{margin-top:max(calc(8px * var(--base-ratio)),calc(calc(8 / var(--base-size)) * var(--base-percent)))}.sec_visual .desc_box .desc h4+ul{margin-top:max(calc(24px * var(--base-ratio)),calc(calc(24 / var(--base-size)) * var(--base-percent)))}.sec_visual .desc_box .desc p{font-size:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}.sec_visual .desc_box .desc ul li{margin-bottom:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)))}.sec_visual .desc_box .desc ul li:nth-child(1) span::before{content:"01"}.sec_visual .desc_box .desc ul li:nth-child(2) span::before{content:"02"}.sec_visual .desc_box .desc ul li:nth-child(3) span::before{content:"03"}.sec_visual .desc_box .desc ul li span{display:block;position:relative;margin-bottom:max(calc(4px * var(--base-ratio)),calc(calc(4 / var(--base-size)) * var(--base-percent)));font-size:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;font-weight:500;color:#0a0a0a}.sec_visual .desc_box .desc ul li span::before{font-size:max(calc(10px * var(--base-ratio)),calc(calc(10 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;vertical-align:top;padding-right:max(calc(4px * var(--base-ratio)),calc(calc(4 / var(--base-size)) * var(--base-percent)))}.sec_visual .desc_box .swiper-pagination{display:none}.sec_visual .bg_box{width:60%}.sec_visual .bg_box .bg_cover{overflow:hidden;position:absolute;top:0;right:0;width:100%;height:var(--full-height);transform:translateY(100%);transition:1s}.sec_visual .bg_box .bg_cover.prev{transform:translateY(0)}.sec_visual .bg_box .bg_cover.prev .bg{transform:translateY(0)}.sec_visual .bg_box .bg_cover.on{transform:translateY(0)}.sec_visual .bg_box .bg_cover.on .bg{transform:translateY(0)}.sec_visual .bg_box .bg_cover .bg{width:100%;height:100%;background-attachment:fixed !important;transform:translateY(-100%);transition:1s}@media(max-width: 1024px){.sec_visual{height:auto}.sec_visual .sticky{position:static;height:auto}.sec_visual .box_wrap{height:auto}.sec_visual .box_wrap>div{width:100%;height:auto}.sec_visual .desc_box .desc{position:static;height:var(--full-height);padding-top:10vh;background-size:contain;background-position:bottom;visibility:visible;opacity:1}.sec_visual .desc_box .desc .inner{height:100%;transform:none}.sec_visual .desc_box .desc h4{font-size:max(calc(24px * var(--base-ratio)),calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}.sec_visual .desc_box .desc p{font-size:max(calc(16px * var(--base-ratio)),calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}.sec_visual .desc_box .swiper-pagination{display:flex;top:0;bottom:unset}.sec_visual .desc_box .swiper-pagination-bullet{display:inline-block;position:relative;width:25%;height:max(calc(4px * var(--base-ratio)),calc(calc(4 / var(--base-size)) * var(--base-percent)));margin:0;border-radius:unset;opacity:1;background:#d9d9d9}.sec_visual .desc_box .swiper-pagination-bullet::before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:#0a0a0a;transition:width .2s}.sec_visual .desc_box .swiper-pagination-bullet-active{background:#d9d9d9}.sec_visual .desc_box .swiper-pagination-bullet-active::before{width:100%}.sec_visual .bg_box{display:none}}.sec_charge{position:relative;height:var(--full-height);overflow:hidden}.sec_charge .parallax_zone{position:relative;height:var(--full-height);overflow:hidden}.sec_charge .bg_wrap{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%}.sec_charge .bg_wrap .bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:120vh;background:url("../images/p1-battery-bg.jpg") 50% 100% no-repeat;background-size:cover;background-attachment:fixed;will-change:transform}.sec_charge .txt_wrap{position:relative;z-index:9;display:flex;flex-direction:column;justify-content:space-between;height:var(--full-height)}.sec_charge .txt_wrap .charge_head{padding:max(calc(90px * var(--base-ratio)),calc(calc(90 / var(--base-size)) * var(--base-percent))) 0}.sec_charge .txt_wrap .charge_head p{font-size:max(calc(48px * var(--base-ratio)),calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;font-weight:300;color:#0a0a0a}.sec_charge .txt_wrap .charge_label{margin-left:auto;margin-bottom:max(calc(200px * var(--base-ratio)),calc(calc(200 / var(--base-size)) * var(--base-percent)));width:20%}.sec_charge .txt_wrap .charge_label span{display:block;position:relative;margin-bottom: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.25;letter-spacing:-0.02em;font-weight:500;color:#0a0a0a}.sec_charge .txt_wrap .charge_label span::after{content:"";position:absolute;top:-100%;left:0;width:max(calc(30px * var(--base-ratio)),calc(calc(30 / var(--base-size)) * var(--base-percent)));height:max(calc(30px * var(--base-ratio)),calc(calc(30 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(99px * var(--base-ratio)),calc(calc(99 / var(--base-size)) * var(--base-percent)));background-color:#7cfc00}.sec_charge .txt_wrap .charge_label p{font-size:max(calc(16px * var(--base-ratio)),calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}@media(max-width: 1024px){.sec_charge .txt_wrap{justify-content:flex-start}.sec_charge .txt_wrap .charge_head{padding:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent))) 0}.sec_charge .txt_wrap .charge_head p{font-size:max(calc(32px * var(--base-ratio)),calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}.sec_charge .txt_wrap .charge_label{margin-bottom:0;width:100%}.sec_charge .txt_wrap .charge_label span{padding-top:max(calc(6px * var(--base-ratio)),calc(calc(6 / var(--base-size)) * var(--base-percent)));margin-bottom:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)))}}.sec_fit{position:relative;height:200vh}.sec_fit .bg_wrap{position:absolute;top:0;left:0;z-index:-1;width:100%;height:var(--full-height);--clip: 0% 34%;clip-path:inset(var(--clip))}.sec_fit .bg_wrap .bg{width:100%;height:100%;background:url("../images/p1-fit-bg.jpg") 50% 100% no-repeat;background-size:cover}.sec_fit .row_wrap{position:relative;z-index:1}.sec_fit .txt_wrap{padding:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent))) 0;opacity:0;visibility:hidden}.sec_fit .txt_wrap p{font-size:max(calc(48px * var(--base-ratio)),calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;font-weight:500;color:#0a0a0a}@media(max-width: 1024px){.sec_fit .txt_wrap p{font-size:max(calc(32px * var(--base-ratio)),calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}}.sec_fit_desc .items{display:flex;height:max(calc(280px * var(--base-ratio)),calc(calc(280 / var(--base-size)) * var(--base-percent)));border-bottom:1px solid #d9d9d9}.sec_fit_desc .items li{display:flex;flex-direction:column;justify-content:space-between;width:25%;height:100%;padding:max(calc(48px * var(--base-ratio)),calc(calc(48 / var(--base-size)) * var(--base-percent))) max(calc(36px * var(--base-ratio)),calc(calc(36 / var(--base-size)) * var(--base-percent)));border-right:1px solid #d9d9d9}.sec_fit_desc .items li strong{font-size:max(calc(24px * var(--base-ratio)),calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;color:#0a0a0a}.sec_fit_desc .items li p{font-size:max(calc(14px * var(--base-ratio)),calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;min-height:max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){.sec_fit_desc .items{flex-direction:column;height:auto;border-bottom:0}.sec_fit_desc .items li{width:100%;height:auto;padding:max(calc(24px * var(--base-ratio)),calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)));border-right:0;border-bottom:1px solid #d9d9d9}.sec_fit_desc .items li:last-child{border-bottom:0}.sec_fit_desc .items li strong{margin-bottom:max(calc(6px * var(--base-ratio)),calc(calc(6 / var(--base-size)) * var(--base-percent)))}.sec_fit_desc .items li p{min-height:unset}}.sec_horizontal_scroll{height:200vh;background-color:#f8f8f8}.sec_horizontal_scroll .txt_wrap{padding:max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent))) 0 0 0}.sec_horizontal_scroll .txt_wrap p{font-size:max(calc(36px * var(--base-ratio)),calc(calc(36 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;font-weight:500;color:#0a0a0a}.sec_horizontal_scroll .scroll_wrap{position:relative;width:100%;margin-top:max(calc(48px * var(--base-ratio)),calc(calc(48 / var(--base-size)) * var(--base-percent)))}.sec_horizontal_scroll .scroll_wrap .scroll{position:absolute;top:0;left:33%}.sec_horizontal_scroll .items{display:flex;gap:max(calc(48px * var(--base-ratio)),calc(calc(48 / var(--base-size)) * var(--base-percent)));width:fit-content}.sec_horizontal_scroll .items li{width:25vw}.sec_horizontal_scroll .items .img_area{width:100%;margin-bottom:max(calc(24px * var(--base-ratio)),calc(calc(24 / var(--base-size)) * var(--base-percent)))}.sec_horizontal_scroll .items .img_area img{width:100%;height:auto}.sec_horizontal_scroll .items .desc_area em{display:block;margin-bottom:max(calc(4px * var(--base-ratio)),calc(calc(4 / var(--base-size)) * var(--base-percent)));font-size:max(calc(10px * var(--base-ratio)),calc(calc(10 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;color:#0a0a0a}.sec_horizontal_scroll .items .desc_area span{display:block;margin-bottom: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.25;letter-spacing:-0.02em;font-weight:500;color:#0a0a0a}.sec_horizontal_scroll .items .desc_area p{font-size:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}@media(max-width: 1024px){.sec_horizontal_scroll{padding:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent))) 0;height:auto}.sec_horizontal_scroll .sticky{height:auto}.sec_horizontal_scroll .txt_wrap{padding:0}.sec_horizontal_scroll .txt_wrap p{font-size:max(calc(26px * var(--base-ratio)),calc(calc(26 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}.sec_horizontal_scroll .scroll_wrap{margin:0}.sec_horizontal_scroll .scroll_wrap .scroll{position:static}.sec_horizontal_scroll .items{flex-direction:column;width:100%}.sec_horizontal_scroll .items li{width:100%}.sec_horizontal_scroll .items .desc_area{padding:0 max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)))}.sec_horizontal_scroll .items .desc_area em{font-size:max(calc(14px * var(--base-ratio)),calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}.sec_horizontal_scroll .items .desc_area span{font-size:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}.sec_horizontal_scroll .items .desc_area p{font-size:max(calc(18px * var(--base-ratio)),calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}}.sec_safety{padding:max(calc(120px * var(--base-ratio)),calc(calc(120 / var(--base-size)) * var(--base-percent))) 0 0}.sec_safety h4{margin-bottom:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));font-size:max(calc(48px * var(--base-ratio)),calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;font-weight:500;color:#0a0a0a}.sec_safety .accordion_list{margin-bottom:max(calc(160px * var(--base-ratio)),calc(calc(160 / var(--base-size)) * var(--base-percent)))}.sec_safety .accordion_list>li{position:relative;border-bottom:1px solid #d9d9d9}@media(min-width: 1025px)and (pointer: fine){.sec_safety .accordion_list>li:hover::before{width:100%}.sec_safety .accordion_list>li:hover .item_title span,.sec_safety .accordion_list>li:hover .item_title strong{color:#0a0a0a}.sec_safety .accordion_list>li:hover .item_title::before,.sec_safety .accordion_list>li:hover .item_title::after{background-color:#0a0a0a}.sec_safety .accordion_list>li:hover .item_title::before,.sec_safety .accordion_list>li:hover .item_title::after{background:#0a0a0a}}.sec_safety .accordion_list>li::before{content:"";position:absolute;bottom:0;left:0;height:1px;width:0;background:#0a0a0a;transition:width .4s ease-in-out}.sec_safety .accordion_list>li.on{border-bottom:1px solid #0a0a0a}.sec_safety .accordion_list>li.on:hover::before{display:none}.sec_safety .accordion_list>li.on .item_title span,.sec_safety .accordion_list>li.on .item_title strong{color:#0a0a0a}.sec_safety .accordion_list>li.on .item_title::before,.sec_safety .accordion_list>li.on .item_title::after{background-color:#0a0a0a}.sec_safety .accordion_list>li.on .item_title::before{width:0}.sec_safety .accordion_list>li.on .item_title::after{height:0}.sec_safety .accordion_list .item_title{display:flex;align-items:center;position:relative;height:max(calc(120px * var(--base-ratio)),calc(calc(120 / var(--base-size)) * var(--base-percent)))}.sec_safety .accordion_list .item_title::before,.sec_safety .accordion_list .item_title::after{content:"";position:absolute;top:50%;transform:translateY(-50%);background-color:#d9d9d9;transition:.75s}.sec_safety .accordion_list .item_title::before{right:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));width:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));height:1px}.sec_safety .accordion_list .item_title::after{right:max(calc(60px * var(--base-ratio)),calc(calc(60 / var(--base-size)) * var(--base-percent)));width:1px;height:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)))}.sec_safety .accordion_list .item_title strong{width:30%;font-size:max(calc(32px * var(--base-ratio)),calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;font-weight:500;color:#aaa;transition:color .75s}.sec_safety .accordion_list .item_title span{font-size:max(calc(18px * var(--base-ratio)),calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;width:70%;color:#aaa;transition:color .75s}.sec_safety .accordion_list .item_list{display:none;position:relative;padding:max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent))) 0 max(calc(90px * var(--base-ratio)),calc(calc(90 / var(--base-size)) * var(--base-percent)));border-top:1px solid #0a0a0a}.sec_safety .accordion_list .item_list li{margin-left:auto;width:70%;position:relative;padding:max(calc(8px * var(--base-ratio)),calc(calc(8 / var(--base-size)) * var(--base-percent))) 0 max(calc(8px * var(--base-ratio)),calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent)))}.sec_safety .accordion_list .item_list li::before{content:"";position:absolute;top:max(calc(14px * var(--base-ratio)),calc(calc(14 / var(--base-size)) * var(--base-percent)));left:0;width:max(calc(6px * var(--base-ratio)),calc(calc(6 / var(--base-size)) * var(--base-percent)));height:max(calc(6px * var(--base-ratio)),calc(calc(6 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(99px * var(--base-ratio)),calc(calc(99 / var(--base-size)) * var(--base-percent)));background-color:#666}.sec_safety .accordion_list .item_list li span{font-size:max(calc(14px * var(--base-ratio)),calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}@media(max-width: 1024px){.sec_safety{padding:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent))) 0}.sec_safety h4{margin:0;font-size:max(calc(32px * var(--base-ratio)),calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}.sec_safety .accordion_list{margin:0}.sec_safety .accordion_list .item_title{flex-direction:column;align-items:flex-start;height:auto;gap:max(calc(6px * var(--base-ratio)),calc(calc(6 / var(--base-size)) * var(--base-percent))) 0;padding:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent))) 0}.sec_safety .accordion_list .item_title::before{right:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)));width:max(calc(22px * var(--base-ratio)),calc(calc(22 / var(--base-size)) * var(--base-percent)))}.sec_safety .accordion_list .item_title::after{right:max(calc(22px * var(--base-ratio)),calc(calc(22 / var(--base-size)) * var(--base-percent)));height:max(calc(22px * var(--base-ratio)),calc(calc(22 / var(--base-size)) * var(--base-percent)))}.sec_safety .accordion_list .item_title strong{width:100%;font-size:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}.sec_safety .accordion_list .item_title span{font-size:max(calc(14px * var(--base-ratio)),calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;width:80%}.sec_safety .accordion_list .item_list{padding:max(calc(14px * var(--base-ratio)),calc(calc(14 / var(--base-size)) * var(--base-percent))) 0 max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent)))}.sec_safety .accordion_list .item_list li{width:100%;padding:max(calc(8px * var(--base-ratio)),calc(calc(8 / var(--base-size)) * var(--base-percent))) 0 max(calc(8px * var(--base-ratio)),calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(16px * var(--base-ratio)),calc(calc(16 / var(--base-size)) * var(--base-percent)))}}.sec_order{padding:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent))) 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}.sec_order .order_wrap{display:flex;align-items:center;justify-content:space-between}.sec_order .order_wrap .txt_wrap{display:flex;align-items:center}.sec_order .order_wrap .txt_wrap img{width:max(calc(400px * var(--base-ratio)),calc(calc(400 / var(--base-size)) * var(--base-percent)));height:auto;object-fit:cover}.sec_order .order_wrap .txt_wrap strong{position:relative;font-size:max(calc(28px * var(--base-ratio)),calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;font-weight:500;color:#0a0a0a}.sec_order .order_wrap .txt_wrap strong::before{content:"";position:absolute;top:50%;right:calc(100% + max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))));transform:translateY(-50%);width:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));height:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(99px * var(--base-ratio)),calc(calc(99 / var(--base-size)) * var(--base-percent)));background-color:#7cfc00}.sec_order .order_wrap .btn_wrap a{display:flex;align-items:center;justify-content:center;gap:max(calc(8px * var(--base-ratio)),calc(calc(8 / var(--base-size)) * var(--base-percent)));padding:max(calc(18px * var(--base-ratio)),calc(calc(18 / var(--base-size)) * var(--base-percent))) max(calc(36px * var(--base-ratio)),calc(calc(36 / var(--base-size)) * var(--base-percent)));border:1px solid #0a0a0a;transition:background-color .5s}.sec_order .order_wrap .btn_wrap a span{font-size:max(calc(24px * var(--base-ratio)),calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;color:#0a0a0a;transition:color .5s}.sec_order .order_wrap .btn_wrap a .arrow_to_right{width:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)));height:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)));transition:transform .25s}.sec_order .order_wrap .btn_wrap a .arrow_to_right svg path{stroke:#0a0a0a;transition:stroke .5s}.sec_order .order_wrap .btn_wrap a:hover{background-color:#0a0a0a}.sec_order .order_wrap .btn_wrap a:hover span{color:#fff}.sec_order .order_wrap .btn_wrap a:hover .arrow_to_right{transform:translateX(16%)}.sec_order .order_wrap .btn_wrap a:hover .arrow_to_right svg path{stroke:#fff}@media(max-width: 1024px){.sec_order{padding:0 0 max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));border:0}.sec_order .order_wrap{flex-direction:column}.sec_order .order_wrap .txt_wrap{flex-direction:column}.sec_order .order_wrap .txt_wrap img{width:100%}.sec_order .order_wrap .txt_wrap strong{width:100%;line-height:2}.sec_order .order_wrap .txt_wrap strong::before{top:-70%;right:unset;transform:unset}.sec_order .order_wrap .btn_wrap{margin-top:max(calc(40px * var(--base-ratio)),calc(calc(40 / var(--base-size)) * var(--base-percent)));width:100%}.sec_order .order_wrap .btn_wrap a span{font-size:max(calc(20px * var(--base-ratio)),calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}}footer{background-color:#0a0a0a}footer .footer_inner{padding:max(calc(48px * var(--base-ratio)),calc(calc(48 / var(--base-size)) * var(--base-percent))) 0;text-align:center}footer .footer_inner p{font-size:max(calc(12px * var(--base-ratio)),calc(calc(12 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em;font-weight:500;color:#fff}@media(max-width: 1024px){footer .footer_inner{padding:max(calc(80px * var(--base-ratio)),calc(calc(80 / var(--base-size)) * var(--base-percent)))}footer .footer_inner p{font-size:max(calc(14px * var(--base-ratio)),calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}}