/* ヘッダー配色: 透明時は白抜き、スクロール後と下層はASTEC BLUE */
.l-header {
  --c-header-bg: #fff;
  --c-header-fg: #fff;
}
.l-header::before {
  background: var(--c-header-bg);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.l-header.is-scrolly,
body:not(.home) .l-header {
  --c-header-fg: #1f2774;
}
.l-header__pc-nav-list__item > a,
.l-header__pc-lang {
  color: var(--c-header-fg);
}
.l-header__drawer-btn-line {
  background: var(--c-header-fg);
}
.l-header__logo-white,
.l-header__pc-lang-icon--white {
  display: block;
}
.l-header__logo-blue,
.l-header__pc-lang-icon--blue {
  display: none;
}
.l-header.is-scrolly .l-header__logo-white,
.l-header.is-scrolly .l-header__pc-lang-icon--white,
body:not(.home) .l-header__logo-white,
body:not(.home) .l-header__pc-lang-icon--white {
  display: none;
}
.l-header.is-scrolly .l-header__logo-blue,
.l-header.is-scrolly .l-header__pc-lang-icon--blue,
body:not(.home) .l-header__logo-blue,
body:not(.home) .l-header__pc-lang-icon--blue {
  display: block;
}
@media screen and (max-width: 1023px) {
  body.is-drawer .l-header__logo,
  body.is-drawer .l-header__express21 {
    position: relative;
    z-index: 9900;
  }
  body.is-drawer .l-header {
    --c-header-fg: #fff;
  }
  body.is-drawer .l-header .l-header__logo-white,
  body.is-drawer .l-header .l-header__pc-lang-icon--white {
    display: block;
  }
  body.is-drawer .l-header .l-header__logo-blue,
  body.is-drawer .l-header .l-header__pc-lang-icon--blue {
    display: none;
  }
}

/* 白版をレイアウト基準に残し、支給SVG内の余白だけを表示側で補正する */
.l-header__logo {
  position: relative;
}
.l-header .l-header__logo .l-header__logo-white {
  display: block;
}
.l-header.is-scrolly .l-header__logo .l-header__logo-white,
body:not(.home) .l-header__logo .l-header__logo-white {
  visibility: hidden;
}
.l-header .l-header__logo .l-header__logo-blue {
  position: absolute;
  inset-block-start: calc(100% * -1.63 / 60.73);
  inset-inline-start: calc(100% * -9.2 / 254.44);
  max-width: none;
  width: calc(100% * 263.64 / 254.44);
  margin: 0;
}
@media screen and (max-width: 1023px) {
  body.is-drawer .l-header .l-header__logo .l-header__logo-white {
    visibility: visible;
  }
}