@charset "utf-8";
/* CSS Document */
.topic-path {
  margin: 40px auto;
  /* common.cssのmargin変更、autoは中央寄せ */
}
/* ページ内リンクPC */
.facilities-navigation {
  width: 90%;
  margin: 0 auto;
}
.facilities-navigation__list {
  display: flex;
  /* メニューを横並び */
  flex-wrap: wrap;
  /* マルチラインの表示。横幅収まらなくなったら縦配置に変わる */
  justify-content: center;
  /* 横方向の位置揃え */
  align-items: flex-end;
  /* 縦方向の位置揃え */
  gap: 16px clamp(30px, 44%, 67px);
  /* gap＝フレックスアイテムの間の余白調整。比較関数：clamp(最小値,推奨値,最大値) */
  margin: 0 auto;
  max-width: 1318px;
}
.facilities-navigation__list li {
  width: 100%;
  max-width: 395px;
  margin-top: 40px;
}
.facilities-navigation__list li .btn img {
  vertical-align: middle;
}
/* 院内設備PC */
.section-hospital,
.separation,
.sterilization {
  padding-bottom: 100px;
  /* liのmargin-bottom: 40px;と合わせて100+40＝140px */
}
.separation,
.sterilization,
.others {
  padding-top: 184px;
  /* 余白分140px+別ページリンクでずれる分（ヘッダーの高さ分） */
  margin-top: -184px;
  /* 別ページリンクでずれる分（ヘッダーの高さ分） */
}
.section-hospital,
.section-facilities,
#life-monitor {
  padding-top: 324px;
  /* 余白分140px+別ページリンクでずれる分（ヘッダーの高さ分）184px */
  margin-top: -184px;
  /* 別ページリンクでずれる分（ヘッダーの高さ分） */
}
.section-hospital h4,
.separation h4,
.sterilization h4,
.others h4 {
  max-width: 1320px;
  width: 90%;
  text-align: center;
  border-bottom: 0;
  /* 線をキャンセル */
}
.section-hospital h4,
.separation h4,
.sterilization h4 {
  margin: 0 auto;
}
.others h4 {
  margin: 0 auto 80px;
}
.section-hospital__lead,
.separation__lead,
.sterilization__lead {
  max-width: 1320px;
  width: 90%;
  font-size: 2.4rem;
  line-height: 3.9rem;
  margin: 0 auto 80px;
}
.section-hospital ul,
.separation ul,
.sterilization ul,
.others ul {
  display: flex;
  /* 休診日と診療予約・電話を横並び */
  flex-wrap: wrap;
  /* マルチラインの表示。横幅収まらなくなったら縦配置に変わる */
  justify-content: center;
  /* 横方向の位置揃え */
  gap: 16px 5%;
  /* gap＝フレックスアイテムの間の余白調整。比較関数：clamp(最小値,推奨値,最大値) */
  max-width: 1320px;
  width: 90%;
  margin: 0 auto;
  list-style: none;
  /* リストの数字を消す */
}
.section-hospital ul li,
.separation ul li,
.sterilization ul li,
.others ul li {
  display: flex;
  /* 孫要素の余白をそろえるために設定 */
  flex-direction: column;
  /* 孫要素を縦並びにする */
  margin-bottom: 40px;
}
.section-hospital ul li,
.sterilization ul li {
  width: 30%;
  max-width: 395px;
}
.separation ul li,
.others ul li {
  width: 100%;
  max-width: 524px;
}
.section-hospital__image,
.separation__image,
.sterilization__image,
.others__image {
  width: 100%;
  vertical-align: bottom;
  margin: 0 auto;
}
.section-hospital__image,
.sterilization__image {
  max-width: 395px;
}
.separation__image,
.others__image {
  max-width: 524px;
}
.section-hospital h5,
.separation h5,
.sterilization h5,
.others h5 {
  margin-top: 20px;
  margin-bottom: 15px;
}
.section-hospital h5,
.sterilization h5 {
  flex-grow: 1;
  /* 余白の統一 */
}
.section-hospital ul li p,
.sterilization ul li p {
  flex-grow: 1;
  /* 余白の統一 */
  height: 100%;
  /* 高さをそろえる */
}
.others__description {
  margin-bottom: 20px;
}
#life-monitor {
  padding-top: 184px;
  /* 別ページリンクでずれる分（ヘッダーの高さ分） */
  margin-top: -184px;
  /* 別ページリンクでずれる分（ヘッダーの高さ分） */
}
/* 院内設備PCとSPの間 */
@media(max-width: 1422px) {
  .sterilization h5 {
    height: 100%;
    /* 高さをそろえる */
    min-height: 18%;
  }
}
@media(max-width: 1226px) {
  .separation ul li,
  .others ul li,
  .separation__image,
  .others__image {
    max-width: 395px;
  }
}
@media(max-width: 1140px) {
  .section-hospital, .section-facilities {
    padding-top: 394px;
    /* 余白分140px+別ページリンクでずれる分（ヘッダーの高さ分）254px */
    margin-top: -254px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
  }
  .section-hospital ul li, .sterilization ul li {
    width: 100%;
  }
  .sterilization h5 {
    min-height: 0%;
    /* キャンセル */
  }
  .separation, .sterilization,
  .others,
  #life-monitor {
    padding-top: 254px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
    margin-top: -254px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
  }
}
/* 院内設備SP */
@media(max-width: 750px) {
  .section-hospital,
  .separation,
  .sterilization {
    padding-bottom: 60px;
    /* liのmargin-bottom: 40px;と合わせて60+40＝100px */
  }
  .section-hospital,
  .section-facilities {
    padding-top: 158px;
    /* 余白分100px+別ページリンクでずれる分（ヘッダーの高さ分）59px */
    margin-top: -58px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
  }
  .section-hospital__lead,
  .separation__lead,
  .sterilization__lead {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin: 0 auto 40px;
  }
  .separation ul li,
  .others ul li,
  .separation__image,
  .others__image {
    max-width: 395px;
  }
  .separation,
  .sterilization,
  .others,
  #life-monitor {
    padding-top: 58px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
    margin-top: -58px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
  }
}