@charset "utf-8";
.welfare_about, .welfare_facility {
  background: var(--wata-paper);
}
.welfare_about .section_heading {
  margin-bottom: 45px;
}
.welfare_about_title {
  font-weight: 500;
  letter-spacing: .07em;
}
.features_grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 40px;
  margin-top: 40px;
}
.feature_card {
  position: relative;
}
.feature_image {
  aspect-ratio: 350/250;
  overflow: hidden;
}
.feature_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.feature_number {
  position: relative;
  margin: -25px auto 0;
  text-align: center;
  z-index: 1;
}
.feature_number > p:first-child {
  font-family: Montserrat, sans-serif;
  font-size: 43px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--wata-pink);
}
.feature_number > p:last-child {
  font-family: Montserrat, sans-serif;
  color: var(--wata-pink);
  font-weight: 700;
}
.feature_card h3 {
  text-align: center;
  line-height: 1.4;
  font-weight: 500;
  margin: 25px 0 18px;
}
.feature_card > p {
  line-height: 1.8;
}
.facility_list {
  display: grid;
  gap: 50px;
}
.facility_card {
  padding: 35px;
  background: #fff;
  border: 1px solid #d2d9c9;
  border-radius: 20px;
}
.facility_photos {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
}
.facility_photos img {
  aspect-ratio: 1.35;
  object-fit: cover;
  border-radius: 10px;
}
.facility_info {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 40px;
  margin-top: 30px;
}
.facility_description {
  position: relative;
}
.facility_number {
  display: table;
  margin-top: -65px;
  margin-bottom: 15px;
  position: relative;
  background: #fff;
  border: 1px solid var(--wata-pink);
  border-radius: 8px;
  color: var(--wata-pink);
  padding: 8px 15px;
  font-family: Montserrat, sans-serif;
}
.facility_description h3 {
  margin-bottom: 15px;
  font-weight: 500;
}
.facility_data > div {
  display: grid;
  grid-template-columns: 85px 1fr;
  border-top: 1px solid #e7e4dd;
}
.facility_data > div:last-child {
  border-bottom: 1px solid #e7e4dd;
}
.facility_data h4, .facility_data p {
  padding: 15px 12px;
}
.facility_data h4 {
  background: var(--wata-paper);
  font-weight: 700;
}
.welfare_price .price_row:last-child {
  background: #fff8f8;
}
.welfare_price .price_row:last-child p {
  font-weight: 700;
  color: var(--wata-pink);
}
@media(max-width:1080px) {
  .features_grid {
    gap: 25px;
  }
  .facility_info {
    gap: 25px;
  }
  .facility_card {
    padding: 25px;
  }
}
@media(max-width:768px) {
  .features_grid {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .feature_card {
    max-width: 500px;
    margin: auto;
  }
  .facility_info {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .facility_number {
    margin-top: 0;
  }
  .facility_photos {
    gap: 8px;
  }
}
@media(max-width:576px) {
  .facility_card {
    padding: 20px;
  }
  .facility_photos {
    grid-template-columns: 1fr;
  }
  .facility_photos img {
    aspect-ratio: 1.5;
  }
  .facility_data > div {
    grid-template-columns: 65px 1fr;
  }
  .facility_data h4, .facility_data p {
    padding: 12px 8px;
  }
  .facility_data h4 {
    font-size: 14px;
  }
}
/* FEATURES：写真の枠線・角丸はCSSで指定 */
.welfare_features .feature_image {
  box-sizing: border-box;
  border: 4px solid #efefed;
  border-radius: clamp(20px, 2.2vw, 32px);
  overflow: hidden;
}
/* 施設番号の札 */
.welfare_facility .facility_number {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  box-sizing: border-box;
  width: 100px;
  min-height: 100px;
  margin-top: -80px;
  margin-bottom: 20px;
  padding: 14px 8px;
  border: 0;
  border-radius: 12px 12px 0 0;
  background: #fff;
  color: var(--wata-pink);
}
.welfare_facility .facility_number > p:first-child {
  font-family: Montserrat, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--wata-pink);
}
.welfare_facility .facility_number > p:last-child {
  font-family: Montserrat, sans-serif;
  font-size: 33px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 3px;
  color: var(--wata-pink);
}
@media(max-width:768px) {
  .welfare_facility .facility_number {
    margin-top: -70px;
    width: 90px;
    min-height: 90px;
  }
}
/* リード文の下に余白を確保 */
.welfare_page .page_lead {
  padding-bottom: clamp(50px, 6.5vw, 90px);
}
.footer_background {
    background: #fff;
}
/* 577〜768px：施設写真を大きく表示 */
@media screen and (min-width:577px) and (max-width:768px){
  .welfare_facility .facility_photos{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .welfare_facility .facility_photos>img{
    width:100%;
    height:auto;
    aspect-ratio:4/3;
    object-fit:cover;
  }
  .welfare_facility .facility_photos>img:last-child:nth-child(odd){
    grid-column:1/-1;
    width:calc((100% - 12px)/2);
    justify-self:center;
  }
  .welfare_facility .facility_number{
    margin-top:0;
  }
}