@charset "utf-8";
/* CSS Document */
/* メディカルPC */
.section-medical__article {
  display: flex;
  /* 休診日と診療予約・電話を横並び */
  flex-wrap: wrap;
  /* マルチラインの表示。横幅収まらなくなったら縦配置に変わる */
  justify-content: center;
  /* 横方向の位置揃え */
  align-items: flex-start;
  /* 縦方向の位置揃え */
  gap: 16px clamp(30px, 44%, 82px);
  /* gap＝フレックスアイテムの間の余白調整。比較関数：clamp(最小値,推奨値,最大値) */
  max-width: 90%;
  padding-top: 184px;
  /* 別ページリンクでずれる分（ヘッダーの高さ分） */
  margin: -184px auto 140px;
  /* 別ページリンクでずれる分（ヘッダーの高さ分） */
  list-style: none;
  /* リストの数字を消す */
}
.section-medical__image {
  max-width: 524px;
  width: 100%;
  height: auto;
  vertical-align: bottom;
  margin-bottom: 40px;
}
.section-medical__text {
  max-width: 713px;
}
.section-medical__topic {
  background-color: #e8f6f5;
  padding: 40px 15px;
  margin-top: 40px;
}
.section-medical__topic h5,
.section-medical__topic p {
  max-width: 1320px;
  /* 文章の範囲 */
  width: 90%;
  margin: 20px auto;
}
#topic {
  padding-top: 184px;
  /* 別ページリンクでずれる分（ヘッダーの高さ分） */
  margin-top: -184px;
  /* 別ページリンクでずれる分（ヘッダーの高さ分） */
}
/* メディカルPCとSPの間 */
@media (max-width: 1465px) {
  .section-medical__text {
    max-width: 1320px;
    width: 100%;
  }
}
@media (max-width: 1140px) {
  .section-medical__article {
    padding-top: 254px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
    margin: -254px auto 140px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
  }
  #topic {
    padding-top: 254px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
    margin-top: -254px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
  }
}
/* メディカルSP */
@media (max-width: 750px) {
  .section-medical__article {
    padding-top: 58px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
    margin: -58px auto 100px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
  }
  .section-medical__image {
    margin-bottom: 20px;
  }
  .section-medical__text h5 br {
    display: none;
  }
  #topic {
    padding-top: 58px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
    margin-top: -58px;
    /* 別ページリンクでずれる分（ヘッダーの高さ分） */
  }
}