@charset "UTF-8";

/* ----------------------------------------------------------------------
 医師紹介ページ (page-tcd-doctors.php) 専用スタイル
---------------------------------------------------------------------- */

/* ----- セクション見出し h2 ( design_headline1 と共通で main_color ) ----- */
.doctors_section_heading {
  margin-bottom: 0;
}

/* 院長のあいさつ見出し直後の staff_list 上部マージン調整 */
.doctors_section_heading + #staff_list {
  margin-top: 20px;
}

/* ----- 写真なし時のレイアウト補正 ----- */
#staff_list .item.layout_type1.no_image .content {
  width: 100%;
}

/* ----- 経歴カテゴリラベル 【学歴】【職歴】 ----- */
.doctors_career_category {
  font-weight: 600;
  font-size: 16px;
  margin: 40px 0 15px;
  color: var(--main_color);
}
#staff_list .layout_type1 .post_content .doctors_career_category:first-of-type {
  margin-top: 0;
}

/* ----- 学歴リスト ----- */
.doctors_education {
  list-style: none;
  padding: 0;
  margin: 0 0 10px;
  line-height: 2.2;
}
.doctors_education li {
  padding-left: 1.2em;
  position: relative;
}
/* .doctors_education li::before {
  content: "・";
  position: absolute;
  left: 0;
} */

/* ----- 資格見出し（2つ目のデザイン見出し: 上マージン確保） ----- */
#staff_list .layout_type1 .post_content .doctors_qualifications_title {
  margin-top: 60px !important;
}

/* ----- 資格リスト ----- */
.doctors_qualifications {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 2.2;
}
.doctors_qualifications li {
  padding-left: 1.2em;
  position: relative;
}
/* .doctors_qualifications li::before {
  content: "・";
  position: absolute;
  left: 0;
} */

/* ----- 院長名エリア: position を名前の左横に並べて右寄せ ----- */
#staff_list .layout_type1 .name_area {
  display: flex;
  align-items: anchor-center;
    justify-content: flex-end;
    gap: 1.6em;
}
#staff_list .layout_type1 .name_area .position {
  margin-bottom: 0;
}

/* ----- レスポンシブ ----- */
@media screen and (max-width: 750px) {
  .doctors_section_heading + #staff_list {
    margin-top: 0;
  }
  .doctors_career_category {
    margin-top: 30px;
    font-size: 15px;
  }
  #staff_list .layout_type1 .post_content .doctors_qualifications_title {
    margin-top: 40px !important;
  }
}