/* ===== 院長紹介（左半分に段の高さいっぱいの写真、右の淡い面に見出し・名前・文・ボタンを左揃えで。スマホは写真の下に文） ===== */
.doctor { display: flex; background-color: var(--pale); }
.doctor__img { position: relative; width: 50%; }
.doctor__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; }
.doctor__box { width: 50%; padding: 130px 5% 130px 80px; }
.doctor__in { max-width: 520px; }
.doctor__ttl { margin-bottom: 24px; }
.doctor__name { margin-bottom: 16px; color: var(--ink-dark); font-weight: 500; font-size: 1.125rem; letter-spacing: 0.1em; }
.doctor__name span { font-size: 0.875rem; font-weight: 400; color: var(--sub); }
.doctor__txt { margin-bottom: 24px; line-height: 2; }
.doctor__btn a { margin-bottom: 32px; }
@media (min-width: 768px) and (max-width: 1080px) {
  .doctor__box { padding: 96px 5% 96px 48px; }
}
@media (max-width: 767px) {
  .doctor { display: block; }
  .doctor__img { width: 100%; }
  .doctor__img img { position: static; aspect-ratio: 4 / 3; }
  .doctor__box { width: 100%; padding: 40px 7% 56px; }
  .doctor__ttl { margin-bottom: 16px; }
  .doctor__btn a { margin-bottom: 16px; }
}