/* ============ スタッフ紹介 専用スタイル ============ */
.breadcrumb { font-size: 13px; color: var(--text); margin-bottom: 18px; }
.breadcrumb a { color: var(--main); }
.breadcrumb span { margin: 0 8px; color: #ccc; }
.hero--plain .hero__slider { aspect-ratio: 1320 / 380; }
.hero__hours .tel { display: block; text-decoration: none; font-size: 20px; font-weight: 700; color: var(--main); text-align: center; margin-bottom: 8px; letter-spacing: .04em; }
.hero--plain .hero__hours { top: 20px; left: 20px; right: auto; padding: 10px 14px; font-size: 12px; box-shadow: 0 3px 10px rgba(0,0,0,.1); }
.hero--plain .hero__hours .tel { font-size: 15px; margin-bottom: 4px; }
.hero--plain .hero__hours th, .hero--plain .hero__hours td { padding: 2px 6px; }
.hero--plain .hero__hoursnote { font-size: 10px; margin-top: 4px; }

.staff__band { background: var(--main); color: #fff; text-align: center; font-size: 16px; font-weight: 700; letter-spacing: .1em; padding: 10px 20px; border-radius: 24px; margin-bottom: 16px; }

.doctor__intro-text { margin-bottom: 10px; }
.doctor__text .role { margin-top: 0; }
.doctor__text .name { margin: 2px 0 6px; }

.staff__photo-wrap { position: relative; display: flex; justify-content: center; align-items: flex-end; }
.staff__mark { position: absolute; top: 10%; right: -10%; width: 65%; max-width: 220px; opacity: .5; z-index: 0; }
.staff__photo { position: relative; z-index: 1; width: 100%; max-width: 260px; height: auto; display: block; }

.staff__career-wrap { max-width: 960px; margin: 30px auto 0; }
.staff__career { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.staff__career .doctor__career th { display: inline-block; width: 90px; }

/* doctor__grid: 3 items — doctor__intro-text(挨拶文) / doctor__text(役職+氏名) / staff__photo-wrap(写真) */
@media (min-width: 901px) {
  .doctor__grid { gap: 20px; grid-template-columns: 1fr 280px; }
  .doctor__text { grid-column: 1; grid-row: 1; order: 1; }
  .doctor__intro-text { grid-column: 1; grid-row: 2; order: 2; margin-top: 6px; }
  .staff__photo-wrap { grid-column: 2; grid-row: 1 / 3; order: 3; }
}

@media (max-width: 900px) {
  .hero--plain .hero__slider { aspect-ratio: 1201 / 550; }
  .breadcrumb { font-size: 16px; }
  .staff__band { font-size: 16px; }
  .staff__career { grid-template-columns: 1fr; }
  .staff__mark { width: 55%; max-width: 150px; }
  .staff__photo { max-width: 200px; }
  .doctor__grid { gap: 10px; }
  .staff__career .doctor__career th { width: 110px; }

  /* SP: 役職+氏名 → 写真 → 挨拶文 の順 */
  .doctor__text { order: 1; }
  .staff__photo-wrap { order: 2; max-width: 260px; margin: 0 auto 20px; }
  .doctor__intro-text { order: 3; }
}