.pageHeader h1 {
  font-size: 2.4rem;
  font-family: var(--font-serif);
  text-align: center;
  aspect-ratio: 1280/135;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url('/assets/images/common/h1_pc.png') no-repeat center / contain;
}

.mapTitle {
  text-align: center;
  font-family: var(--font-serif);
  margin-bottom: 1em;
}

.map {
  width: min(80rem, 96%);
  margin: 2em auto 8em;
  aspect-ratio: 16/9;
}

@media (max-width: 767px) {
  .map {
    aspect-ratio: 4/3;
  }
}

.map iframe {
  width: 100%;
  height: 100%;
}