/* ============================================
   c-heading-07 - Hero Section Heading
   大EN背景文字 + オーナメント + ライン + 小タイトル

   構造:
   <div class="c-heading-07">
     <p class="c-heading-07__en">Doctor</p>
     <h2 class="c-heading-07__title">担当医師</h2>
   </div>

   --right: EN文字右寄せ、ライン左側
   ============================================ */
.c-heading-07.wp-block-group,
.c-heading-07 {
  position: relative;
  z-index: 4;
  padding: var(--space-7-xl) 0 var(--space-4-xl);
  overflow: visible;
  display: inline-block;
  width:100%;
}

/* --- EN 大文字（装飾背景） --- */
.c-heading-07 .c-heading-07__en,
.c-heading-07__en {
  font-family: var(--font-family-en);
  font-size: var(--font-size-10-xl);
  font-weight: var(--font-weight-normal);
  color: var(--color-white);
  letter-spacing: var(--letter-spacing-wide);
  line-height: var(--line-height-none);
  margin: 0;
  user-select: none;
  display: inline-block;
  position: relative;
}

/* --- オーナメント + ライン（EN文字の右側→画面端まで） --- */
.c-heading-07__en::after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
  height: 13px;
  width: 100vw;
  background:
    url("../../images/icon/icon--ot-02.svg") left center / 14px 13px no-repeat,
    linear-gradient(var(--color-primary-light), var(--color-primary-light)) 18px 50% / calc(100% - 18px) 1px no-repeat;
}

/* --- 小タイトル（日本語） --- */
.c-heading-07__title {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-text);
  letter-spacing: var(--letter-spacing-wide);
  margin: var(--space-4-xl) 0 0;
}

/* --- --right: EN文字右寄せ、ライン左側 --- */
.c-heading-07--right {
  display: block;
  width: 100%;
  text-align: right;
}

.c-heading-07--right .c-heading-07__en::after {
  left: auto;
  right: 100%;
  width: 100vw;
  background:
    url("../../images/icon/icon--ot-03.svg") right center / 14px 13px no-repeat,
    linear-gradient(var(--color-primary-light), var(--color-primary-light)) 0 50% / calc(100% - 18px) 1px no-repeat;
}

.c-heading-07--right .c-heading-07__title {
  text-align: right;
}

@container (max-width: 599px) {
  .c-heading-07 {
    padding: var(--space-3-xl) 0 var(--space-2-xl);
  }

  .c-heading-07__en {
    font-size: var(--font-size-9-xl);
  }

  .c-heading-07__title {
    font-size: var(--font-size-lg);
  }
}