.hero-bg2,.hero-tt2,.hs-2{display:none}
.hs-on .hero-tts{position:relative}
.hs-on .hero-bg2{display:block;opacity:0;visibility:hidden}
.hs-on .hero-tt2{display:block;position:absolute;left:0;right:0;top:0;visibility:hidden}
.hs-on .hero-sub{position:relative}
.hs-on .hs-1{display:inline-block}
.hs-on .hs-2{display:block;position:absolute;left:0;top:0;white-space:nowrap;opacity:0;visibility:hidden}
.hs-on .hero-arw{cursor:pointer;-webkit-tap-highlight-color:transparent}
.hs-on.hero{touch-action:pan-y}

.mo:not(.mo-ready) .hd,.mo:not(.mo-ready) .hero-in{opacity:0}

.mo .lm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em;margin-bottom:-.12em}
.mo .lm-i{display:inline-block}
.mo [data-mo=lines] .lm-i{transform:translateY(110%);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.mo [data-mo=lines].in .lm-i{transform:none}
.mo [data-mo=up],.mo [data-mo=card],.mo [data-mo=fade]{transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
.mo [data-mo=up]:not(.in){opacity:0;transform:translateY(16px)}
.mo [data-mo=card]:not(.in){opacity:0;transform:translateY(24px)}
.mo [data-mo=fade]:not(.in){opacity:0;transform:translateY(6px)}
.mo [data-mo=clip]{clip-path:inset(100% 0 0 0 round 24px);transition:clip-path 1.1s cubic-bezier(.16,1,.3,1)}
.mo [data-mo=clip].in{clip-path:inset(0 0 0 0 round 24px)}
.mo [data-mo=clip]>img{transform:scale(1.12);transition:transform 1.5s cubic-bezier(.16,1,.3,1)}
.mo [data-mo=clip].in>img{transform:none}
.mo [data-mo=fill]{clip-path:inset(0 100% 0 0 round 12px);transition:clip-path 1s cubic-bezier(.16,1,.3,1)}
.mo [data-mo=fill].in{clip-path:inset(0 0 0 0 round 12px)}
.mo [data-mo=fill]>*{transition:opacity .6s cubic-bezier(.16,1,.3,1) .35s}
.mo [data-mo=fill]:not(.in)>*{opacity:0}

.mo .hd{transition:transform .42s cubic-bezier(.2,.8,.2,1),background-color .3s,box-shadow .3s}
.mo .hd.is-hid{transform:translateY(-100%)}
@media (min-width:768px){
  .mo .hd{position:fixed}
  .mo .hd.is-solid{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08)}
  .mo .hd.is-solid .hd-nav a,.mo .hd.is-solid .hd-tel{color:#000}
  .mo .hd.is-solid .hd-tel svg{fill:#14979f}
  .mo .hd.is-solid .hd-menu i{background:#13243f}
  .mo .hd.is-solid .lg-w{display:none}
  .mo .hd.is-solid .lg-d{display:block}
}

.stg.on .stg-pin{position:sticky;top:0;height:100vh;overflow:hidden;background:#fff}
.stg.on .pill,.stg.on .cap{position:absolute;left:0;top:0;width:100%;height:100vh;min-height:0;max-height:none;padding:0;background:none}
.stg.on .pill{display:flex}
.stg.on .cap{display:block;overflow:visible;pointer-events:none}
.stg.on .cap-win{left:0;top:0;width:100%;height:100vh;margin:0;border-radius:0;background:transparent;opacity:0;visibility:hidden}
.stg.on .cap-win img{left:50%;top:50%;max-width:none;will-change:transform}
.stg.on .cap-tt b{will-change:transform}
.stg.on .stg-blur{position:absolute;left:0;top:0;width:100%;height:100vh;z-index:3;opacity:0;visibility:hidden;background:#4b5a68 url(img/rail_bg.jpg) 50% 50%/cover no-repeat;will-change:opacity}
.stg.on .prod{position:relative;z-index:1;background:none;margin-top:var(--stg-d)}
.stg.on:not(.seen) .pill-tt .lm-i{transform:translateY(110%)}
.hs-on.hero{-webkit-user-select:none;user-select:none}
.stg.on .pill-tt .lm-i{transition:transform .9s cubic-bezier(.16,1,.3,1)}
.stg.on .pill-tt>span:last-of-type .lm-i{transition-delay:.08s}
.stg.on .is-b .pill-tt .lm-i{transform:translateY(-110%);transition:transform .55s cubic-bezier(.7,0,.84,0)}
.stg.on .is-b .pill-tt>span:last-of-type .lm-i{transition-delay:0s}
.stg.on .cap-tt .lm-i{transform:translateY(110%);transition:transform .5s cubic-bezier(.7,0,.84,0)}
.stg.on .is-b .cap-tt .lm-i{transform:none;transition:transform .9s cubic-bezier(.16,1,.3,1) .12s}
.stg.on .is-b .cap-tt b:last-child .lm-i{transition-delay:.2s}
.stg.on .pill-obj{will-change:opacity}

.why.on .band{position:sticky;transform-origin:50% 0}
.why .band-dim{position:absolute;inset:0;z-index:5;border-radius:inherit;background:#0b1626;opacity:0;pointer-events:none;will-change:opacity}
.mo .band-img img,.mo .stat-bg{will-change:transform}

.mo .rail-list{will-change:transform}
.mo .rail.drag{cursor:grab}
.mo .rail.drag.is-down{cursor:grabbing}
.mo .rail.drag .rail-list{touch-action:pan-y;-webkit-user-select:none;user-select:none}
.mo .rail.drag img{-webkit-user-drag:none;pointer-events:none}
.mo-tag{position:fixed;left:0;top:0;z-index:30;display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:-36px 0 0 -36px;border-radius:50%;background:#fff;color:#13243f;font-size:15px;font-weight:700;pointer-events:none;opacity:0;transform:scale(.4);transition:opacity .22s cubic-bezier(.2,.8,.2,1),transform .22s cubic-bezier(.2,.8,.2,1)}
.mo-tag.on{opacity:1}
.mo-tag i{font-style:normal}

.nd{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px}
.nd[hidden]{display:none}
.nd-dim{position:absolute;inset:0;background:rgba(9,13,17,.62)}
.nd-card{position:relative;isolation:isolate;width:min(588px,100%,calc((100vh - 240px) * 1.6));padding-bottom:36px;border-radius:24px}
.nd-bg{position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#fff}
.nd-img{aspect-ratio:1.6;overflow:hidden;border-radius:24px 24px 0 0;background:#a2a7ad;transform-origin:0 0}
.nd-img img{width:100%;height:100%;object-fit:cover}
.nd-tx{padding:30px 40px 0}
.nd-tx em{display:flex;align-items:center;gap:8px;font-style:normal;font-size:14px;font-weight:700;line-height:22.4px}
.nd-tx em::before{content:"";width:6px;height:6px;border-radius:50%;background:#14979f}
.nd-tx h3{margin-top:12px;font-size:28px;font-weight:700;line-height:39.2px}
.nd-tx time{display:block;margin-top:8px;font-size:16px;font-weight:500;line-height:25.6px;color:#565759}
.nd-x{position:absolute;right:16px;top:16px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.92);cursor:pointer}
.nd-x svg{width:20px;height:20px;fill:none;stroke:#13243f;stroke-width:2;stroke-linecap:round}
.nd-lock,.nd-lock body{overflow:hidden}
@media (max-width:767px){
  .nd{padding:12px}
  .nd-card{width:min(100%,calc((100vh - 220px) * 1.6))}
  .nd-tx{padding:22px 22px 0}
  .nd-tx h3{font-size:20px;line-height:30px}
  .nd-tx time{font-size:15px}
}

.roll{position:relative;display:block;overflow:hidden;height:25.6px;line-height:25.6px}
.roll>span{display:block;transition:transform .42s cubic-bezier(.2,.8,.2,1)}
.roll>span::after{content:attr(data-t);display:block}

@media (hover:hover) and (pointer:fine){
  .mo .hd-nav a{position:relative}
  .mo .hd-nav a::after{content:"";position:absolute;left:40px;right:40px;bottom:-5px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:100% 50%;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
  .mo .hd-nav a:hover::after{transform:scaleX(1);transform-origin:0 50%}
  .mo .hd-menu i{transition:width .22s cubic-bezier(.2,.8,.2,1)}
  .mo .hd-menu:hover i:nth-child(2){width:30px}
  .mo .hd-tel svg{transition:transform .22s cubic-bezier(.2,.8,.2,1)}
  .mo .hd-tel:hover svg{transform:rotate(-14deg)}
  .mo .hero-arw{transition:background-color .22s cubic-bezier(.2,.8,.2,1),transform .11s}
  .mo .hero-arw svg{transition:transform .22s cubic-bezier(.2,.8,.2,1),stroke .22s}
  .mo .hero-arw:hover{background:#fff}
  .mo .hero-arw:hover svg{stroke:#13243f}
  .mo .hero-arw:first-child:hover svg{transform:translateX(-3px)}
  .mo .hero-arw:nth-child(2):hover svg{transform:translateX(3px)}
  .mo .news-btn,.mo .band-btn,.mo .cta-btn,.mo .ft-apply{position:relative;overflow:hidden;isolation:isolate}
  .mo .news-btn::before,.mo .band-btn::before,.mo .cta-btn::before,.mo .ft-apply::before{content:"";position:absolute;inset:0;z-index:-1;background:#fff;transform:scaleX(0);transform-origin:100% 50%;transition:transform .42s cubic-bezier(.2,.8,.2,1)}
  .mo .news:hover .news-btn::before,.mo .band:hover .band-btn::before,.mo .cta-btn:hover::before,.mo .ft-apply:hover::before{transform:scaleX(1);transform-origin:0 50%}
  .mo .news-btn,.mo .ft-apply,.mo .band-btn{transition:color .3s cubic-bezier(.2,.8,.2,1),opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
  .mo .news-btn svg{stroke:currentColor}
  .mo .news-btn svg,.mo .band-btn svg,.mo .cta-btn svg,.mo .ft-apply svg,.mo .rail-arw svg,.mo .more-arw svg{transition:transform .22s cubic-bezier(.2,.8,.2,1)}
  .mo .news:hover .news-btn,.mo .ft-apply:hover{color:#13243f}
  .mo .news:hover .news-btn svg,.mo .band:hover .band-btn svg,.mo .cta-btn:hover svg,.mo .ft-apply:hover svg,.mo .rail-more:hover .rail-arw svg,.mo .more:hover .more-arw svg{transform:translateX(5px)}
  .mo .band-1 .band-btn::before{background:#13243f}
  .mo .band-1:hover .band-btn{color:#fff}
  .mo .band-2:hover .band-btn{color:#0e8188}
  .mo .band-3:hover .band-btn{color:#0663a9}
  .mo .band-4:hover .band-btn{color:#13243f}
  .mo .cta-btn::before{background:#0e8188}
  .mo .cta-btn:hover .roll>span{transform:translateY(-50%)}
  .mo .news-glass{transition:background-color .42s cubic-bezier(.2,.8,.2,1)}
  .mo .news:hover .news-glass{background:rgba(22,32,34,.5)}
  .mo .chips li{transition:background-color .22s,color .22s}
  .mo .chips li:not(.on):hover{background:#fffae6;color:#000}
  .mo .chips li.on:hover{background:#f6ecc4}
  .mo .stat-card::before{transition:opacity .5s cubic-bezier(.2,.8,.2,1)}
  .mo .stat-card:hover::before{opacity:.84}
  .mo .ft-cs-tel{transition:color .3s cubic-bezier(.2,.8,.2,1)}
  .mo .ft-cs-tel:hover{color:#9fe3e6}
  .mo .panel{transition:background-color .42s cubic-bezier(.2,.8,.2,1)}
  .mo .panel:hover{background:#fff4d1}
  .mo .card{transition:background-color .3s cubic-bezier(.2,.8,.2,1),opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}
  .mo .card:hover{background:rgba(255,255,255,.28)}
  .mo .rail-arw{transition:background-color .22s cubic-bezier(.2,.8,.2,1)}
  .mo .rail-more:hover .rail-arw{background:rgba(255,255,255,.36)}
  .mo .more-arw{transition:background-color .22s cubic-bezier(.2,.8,.2,1)}
  .mo .more:hover .more-arw{background:#0e8188}
  .mo .nc{transition:background-color .3s cubic-bezier(.2,.8,.2,1)}
  .mo .nc:hover{background:#eceeef}
  .mo .nc-tx strong{background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .5s cubic-bezier(.2,.8,.2,1)}
  .mo .nc:hover .nc-tx strong{background-size:100% 2px}
  .mo .nc-img{overflow:hidden}
  .mo .ft-links a,.mo .ft-menu a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size .4s cubic-bezier(.2,.8,.2,1)}
  .mo .ft-links a:hover,.mo .ft-menu a:hover{background-size:100% 1px}
  .mo .pill-obj{transition:transform .5s cubic-bezier(.2,.8,.2,1)}
  .mo .pill-obj:hover{transform:rotate(-8deg)}
  .mo .fab svg{transition:transform .22s cubic-bezier(.2,.8,.2,1)}
  .mo .fab-up:hover svg{transform:translateY(-3px)}
  .mo .hero-arw:active,.mo .rail-arw:active,.mo .fab:active,.mo .cta-btn:active,.mo .band-btn:active,.mo .news-btn:active,.mo .ft-apply:active{transform:scale(.97);transition-duration:.11s}
}

@media (min-width:768px) and (max-width:1199px){
  .stg.on .cap-tt-w{clip-path:none}
}
@media (max-width:767px){
  .stg.on .stg-pin{height:100lvh}
  .stg.on .pill,.stg.on .cap{height:100svh}
  .stg.on .cap-win{height:100lvh}
  .stg.on .stg-blur{height:100lvh}
  .stg.on .cap-tt{font-size:34px;line-height:42.5px}
  .stg.on .cap-tt b:first-child{transform:translateX(-56px)}
  .stg.on .cap-tt b:last-child{transform:translateX(56px)}
  .stg.on .cap-tt-w{clip-path:none}
  .mo .hd{transition:transform .32s cubic-bezier(.2,.8,.2,1)}
}

@media (prefers-reduced-motion:reduce){
  .mo .lm-i,.mo [data-mo]{transition:none!important}
}