.l-content {
  background: #000;
  color: #FFF;
  padding-bottom: 80px;
  padding-top: 200px;
}
@media screen and (max-width: 768px) {
  .l-content {
    padding-top: 60px;
  }
}

.c-gmap-link {
  font-size: clamp(11.2px, 1.009vw, 16.8px);
  width: 480px;
  height: 68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid #FFF;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .c-gmap-link {
    width: 90%;
    height: 50px;
  }
}

.c-space {
  margin-top: 50px;
}

.c-zoom-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(9.333vw, 42px);
  -webkit-transform-origin: left;
          transform-origin: left;
  opacity: 0;
}

.c-title--page {
  font-size: clamp(17.6px, 1.585vw, 26.4px);
  border-bottom: 1px solid #999;
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .c-title--page {
    font-size: clamp(12.8px, 4.267vw, 19.2px);
    padding-bottom: 10px;
    margin: 0;
  }
}
.c-title--page img {
  display: block;
}
@media screen and (max-width: 768px) {
  .c-title--page img {
    height: 100%;
    width: auto;
  }
}

.c-title--page__caption {
  margin-bottom: 30px;
}

.c-zoom::before {
  content: "";
  background-image: url("../img/map/icon.webp");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: min(11.733vw, 52.8px);
  height: min(11.733vw, 52.8px);
  border-radius: 0;
  background-color: transparent;
}

.t-access__guide__map__image {
  width: min(57.637vw, 960px);
  margin-inline: auto;
}
@media screen and (max-width: 768px) {
  .t-access__guide__map__image {
    width: 100%;
  }
}

.moyori {
  text-align: center;
  font-size: clamp(12.8px, 1.153vw, 19.2px);
  line-height: 1;
  margin-top: 30px;
  margin-bottom: 40px;
}
.moyori span {
  font-size: 140%;
}
.moyori strong {
  font-size: 170%;
}
@media screen and (max-width: 768px) {
  .moyori {
    margin-top: 30px;
    margin-bottom: 30px;
    line-height: 1.3;
  }
}
.moyori.-mt {
  margin-top: 70px;
}
@media screen and (max-width: 768px) {
  .moyori.-mt {
    margin-top: 30px;
  }
}
.moyori.-mb {
  margin-bottom: 90px;
}
@media screen and (max-width: 768px) {
  .moyori.-mb {
    margin-bottom: 40px;
  }
}

.t-access__guide__map__image figcaption {
  position: static;
  text-align: right;
}
/*# sourceMappingURL=map.css.map */