.c-language-switch {
  position: fixed;
  z-index: 501;
  right: 1rem;
  top: 4rem;
  -webkit-transition: -webkit-transform 0.25s ease;
  transition: -webkit-transform 0.25s ease;
  transition: transform 0.25s ease;
  transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4375rem 0.625rem;
  border: 1px solid rgba(0, 91, 172, 0.25);
  background: rgba(255, 255, 255, 0.92);
  color: #585858;
  font-family: Inter, "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
}

body.scrollDown .c-language-switch {
  -webkit-transform: translateY(calc(-100% - 4rem));
          transform: translateY(calc(-100% - 4rem));
}

.c-language-switch__link {
  color: #005bac;
}

.c-language-switch__link:hover {
  color: #0072ff;
}

.c-language-switch__current {
  color: #111;
}

.c-language-switch__separator {
  color: #b7b7b7;
}

@media screen and (min-width: 1024px) {
  .c-language-switch {
    top: 6.75rem;
  }
  body.scrollDown .c-language-switch {
    -webkit-transform: translateY(calc(-100% - 6.75rem));
            transform: translateY(calc(-100% - 6.75rem));
  }
}

.l-header-nav__cta .c-language-switch {
  position: absolute;
  top: calc(100% + 0.75rem);
  right: 1rem;
}

body.scrollDown .l-header-nav__cta .c-language-switch {
  -webkit-transform: none;
          transform: none;
}