@charset "UTF-8";
/* 現地案内図ページ
------------------------------------------------------ */
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
.pre-inc .map {
  color: #fff;
}
.pre-inc .map::before {
  position: fixed;
  z-index: -1;
  inset: 0;
  content: "";
  background: url(../images/top/bg.webp) center/cover;
}
.pre-inc .map-wrapper {
  padding: 0 0 min(7.8125vw, 100px);
}
@media (max-width: 767px) {
  .pre-inc .map-wrapper {
    padding: 0 0 14.2857142857vw;
  }
}
.pre-inc .map-viewer {
  width: min(73.4375vw, 940px);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .pre-inc .map-viewer {
    width: 92.8571428571vw;
  }
}
.pre-inc .map-viewer__wrapper {
  position: relative;
}
.pre-inc .map-viewer__img {
  overflow: hidden;
  aspect-ratio: 4/3;
}
@media (max-width: 767px) {
  .pre-inc .map-viewer__img {
    aspect-ratio: 1/1;
  }
}
.pre-inc .map-viewer__img img {
  max-width: none;
  width: min(113.125vw, 1448px);
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 767px) {
  .pre-inc .map-viewer__img img {
    width: 197.8571428571vw;
  }
}
.pre-inc .map-viewer__nav {
  position: absolute;
  z-index: 1;
  width: min(4.375vw, 56px);
  aspect-ratio: 1/1;
  background: url(../images/map/chevron.svg) no-repeat center/min(3.28125vw, 42px) min(1.796875vw, 23px);
  font-size: 0;
  color: transparent;
  filter: drop-shadow(0 0 3px rgb(0, 0, 0));
  cursor: pointer;
}
@media (max-width: 767px) {
  .pre-inc .map-viewer__nav {
    width: 8vw;
    background-size: 6vw 3.2857142857vw;
  }
}
.pre-inc .map-viewer__nav--left {
  top: 50%;
  translate: 0 -50%;
  left: 0;
  rotate: -90deg;
}
.pre-inc .map-viewer__nav--right {
  top: 50%;
  translate: 0 -50%;
  right: 0;
  rotate: 90deg;
}
.pre-inc .map-viewer__nav--up {
  left: 50%;
  translate: -50% 0;
  top: 0;
}
.pre-inc .map-viewer__nav--down {
  left: 50%;
  translate: -50% 0;
  bottom: 0;
  rotate: 180deg;
}
.pre-inc .map-viewer__compass {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: min(3.90625vw, 50px);
}
@media (max-width: 767px) {
  .pre-inc .map-viewer__compass {
    bottom: 5px;
    right: 5px;
    width: 10.7142857143vw;
  }
}
.pre-inc .map-viewer__caption {
  margin-top: 1em;
  font-size: min(0.78125vw, 10px);
  text-align: right;
}
@media (max-width: 767px) {
  .pre-inc .map-viewer__caption {
    font-size: 1.8571428571vw;
  }
}
.pre-inc .map-viewer__text {
  display: grid;
  margin-bottom: 2em;
  padding: 1em 0;
  font-size: min(1.09375vw, 14px);
  text-align: center;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
@media (max-width: 767px) {
  .pre-inc .map-viewer__text {
    font-size: 3vw;
  }
}
.pre-inc .map-button {
  display: block;
  width: min(23.4375vw, 300px);
  margin: min(4.6875vw, 60px) auto 0;
  transition: background-color 0.3s ease-out;
}
@media (max-width: 767px) {
  .pre-inc .map-button {
    width: 51.4285714286vw;
    margin: 8.5714285714vw auto 0;
  }
}
.pre-inc .map-button:hover {
  background: rgba(255, 255, 255, 0.3);
}/*# sourceMappingURL=map.css.map */