@charset "UTF-8";

/*-------------------------------------------------------------------------
                            /病院ページ共通スタイル/
    training_facilities の子ページ（各病院ページ）で使用する共通CSS
-------------------------------------------------------------------------*/

/* コンテンツ */
.content p {
  line-height: 28px;
}

/* マージンユーティリティ */
.mt-80 {
  margin-top: 80px;
}

/* スペーサー */
.spacer-24 {
  height: 24px;
}
.spacer-40 {
  height: 40px;
}
.spacer-64 {
  height: 64px;
}

/* コースリスト（順序付き） */
.course-ol {
  margin-left: 20px;
}
.course-ol li {
  margin-bottom: 24px;
}

/* コースリスト（順序なし） */
.course-ul {
  margin-left: 20px;
  margin-bottom: 40px;
}
.course-ul li {
  margin-bottom: 20px;
  position: relative;
}
.course-ul li::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 14px;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  background-color: #326a3a;
}

/* ネストしたコースリスト */
.course-ul li .course-ul {
  margin-bottom: 0px;
}
.course-ul li .course-ul li {
  margin-bottom: 0px;
}
.course-ul li .course-ul li::before {
  content: "";
  position: absolute;
  left: -12px;
  top: 14px;
  transform: translateY(-50%);
  width: 3px;
  height: 3px;
  background-color: #326a3a;
  border-radius: 50%;
}

/* 記事スタイル */
.article__img {
  padding-bottom: 16px;
}
.article__text {
  margin-top: 40px;
}
.article__title {
  background-color: #f2f2e9;
  border-left: 2px solid #326a3a;
  padding: 28px;
  font-size: 20px;
  font-family: var(--jp-font-bold);
  margin-bottom: 40px;
}