@media screen and (min-width: 768px) {
  .introSect__head + .introSect__cont {
    margin-top: 10rem;
  }
}
@media screen and (max-width: 768px) {
  .introSect__head + .introSect__cont {
    margin-top: 8rem;
  }
}
.routeGuide {
  display: flex;
}
@media screen and (min-width: 768px) {
  .routeGuide {
    flex-direction: row;
    gap: 4rem;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .routeGuide {
    flex-direction: column;
    gap: 4.8rem;
    margin-top: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .routeGuide + .caption {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 768px) {
  .routeGuide + .caption {
    margin-top: 3.2rem;
  }
}
.routeGuide__item {
  flex: 1 1 0;
  min-width: 0;
}
.routeGuide__ttl {
  align-items: baseline;
  border-bottom: 0.1rem solid #C9C2B2;
  display: flex;
  gap: 1.2rem;
  margin: 0 0 2.4rem;
  padding-bottom: 1.2rem;
}
.routeGuide__ttl .en {
  color: #9A8857;
  font-family: "Cormorant Infant", serif;
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .routeGuide__ttl .en {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .routeGuide__ttl .en {
    font-size: 1.8rem;
  }
}
.routeGuide__ttl .jp {
  letter-spacing: 0.08em;
}
@media screen and (min-width: 768px) {
  .routeGuide__ttl .jp {
    font-size: 1.7rem;
  }
}
@media screen and (max-width: 768px) {
  .routeGuide__ttl .jp {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .facilitySlider {
    margin-top: 12rem;
  }
}
@media screen and (max-width: 768px) {
  .facilitySlider {
    margin-top: 8rem;
  }
}
.facilitySlider__slider {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .facilitySlider__slider {
    height: 54.9rem;
    margin: 0 -8rem;
  }
}
@media screen and (max-width: 768px) {
  .facilitySlider__slider {
    height: 27.5rem;
    margin: 0 -3.6rem;
  }
}
.facilitySlider__track {
  align-items: flex-start;
  display: flex;
  height: 100%;
  width: -moz-max-content;
  width: max-content;
  will-change: transform;
}
.facilitySlider__slide {
  flex-shrink: 0;
  height: auto;
}
.facilitySlider__slide .photo {
  aspect-ratio: 3/2;
  overflow: hidden;
  width: 100%;
}
.facilitySlider__slide .photo__pic,
.facilitySlider__slide .photo__image {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .facilitySlider__slide[data-slide-index="0"] {
    margin-left: 11.2rem;
    width: 38.9rem;
  }
}
@media screen and (max-width: 768px) {
  .facilitySlider__slide[data-slide-index="0"] {
    margin-left: 8rem;
    width: 19.5rem;
  }
}
@media screen and (min-width: 768px) {
  .facilitySlider__slide[data-slide-index="1"] {
    margin: 32.7rem 0 0 -5.4rem;
    width: 27.8rem;
  }
}
@media screen and (max-width: 768px) {
  .facilitySlider__slide[data-slide-index="1"] {
    margin: 16.4rem 0 0 -2.7rem;
    width: 13.9rem;
  }
}
@media screen and (min-width: 768px) {
  .facilitySlider__slide[data-slide-index="2"] {
    margin: 3.7rem 0 0 -16.8rem;
    width: 27.8rem;
  }
}
@media screen and (max-width: 768px) {
  .facilitySlider__slide[data-slide-index="2"] {
    margin: 1.9rem 0 0 -8.4rem;
    width: 13.9rem;
  }
}
@media screen and (min-width: 768px) {
  .facilitySlider__slide[data-slide-index="3"] {
    margin: 29rem 0 0 -5.4rem;
    width: 38.9rem;
  }
}
@media screen and (max-width: 768px) {
  .facilitySlider__slide[data-slide-index="3"] {
    margin: 14.5rem 0 0 -2.7rem;
    width: 19.5rem;
  }
}
@media screen and (min-width: 768px) {
  .facilitySlider__slide[data-slide-index="4"] {
    margin: 0 0 0 -27.9rem;
    width: 38.9rem;
  }
}
@media screen and (max-width: 768px) {
  .facilitySlider__slide[data-slide-index="4"] {
    margin: 0 0 0 -14rem;
    width: 19.5rem;
  }
}
@media screen and (min-width: 768px) {
  .facilitySlider__slide[data-slide-index="5"] {
    margin: 29.2rem 0 0 -5.4rem;
    width: 27.8rem;
  }
}
@media screen and (max-width: 768px) {
  .facilitySlider__slide[data-slide-index="5"] {
    margin: 14.6rem 0 0 -2.7rem;
    width: 13.9rem;
  }
}
@media screen and (min-width: 768px) {
  .facilitySlider__note {
    margin-top: 4rem;
    text-align: right;
  }
}
@media screen and (max-width: 768px) {
  .facilitySlider__note {
    margin-top: 3.2rem;
  }
}
@media screen and (min-width: 768px) {
  .currentMapArea {
    margin: 0 auto;
    padding: 12rem 0;
    width: 105.6rem;
  }
}
@media screen and (max-width: 768px) {
  .currentMapArea {
    padding: 8rem 0;
  }
}
.currentMapArea__head {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .currentMapArea__head + .mapBlock {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 768px) {
  .currentMapArea__head + .mapBlock {
    margin-top: 3.2rem;
  }
}
@media only print {
  .header,
  .keyVisual,
  .introSect,
  .facilitySlider,
  .currentMapArea__head,
  .mapBtn,
  .footer {
    display: none !important;
  }
}
/*# sourceMappingURL=style.css.map */