#hero.mh-hero { position: relative; overflow: hidden; margin: 0; padding: 0 0 65px; background: #fff; text-align: center; }
#hero.mh-hero .mh-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none;
  background: linear-gradient(180deg, #E8EEFF, #F3F5F9 75%, #FFF); transition: opacity 1.83s ease-out; }
#hero.mh-on .mh-bg { opacity: 1; }
#hero.mh-hero .mh-in { position: relative; display: flex; flex-direction: column; align-items: center; padding-top: 130px; }
#hero.mh-hero .mh-head { width: fit-content; max-width: calc(100% - 48px); margin: 0 auto; padding: 0; }
#hero.mh-hero .mh-head > * { margin-left: auto; margin-right: auto; }
#hero.mh-hero .mh-eyebrow { margin: 0; font-family: inherit; font-size: 28px; line-height: 33.0011px; font-weight: 600; letter-spacing: .196px; color: #040813; }
#hero.mh-hero .mh-headline { width: fit-content; white-space: nowrap; margin-top: 8px; margin-bottom: 0; font-family: inherit; font-size: 80px; line-height: 87px; font-weight: 600; letter-spacing: normal;
  color: #040813; background: linear-gradient(90deg, #040813, #0022b8); -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 .45em; background-origin: content-box; background-size: calc(100% + .45em) 100%; background-repeat: no-repeat; }
#hero.mh-hero .mh-badge { margin-top: 14px; margin-bottom: 0; font-size: 17px; line-height: 21.0012px; font-weight: 400; letter-spacing: normal; color: #0131ff; }
#hero.mh-hero .mh-badge strong { font-weight: 600; color: #0131ff; }
#hero.mh-hero .mh-nw { white-space: nowrap; }
#hero.mh-hero .ja-fit { display: inline-flex; margin-right: -.45em; }
#hero.mh-hero .mh-sp { display: none; }
#hero.mh-hero br.mh-sp-br { display: none; }

#hero.mh-hero .mh-media { position: relative; width: 980px; height: 469px; margin: 45px auto 0; }
#hero.mh-hero .hl-field { position: absolute; top: 0; pointer-events: none; }
#hero.mh-hero .hl-logo { position: absolute; display: block; max-width: none; will-change: transform, opacity; }

#hero.mh-hero .mh-detail { display: block; margin: 76px auto 0; padding: 12px 20px 12px 25px; border-radius: 1440px; background: rgba(229, 234, 243, .5); text-align: left; }
#hero.mh-hero .mh-detail-in { display: flex; align-items: center; }
#hero.mh-hero .mh-detail-copy { margin: 0; padding: 0 25px 0 0; font-size: 17px; line-height: 21.0012px; font-weight: 400; letter-spacing: normal; color: #1e1e1e; }
#hero.mh-hero .mh-detail-copy strong { font-weight: 600; color: #1e1e1e; }
#hero.mh-hero .mh-btn { display: inline-block; box-sizing: border-box; min-width: 28px; padding: 12px 21px 10px; border: 1px solid transparent; border-radius: 980px;
  background: #0131ff; color: #fff !important; font-size: 17px; line-height: 21.0012px; font-weight: 400; letter-spacing: normal; text-align: center;
  white-space: nowrap; text-decoration: none !important; cursor: pointer; }
#hero.mh-hero .mh-btn:hover { background: #0029d9; }
#hero.mh-hero .mh-btn:active { background: #0022b8; }
#hero.mh-hero .mh-btn:focus-visible { outline: 2px solid #0131ff; outline-offset: 2px; }

@media only screen and (max-width: 1068px) {
  #hero.mh-hero { padding-bottom: 50px; }
  #hero.mh-hero .mh-in { padding-top: 117px; }
  #hero.mh-hero .mh-eyebrow { font-size: 24px; line-height: 30px; letter-spacing: .216px; }
  #hero.mh-hero .mh-headline { margin-top: 9px; font-size: 64px; line-height: 71px; }
  #hero.mh-hero .mh-media { width: 694px; height: 430px; margin-top: 46px; }
  #hero.mh-hero .mh-detail { margin-top: 56px; border-radius: 1068px; }
}
@media only screen and (max-width: 734px) {
  #hero.mh-hero { padding-bottom: 0; }
  #hero.mh-hero .mh-bg { height: calc(100% - 74px); }
  #hero.mh-hero .mh-in { padding-top: 105px; }
  #hero.mh-hero .mh-eyebrow { font-size: 21px; line-height: 26px; letter-spacing: .231px; }
  #hero.mh-hero .mh-headline { margin-top: 5px; font-size: 48px; line-height: 55.0077px; letter-spacing: .192px; }
  #hero.mh-hero .mh-sp { display: inline-flex; }
  #hero.mh-hero br.mh-sp-br { display: inline; }
  #hero.mh-hero .mh-badge { margin-top: 6px; font-size: 14px; line-height: 19.6px; }
  #hero.mh-hero .mh-media { width: 310px; height: 350px; margin-top: 10px; }
  #hero.mh-hero .mh-detail { display: flex; width: 87.5%; margin-top: 24px; padding: 19px 0; border-radius: 0; background: none; }
  #hero.mh-hero .mh-detail-in { flex: 1; justify-content: space-between; }
  #hero.mh-hero .mh-detail-copy { font-size: 14px; line-height: 19.0006px; }
  #hero.mh-hero .mh-btn { padding: 6px 21px; font-size: 14px; line-height: 19.0006px; }
}
@media only screen and (max-width: 320px) {
  #hero.mh-hero .mh-headline .mh-nw, #hero.mh-hero .mh-badge .mh-nw ~ .mh-nw { display: block; }
}

@supports (height:1svh){
@media only screen and (min-width:1069px){
  #hero.mh-hero{--fit-t:clamp(80px,calc(16.026svh - 36.03px),130px);--fit-g1:clamp(30px,calc(4.808svh - 4.81px),45px);
    --fit-g2:clamp(36px,calc(12.821svh - 56.82px),76px);--fit-b:clamp(24px,calc(2.564svh + 5.44px),32px)}
  #hero.mh-hero .mh-in{padding-top:var(--fit-t)}
  #hero.mh-hero .mh-media{margin-top:var(--fit-g1);height:clamp(270px,calc(100svh - 284px - var(--fit-b) - var(--fit-t) - var(--fit-g1) - var(--fit-g2)),469px)}
  #hero.mh-hero .mh-detail{margin-top:var(--fit-g2)}
}
@media only screen and (min-width:735px) and (max-width:1068px){
  #hero.mh-hero{--fit-t:clamp(80px,calc(15.353svh - 28.39px),117px);--fit-g1:clamp(30px,calc(6.639svh - 16.87px),46px);
    --fit-g2:clamp(36px,calc(8.299svh - 22.59px),56px);--fit-b:clamp(24px,calc(3.32svh + .56px),32px)}
  #hero.mh-hero .mh-in{padding-top:var(--fit-t)}
  #hero.mh-hero .mh-media{margin-top:var(--fit-g1);height:clamp(270px,calc(100svh - 266px - var(--fit-b) - var(--fit-t) - var(--fit-g1) - var(--fit-g2)),430px)}
  #hero.mh-hero .mh-detail{margin-top:var(--fit-g2)}
}
}