.page-title {
  background-image: url("../img/facility/mv.jpg");
}
@media only screen and (max-width: 767px) {
  .page-title {
    background-image: url("../img/facility/sp/mv.jpg");
    margin-bottom: 16.3rem;
  }
}

#breadcrumb {
  margin-bottom: 9.7rem;
}

.inner {
  width: 120rem;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .inner {
    width: 66.5rem;
  }
}
.inner .title {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 767px) {
  .inner .title {
    margin-bottom: 6rem;
  }
}
.inner .title .section-ttl {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 767px) {
  .inner .title .section-ttl {
    margin-bottom: 4.2rem;
  }
}
.inner .title .read {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .inner .title .read {
    text-align: left;
  }
}
.inner .facility-image {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 5rem;
  gap: 0;
}
@media only screen and (max-width: 767px) {
  .inner .facility-image {
    margin-bottom: 7rem;
  }
}
.inner .facility-image img {
  display: block;
  width: 100%;
}
.inner .link-btm {
  width: 30rem;
  margin: auto;
}
@media only screen and (max-width: 767px) {
  .inner .link-btm {
    width: 54.4rem;
  }
}

.restaurant {
  margin-bottom: 10rem;
}
@media only screen and (max-width: 767px) {
  .restaurant {
    margin-bottom: 15.3rem;
  }
}

.guide {
  background: #f2f2f2;
  padding: 10.5rem 0 10rem;
}
@media only screen and (max-width: 767px) {
  .guide {
    padding: 15rem 0;
  }
}
/*# sourceMappingURL=facility.css.map */