/* Sass Document */
.facility_about_content {
  padding-bottom: 120px;
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .facility_about_content {
    display: block;
    padding-bottom: 40px;
  }
}
.facility_about_content .section_ttl + .txt {
  margin-top: 30px;
}
@media screen and (max-width: 767.98px) {
  .facility_about_content .section_ttl + .txt {
    margin-top: 10px;
  }
}
.facility_about_content .txt_wrapper {
  max-width: 547px;
  margin-left: auto;
  width: 50%;
}
@media screen and (max-width: 767.98px) {
  .facility_about_content .txt_wrapper {
    width: auto;
    padding-left: 6.6666666667%;
    padding-right: 6.6666666667%;
    margin-left: 0;
    max-width: inherit;
  }
}
.facility_about_content .img_wrapper {
  margin: 0;
  flex-shrink: 0;
  width: calc(50% - 78px);
  padding-left: 78px;
  box-sizing: content-box;
  margin-top: 10px;
}
@media screen and (max-width: 767.98px) {
  .facility_about_content .img_wrapper {
    width: auto;
    padding-left: 0;
    margin-top: 20px;
  }
}
.facility_about_content .img_wrapper img {
  width: 100%;
}

.facility_block:nth-of-type(odd) {
  background-color: #f4f5f7;
}

.facility_block {
  padding: 71px 0 80px;
}
@media screen and (max-width: 767.98px) {
  .facility_block {
    padding: 30px 0 40px;
  }
}
.facility_block:last-of-type {
  padding-bottom: 0;
}
.facility_block .section_ttl + .txt {
  margin-top: 30px;
}
@media screen and (max-width: 767.98px) {
  .facility_block .section_ttl + .txt {
    margin-top: 10px;
  }
}
.facility_block .txt {
  letter-spacing: 0.074em;
}

.facility_img_list {
  display: flex;
  flex-wrap: wrap;
  gap: 25px 2.2727272727%;
  margin-top: 30px;
}
@media screen and (max-width: 767.98px) {
  .facility_img_list {
    display: block;
    margin-top: 20px;
  }
}

.facility_img_item {
  width: 31.8181818182%;
}
@media screen and (max-width: 767.98px) {
  .facility_img_item {
    width: 100%;
  }
}
.facility_img_item figure {
  margin: 0;
  aspect-ratio: 360/272;
  overflow: hidden;
}
.facility_img_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .facility_img_item + .facility_img_item {
    margin-top: 20px;
  }
}

.amenities__list {
  display: flex;
  flex-wrap: wrap;
  gap: 25px 2.2727272727%;
  margin-top: 30px;
}
@media screen and (max-width: 767.98px) {
  .amenities__list {
    display: block;
    margin-top: 20px;
  }
}

.amenities__item {
  background-color: #f4f5f7;
  width: 31.8181818182%;
  padding: 30px 30px 38px;
}
@media screen and (max-width: 767.98px) {
  .amenities__item {
    width: 100%;
    padding: 15px;
  }
}
.amenities__item.image {
  background-color: transparent;
  padding: 0;
}
.amenities__item .ttl {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.4285714286;
}
@media screen and (max-width: 767.98px) {
  .amenities__item .ttl {
    font-size: 1.8rem;
  }
}
.amenities__item .list {
  margin-top: 20px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767.98px) {
  .amenities__item .list {
    font-size: 1.2rem;
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
  }
}
.amenities__item .item {
  line-height: 1.5;
  letter-spacing: 0.074em;
}
@media screen and (max-width: 767.98px) {
  .amenities__item + .amenities__item {
    margin-top: 20px;
  }
}
/*# sourceMappingURL=facility.css.map */