@charset "utf-8";

.header {
  margin-block-start: 1.25rem;
  margin-inline: 1.25rem;
}

.header__inner {
  --webkit-backdrop-filter: blur(30px);

  /* Note: currently only Safari supports backdrop-filter */
  backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  border: 1px solid rgb(255 255 255 / 50%);
  border-radius: 10px;
  display: inline-block;
  margin-inline: auto;
  padding: 0.5625rem 1.1875rem 0.5625rem clamp(1.1875rem, -1.3473712446rem + 4.5064377682vw, 2.5rem);
  width: fit-content;
  width: fit-content;
}

@media screen and (width >= 900px) {
  .header__inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: min(1324px, 100%);
  }
}

.header__logo {
  aspect-ratio: 99/40;
  height: auto;
  width: 99px;
}

.header__list {
  display: none;
}

@media screen and (width >= 900px) {
  .header__list {
    display: flex;
    gap: clamp(0.5rem, -0.0963080752rem + 2.5442477876vw, 1.9375rem);
  }
}

.header__item {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.header__item-en {
  font-size: clamp(0.6875rem, 0.5837942478rem + 0.4424778761vw, 0.9375rem);
  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.header__item-ja {
  font-size: clamp(0.5625rem, 0.4847206858rem + 0.3318584071vw, 0.75rem);
  font-weight: 600;
  letter-spacing: 0.1em;
}