@charset "utf-8";

.access_caption {
  font-size: min(4.8vw, 2rem);
  font-weight: 600;
}

.access_map {
  margin-bottom: 4.5rem;
}

.access_map iframe {
  width: 100%;
  aspect-ratio: 4/2.5;
}

.access_route {
  display: flex;
  align-items: start;
  margin-bottom: 5.5rem;
}

.access_route::before {
  display: inline-block;
  content: "";
  width: 2.8rem;
  height: 1px;
  background-color: var(--font_color);
  margin-top: 8px;
  flex-shrink: 0;
}

.access_sbttl {
  font-size: 1.7rem;
  margin-bottom: .5em;
}

.access_desc {
  font-size: 1.5rem;
  margin-bottom: 0;
}

@media all and (min-width: 769px) {
  .access_route {
    margin-bottom: 4.3rem;
  }

  .access_route::before {
    width: 3.5rem;
  }

  .access_sbttl {
    font-size: 1.9rem;
  }

  .access_desc {
    font-size: 1.6rem;
  }
}