/*===============================
outpatient-schedule
================================*/
@media screen and (min-width: 768px) {
}
/* ::::: 当院について ::::: */
#outpatient-schedule {
}
#outpatient-schedule .outpatient-schedule-section {
 padding: 60px 0;
 background: #fff;
}
@media screen and (min-width: 768px) {
 #outpatient-schedule .outpatient-schedule-section {
  padding: 100px 0;
  background: #fff;
 }
}
#outpatient-schedule .outpatient-schedule-header {
 border-bottom: 3px solid #d6a59c;
 margin-bottom: 40px;
}
#outpatient-schedule .outpatient-schedule-heading {
 display: flex;
 align-items: center;
 gap: 10px;
 font-family: "Noto Sans JP", "Helvetica Neue", sans-serif;
 font-size: clamp(1.2rem, 2.4vw, 2.4rem);
 font-weight: 700;
 color: #333;
}
#outpatient-schedule .outpatient-schedule-icon {
 width: 25px;
 height: 25px;
}
@media screen and (min-width: 768px) {
 #outpatient-schedule .outpatient-schedule-icon {
  width: 28px;
  height: 28px;
 }
}
/* --- 2カラム --- */
#outpatient-schedule .outpatient-schedule-flex {
 display: flex;
 gap: 48px;
 align-items: flex-start;
}

#outpatient-schedule .outpatient-schedule-photo {
 width: 50%;
 margin: 0;
}
#outpatient-schedule .outpatient-schedule-photo img {
 width: 100%;
 height: auto;
 display: block;
 border-radius: 6px;
}

#outpatient-schedule .outpatient-schedule-text {
 flex: 1;
 font-size: 1rem;
 line-height: 1.8;
 color: #333;
}
@media screen and (min-width: 768px) {
 #outpatient-schedule .outpatient-schedule-text {
  flex: 1;
  font-size: 1.2rem;
  line-height: 1.8;
  color: #333;
 }
}
#outpatient-schedule .outpatient-schedule-text p {
 margin: 0 0 1.8em;
}

#outpatient-schedule .outpatient-schedule-subheading {
 font-size: 1rem;
 font-weight: 700;
 color: #cc3366;
 margin: 2.8em 0 0.8em;
}
#outpatient-schedule .outpatient-schedule-list {
 list-style: disc;
 margin: 0 0 0 1.2em;
 padding: 0;
}
#outpatient-schedule .outpatient-schedule-list li {
 margin: 0 0 0.8em;
}

/* --- スマホ --- */
@media (max-width: 768px) {
 #outpatient-schedule .outpatient-schedule-section {
  padding: 70px 0;
 }
 #outpatient-schedule .outpatient-schedule-flex {
  flex-direction: column;
  gap: 32px;
 }
 #outpatient-schedule .outpatient-schedule-photo {
  flex: 0 0 auto;
  width: 100%;
 }
 #outpatient-schedule .outpatient-schedule-subheading {
  margin: 2em 0 0.8em;
 }
}
/* アクセスページのGoogleマップ */
#outpatient-schedule .outpatient-schedule-map {
 margin-bottom: 40px;
}
#outpatient-schedule .outpatient-schedule-map iframe {
 width: 100%;
 height: 500px;
 border: 0;
}
@media screen and (min-width: 768px) {
 #outpatient-schedule .outpatient-schedule-map iframe {
  width: 100%;
  height: 700px;
  border: 0;
 }
}
/* ::::: 外来診察表 ::::: */

/* ===== 基本レイアウト：診療科ブロック＋テーブル ===== */
#outpatient-schedule .clinic-unit {
 display: flex;
 align-items: stretch;
 gap: 14px; /* 左右に余白 */
 margin-bottom: 40px;
}

/* ピンク診療科ボックス */
#outpatient-schedule .dept-box {
 min-width: 185px; /* 固定幅 */
 background: #cc3366;
 color: #fff;
 font-weight: 700;
 font-size: 1.3rem;
 display: flex;
 justify-content: center;
 align-items: center;
 border-radius: 8px;
 padding: 10px 0;
}
@media (min-width: 768px) {
 #outpatient-schedule .dept-box {
  min-width: 185px; /* 固定幅 */
  background: #cc3366;
  color: #fff;
  font-weight: 700;
  font-size: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  padding: 18px 0;
 }
}
/* 右側テーブル横スクロールラッパー */
#outpatient-schedule .table-scroll {
 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
 min-width: 620px; /* スマホでスクロールさせる */
 flex: 1;
}

/* ===== テーブル ===== */
#outpatient-schedule .clinic-table {
 width: 100%;
 border-collapse: separate;
 border-spacing: 2px;
 font-size: 0.95rem;
}
#outpatient-schedule .clinic-table th,
#outpatient-schedule .clinic-table td {
 padding: 15px 8px;
 border-radius: 8px;
 text-align: center;
 font-size: 1em;
 background: #f6f6f6;
}
@media (min-width: 768px) {
 #outpatient-schedule .clinic-table th,
 #outpatient-schedule .clinic-table td {
  padding: 15px 8px;
  border-radius: 8px;
  text-align: center;
  font-size: 1.2em;
  background: #f6f6f6;
 }
}
#outpatient-schedule .clinic-table .head {
 background: #fbd4d6; /* ヘッダー用ピンク */
 font-weight: 700;
 border-radius: 8px;
 font-size: 1.2em;
}
#outpatient-schedule .clinic-table .head01 {
 width: 20%;
 background: #fbd4d6;
 font-weight: 700;
 border-radius: 8px;
 font-size: 1.2em;
}
/* 曜日列幅を整える */
#outpatient-schedule .clinic-table td:nth-child(n + 3) {
 width: 58px;
}

/* ===== 備考 ===== */
#outpatient-schedule .schedule-note {
 margin: 26px 0 0;
 font-size: 1.1em;
 line-height: 1.8;
}

/* ===== レスポンシブ ===== */
@media (max-width: 768px) {
 #outpatient-schedule .schedule-section {
  padding: 70px 0;
 }
 #outpatient-schedule .clinic-unit {
  flex-direction: column;
  gap: 20px;
 }
 #outpatient-schedule .dept-box {
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
 }
 #outpatient-schedule .table-scroll {
  min-width: 0;
 } /* フル幅に */
 #outpatient-schedule .clinic-table {
  font-size: 0.9rem;
 }
}
