/* 見出し帯：元の見た目を堅く復元 */
.heading-band {
  background-color: #163454;
  color: #fff;
  padding: 12px 20px;     /* 上下左右の余白 */
  border-radius: 0px;    /* 角丸 */
  font-size: 1.3rem;      /* 見出しサイズ（調整可） */
  font-weight: 700;       /* 太字 */
  display: inline-block;  /* テキスト幅にフィット */
  line-height: 1.25;      /* 文字の潰れ防止 */
}

/* 既存：文字の周りだけ色を付ける */
.heading-band {
  background-color: #163454;
  color: #fff;
  padding: 12px 20px;
  border-radius: 0px;
  font-size: 1.3rem;
  font-weight: 700;
  display: inline-block;
  line-height: 1.25;
}

/* 互換：heading-band が “セクション/コンテナ” に付いている場合は全幅を無効化し、
   内側の見出しテキストだけをピル型にする */
.heading-band.elementor-section,
.heading-band.e-con {
  background: transparent !important;
  padding: 0 !important;
}

/* セクション配下の見出しタイトルをピル化（上の帯と同じ見え方） */
.heading-band.elementor-section .elementor-heading-title,
.heading-band.e-con .elementor-heading-title {
  background-color: #163454;
  color: #fff;
  padding: 12px 20px;
  border-radius: 0px;
  font-size: 1.3rem;
  font-weight: 700;
  display: inline-block;
  line-height: 1.25;
}


/* iPhone SEなど幅375px以下：帯見出しをPC比50%に */
@media (max-width: 375px) {
  /* 見出しウィジェットに heading-band を付けた場合 */
  .heading-band.elementor-widget-heading .elementor-heading-title,
  .heading-band .elementor-heading-title {
    font-size: 22px !important;   /* 例：PC 35px → 16px程度 */
    padding: 8px 12px !important; 
    letter-spacing: 1.5px !important;
    line-height: 1.25 !important;
  }

  /* セクション/コンテナ側に heading-band を付けている場合の互換 */
  .heading-band.elementor-section .elementor-heading-title,
  .heading-band.e-con .elementor-heading-title {
    font-size: 22px !important;
    padding: 8px 12px !important;
    letter-spacing: 1.5px !important;
    line-height: 1.25 !important;
  }
}