.facilities {
  padding: 60px 0 76px;
  background-color: #f7e2cf;
  background-image: radial-gradient(circle, rgba(197, 138, 91, 0.12) 1.5px, transparent 1.5px);
  background-size: 12px 12px;
  color: #333333;
  font-family: "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
}
.facilities .facilities__heading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 88%;
  margin: 0 auto 44px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8;
}
.facilities .facilities__heading::before,
.facilities .facilities__heading::after {
  content: "";
  flex: 0 0 2px;
  height: 54px;
  background: #C58A5B;
  transform: rotate(-22deg);
}
.facilities .facilities__heading::after { transform: rotate(22deg); }
.facilities .facilities__cards { display: grid; gap: 32px; width: 84%; margin: 0 auto; }
.facilities .facilities__card { overflow: hidden; border-radius: 28px; background: #FFFFFF; }
.facilities .facilities__photo { display: block; width: 100%; height: auto; aspect-ratio: 5 / 3; object-fit: cover; object-position: center; }
.facilities .facilities__text { padding: 20px 28px 28px; }
.facilities .facilities__title { margin: 0; padding-bottom: 10px; border-bottom: 1px solid #F3E7D9; text-align: center; text-wrap: balance; font-size: 18px; font-weight: 700; line-height: 1.6; }
.facilities .facilities__description { margin: 12px 0 0; text-align: left; font-size: 16px; line-height: 1.8; }
@media (max-width: 380px) {
  .facilities .facilities__heading { gap: 10px; font-size: 14px; }
  .facilities .facilities__text { padding-right: 20px; padding-left: 20px; }
  .facilities .facilities__title { font-size: 16px; }
}