/* 親要素の影響をリセットして縦に並べる */
.split-container3 {
  display: block !important; /* 横並びになってしまうのを強制的に解除 */
  width: 100%;
}

/* 文章領域の幅と中央寄せ設定 */
.split-container3 .custom-p {
  max-width: 750px;      /* 幅を少し絞る（お好みのサイズに調整可） */
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left;
}

/* 画像・ボタン領域の設定 */
.btn-group {
  display: flex !important;
  justify-content: center; /* 左右中央寄せ */
  align-items: center;     /* 上下中央揃え */
  gap: 15px;               /* 画像同士の間隔 */
  margin: 30px auto !important;
  clear: both;             /* float解除 */
}

.btn-group img {
  max-width: 100%;
  height: auto;
}

/* お問い合わせ文章の幅制限と中央寄せ */
.inquiry-text {
  max-width: 750px;      /* ★希望の幅（例: 600px 〜 700px程度）。数字を小さくすると幅が狭くなります */
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left;      /* 文章自体は左揃え */
  line-height: 1.7;      /* 行間を整えて読みやすくする設定 */
}