/*
|---------------------------------------------------------------
| v2026 header
|---------------------------------------------------------------
*/
.v2025header {
  --v2026-header-height: var(--sp-header-height, 83px);
  --v2026-header-main-height: var(--sp-header-main-height, 43px);
  --v2026-header-title-logo-height: calc(var(--v2026-header-main-height) - 13px);
  --v2026-header-title-logo-gap: 5px;
  --v2026-header-search-height: calc(100vh - var(--v2026-header-height));
  --v2026-header-search-padding: 16px;
  --v2026-header-search-content-height: calc(var(--v2026-header-search-height) - var(--v2026-header-search-padding) * 2);
  --v2026-header-search-offset-top: var(--v2026-header-height);
  --v2026-header-search-closer-size: 23px;
  --v2026-header-search-closer-translateX: 50%;
  --v2026-header-search-closer-translateY: -50%;
}
@media screen and (min-width: 750.02px) {
  .v2025header {
    --v2026-header-height: var(--pc-header-height, 140px);
    --v2026-header-main-height: var(--pc-header-main-height, 80px);
    --v2026-header-title-logo-height: calc(var(--v2026-header-main-height) - 20px);
    --v2026-header-title-logo-gap: 10px;
    --v2026-header-search-height: calc(100vh - var(--v2026-header-height));
    --v2026-header-search-padding: 0;
    --v2026-header-search-content-height: 778px;
    --v2026-header-search-offset-top: var(--v2026-header-height);
    --v2026-header-search-closer-size: 46px;
    --v2026-header-search-closer-translateX: 50%;
    --v2026-header-search-closer-translateY: 4px;
  }
}

.v2025header-title {
  width: auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--v2026-header-title-logo-gap);
}
.v2025header-title::before {
  content: "";
  display: block;
  width: auto;
  height: var(--v2026-header-title-logo-height);
  aspect-ratio: 56/60;
  background-image: url(/images/v2026/logo.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.v2025header-title img {
  width: auto;
  max-height: calc(var(--v2026-header-title-logo-height) - 10px);
}
@media screen and (min-width: 750.02px) {
  .v2025header-title {
    max-width: 350px;
  }
}

.v2025header__main__layout__left {
  flex-basis: 50%;
}

.v2025searchMenu {
  height: var(--v2026-header-search-height);
  padding: var(--v2026-header-search-padding);
  background-color: rgba(16, 16, 16, 0.83);
  position: fixed;
  top: var(--v2026-header-search-offset-top);
}
.v2025searchMenu__content {
  max-width: 1200px;
  max-height: var(--v2026-header-search-content-height);
  margin: 0 auto;
  color: #00214b;
  background: #f7f7f7;
  position: relative;
  overflow: visible;
  padding: 0;
}
.v2025searchMenu__content > .v2025header-container {
  max-height: var(--v2026-header-search-content-height);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-top: var(--v2026-header-search-content-paddingY, 20px);
  padding-bottom: var(--v2026-header-search-content-paddingY, 20px);
}
.v2025searchMenu .v2025search {
  max-width: 1100px;
  margin: 0 auto;
}

.v2026searchMenu-closer {
  display: block;
  width: var(--v2026-header-search-closer-size, 46px);
  height: var(--v2026-header-search-closer-size, 46px);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  margin: auto;
  transform: translate(var(--v2026-header-search-closer-translateX, 0), var(--v2026-header-search-closer-translateY, 0));
  cursor: pointer;
}
.v2026searchMenu-closer svg {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}