/* サービス名だけを小さく表示し、既存キャッチコピーの書式を保持する。 */
body.coletlab-experience h1.heading-controlled > .lp-service-eyebrow,
body .solutions-hero__title > .lp-service-eyebrow {
  display: block;
  margin: 0 0 14px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: .04em;
  color: var(--lp-service-label-color, #BC3F61);
  white-space: normal;
  text-wrap: wrap;
  word-break: normal;
  overflow-wrap: normal;
}
@media (max-width: 767px) {
  body.coletlab-experience h1.heading-controlled > .lp-service-eyebrow,
body .solutions-hero__title > .lp-service-eyebrow {
    font-size: 12px;
    margin-bottom: 12px;
  }
}

/* 固定ページの旧ラベル指定より、LP共通の文字サイズを優先する。 */
body.coletlab-experience h1 > .lp-service-eyebrow:is(.about-hero__overline, .services-hero__overline) {
  font-size: 13px !important;
}
@media (max-width: 767px) {
  body.coletlab-experience h1 > .lp-service-eyebrow:is(.about-hero__overline, .services-hero__overline) {
    font-size: 12px !important;
  }
}