@media screen and (max-width: 767px) {
  .h_title {
    position: static;         /* 絶対位置を解除 */
    transform: none;          /* X方向の移動解除 */
    font-size: 0.9rem;        /* スマホ向けに文字サイズを調整 */
    text-align: center;       /* 中央揃え */
    margin-left: auto;        /* 左余白を自動 */
    margin-right: auto;       /* 右余白も自動 → 中央に */
    display: block;           /* インライン要素ではないことを保証 */
    width: max-content;       /* テキストの幅に合わせて */
  }
}
.h_title {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-weight: bold;
  font-size: 1.2rem;
  white-space: nowrap;
  margin: 0;
}