.facility-introduction {
  font-family:
    "Zen Maru Gothic",
    system-ui,
    -apple-system,
    "Hiragino Kaku Gothic ProN",
    "Noto Sans JP",
    "Yu Gothic",
    "Meiryo",
    sans-serif;
  margin-bottom: 40px;

  .facility-introduction__inner {
    padding-inline: 25px;
  }

  .facility-introduction__heading {
    font-family:
      "Zen Maru Gothic",
      system-ui,
      -apple-system,
      "Hiragino Kaku Gothic ProN",
      "Noto Sans JP",
      "Yu Gothic",
      "Meiryo",
      sans-serif;
    margin-bottom: 43px;
    padding-top: 22px;
  }

  .facility-introduction__image-group {
    column-gap: 32px;
    display: grid;
    grid-template-columns: repeat(3, minmax(auto, 250px));
    justify-content: center;
    margin-bottom: 60px;

    @media (max-width: 567px) {
      column-gap: clamp(7px, 14.37vw + -49.47px, 32px);
      grid-template-columns: repeat(3, 1fr);
      margin-bottom: clamp(18px, 24.14vw + -76.86px, 60px);
    }

    /* タブレット: PC の minmax(auto, 250px) がオーバーフローする幅帯で 1fr に切り替え */
    /* 3列×250px + 2ギャップ×32px = 814px → 内側余白50px込みで864px未満は 1fr */
    @media (min-width: 568px) and (max-width: 863px) {
      grid-template-columns: repeat(3, 1fr);
    }
  }

  .facility-introduction__image {
    aspect-ratio: 1 / 1;

    img {
      height: auto;
      object-fit: cover;
      width: 100%;
    }
  }

  .facility-introduction__description {
    color: #4c4c4c;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 60px;
    padding-inline: 14px;
    text-align: center;

    @media (max-width: 567px) {
      font-size: clamp(12px, 3.45vw + -1.55px, 18px);
      margin-bottom: clamp(18px, 24.14vw + -76.86px, 60px);
      text-align: left;
    }
  }
}