html {
  scrollbar-gutter: stable;
}

.japan-hero-banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 4rem 1rem;
  position: relative;
  height: calc(var(--vh, 1vh) * 100);
}

.japan-hero-banner .overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  pointer-events: none;
}

.japan-hero-banner .container {
  z-index: 2;
  position: relative;
}

.japan-hero-banner .btn {
  border: none;
}

.navbar-toggler:focus {
  outline: 2px solid #fff;
  outline-offset: 2px;
  box-shadow: none;
}

main a {
  color: var(--bs-body-color);
  text-decoration: underline;
}

footer a {
  color: var(--bs-nav-link-color);
  text-decoration: none;
}