.wp-block-heading.has-x-large-font-size {
  font-size: 5vw !important; /* 初期設定: ビューポート幅に基づくフォントサイズ */
  text-align: center !important;
  margin: 0 !important;
}

/* デスクトップ（大きな画面）の場合 */
@media (min-width: 1024px) {
  .wp-block-heading.has-x-large-font-size {
    font-size: 36px !important; /* デスクトップでは固定サイズにする */
  }
}

/* タブレット（中くらいの画面）の場合 */
@media (min-width: 768px) and (max-width: 1023px) {
  .wp-block-heading.has-x-large-font-size {
    font-size: 3vw !important; /* タブレットでは少し小さめの相対サイズ */
  }
}

/* スマートフォン（小さな画面）の場合 */
@media (max-width: 767px) {
  .wp-block-heading.has-x-large-font-size {
    font-size: 5vw !important; /* スマートフォン用の相対サイズ */
  }
}
