@charset "utf-8";
/* CSS Document */
/* ドクターPC */
.section-doctor__inner {
  display: flex;
  /* 休診日と診療予約・電話を横並び */
  flex-wrap: wrap;
  /* マルチラインの表示。横幅収まらなくなったら縦配置に変わる */
  justify-content: center;
  /* 横方向の位置揃え */
  align-items: flex-start;
  /* 縦方向の位置揃え */
  gap: 16px clamp(30px, 44%, 74px);
  /* gap＝フレックスアイテムの間の余白調整。比較関数：clamp(最小値,推奨値,最大値) */
  width: 90%;
  margin: 0 auto;
}
.section-doctor__image {
  width: 100%;
  max-width: 467px;
}
.section-doctor__wrapper {
  width: 100%;
  max-width: 778px;
}
.section-doctor__name {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  column-gap: 20px;
  margin-bottom: 60px;
}
.doctor-position,
.name {
  font-weight: 600;
}
.doctor-position {
  font-size: 2.4rem;
}
.name {
  font-size: 3.6rem;
}
.ruby {
  font-size: 1.2rem;
  text-align: center;
}
.section-doctor__biography,
.section-doctor__license {
  margin-bottom: 60px;
}
.section-doctor__biography table,
.section-doctor__license table {
  table-layout: fixed;
  /* テキスト量による自動調整をなくす */
  width: 100%;
  /* 全体の幅を指定 */
}
.section-doctor__biography table th,
.section-doctor__license table th {
  width: 22%;
  /* 全体に対するthの幅を指定 */
  font-weight: 500;
  padding-right: 40px;
  /* 年と内容の間の余白 */
}
.section-doctor__biography table th,
.section-doctor__license table th {
  vertical-align: top;
}
.section-doctor__greeting h4 {
  width: 90%;
  max-width: 1320px;
  /* 文章の範囲 */
  margin: 0 auto 15px;
}
.section-doctor__greeting p {
  width: 90%;
  max-width: 1320px;
  /* 文章の範囲 */
  margin: 0 auto;
}
.date span {
  display: inline-block;
  /* 略歴の年月日の自動改行位置を指定 */
}
/* ドクターPCとSPの間 */
@media(max-width: 1465px) {
  .section-doctor__wrapper {
    max-width: 1320px;
  }
  .section-doctor__name {
    justify-content: center;
  }
}
/* ドクターSP */
@media(max-width: 750px) {
  .section-doctor__name {
    font-size: 3.0rem;
    line-height: 4.8rem;
  }
  .doctor-position {
    font-size: 1.6rem;
  }
  .name {
    font-size: 3.0rem;
  }
}