:root {
  /* =========================
     0. サイト用の初期設定色 (Initial Colors)
     ================================ */
  --main-color: #64093a;
  --main-dark-color: #490228;
  --main-light-color: #faf0f5;
  --sub-dark-color: #8a2454;
  --sub-light-color: #e0686a;
  --main-text-notice-color: #B81C2A;
  --light-gray-color: #f9f9fa;

  /* =========================
     1. 基本単色 (Solid Colors)
     ================================ */
  /* --- Blue  --- */
  --color-blue: #1d4ed8;
  --color-blue-light: #eff6ff;

  /* --- Red --- */
  --color-red: #dc2626;
  --color-red-light: #fef2f2;

  /* --- Yellow  --- */
  --color-yellow: #d97706;
  --color-yellow-light: #fef3c7;

  /* =======================================
     2. 汎用グラデーション (Modern Gradients)
     ========================================== */
  --grad-blue: linear-gradient(135deg, #2563eb, #06b6d4);
  /* 青 ➔ 水色 */
  --grad-red: linear-gradient(135deg, #f43f5e, #ed64a6);
  /* 赤 ➔ ピンク */
  --grad-yellow: linear-gradient(135deg, #f59e0b, #eab308);
  /* 橙 ➔ 金 */
}
/* .lnav-rich と .lnav-rich.alt 記述例
カスタム変数にカスタム変数を代入する書き方
*/
:root{
--color-lnav-rich-01: var(--color-red);
}
.wp_entry2 .lnav-rich ul li.lnav-rich-01 a{
  border-color: var(--color-lnav-rich-01);
}
.wp_entry2 .lnav-rich ul li.lnav-rich-01 a::after{
  background-color: var(--color-lnav-rich-01);
}
.wp_entry2 .lnav-rich li.lnav-rich-01 a:hover{
  background: var(--color-lnav-rich-01);
}
.wp_entry2 .lnav-rich.alt ul li.lnav-rich-01 a {
  border-color: var(--color-lnav-rich-01);
  background-color: var(--color-lnav-rich-01);
}
.wp_entry2 .lnav-rich.alt li.lnav-rich-01 a:hover {
  background-color: white;
}

:root {
  --color-lnav-rich-02: var(--color-blue);
  --grad-lnav-rich-02: var(--grad-blue);
}
.wp_entry2 .lnav-rich ul li.lnav-rich-02 a{
  border-color: var(--color-lnav-rich-02);
}
.wp_entry2 .lnav-rich ul li.lnav-rich-02 a::after{
  background-color: var(--color-lnav-rich-02);
}
.wp_entry2 .lnav-rich li.lnav-rich-02 a:hover{
  background: var(--grad-lnav-rich-02);
}
.wp_entry2 .lnav-rich.alt ul li.lnav-rich-02 a {
  border-color: var(--color-lnav-rich-02);
  background: var(--grad-lnav-rich-02);
}
.wp_entry2 .lnav-rich.alt li.lnav-rich-02 a:hover {
  background: white;
}



/* ------------------------------------------------------ */
.subpage {
  letter-spacing: 0;
}

.subpage #contents {
  width: 1200px;
  min-height: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
}

@media screen and (max-width: 1199px) {
  .subpage #contents {
    width: 100%;
    padding: 0 10px;
  }
}

@media screen and (max-width: 768px) {
  .subpage #contents {
    margin-top: 50px;
    width: 100%;
    padding: 0 20px;
  }
}

.subpage .container {
  padding: 0;
}

.content-body {
  margin-top: 30px;
  padding-bottom: 60px;
  min-height: 0vh;
}

@media screen and (max-width: 768px) {
  .content-body {
    padding-bottom: 30px;
  }
}

.doctor img[src*="dummy-dr"] {
  visibility: hidden;
}
.subpage.recruit .lnav-rich .lnav-subttl a{
  text-decoration: none;
  pointer-events: none;
}
.subpage.recruit .lnav-rich .lnav-subttl a::after{
  display: none;
}
.subpage #contents{
  margin-bottom: 40px;
}