/* ==================================================
   全体設定
================================================== */
.form-top {
  height: 0;
  padding: 0;
}

/* ==================================================
   h4 中見出し（相談のご予約、ご来店希望日時など）
   → 「左の赤線」＋「下側の薄いグレー線」で馴染ませるスタイル
================================================== */
.container .description-md-title {
  /* 文字色 */
  color: #333333;
  background-color: transparent;

  /* 装飾：左にアクセントカラー、下に薄い区切り線 */
  border-left: 6px solid #C3002F;   /* 左の赤線（少し細くして上品に） */
  border-bottom: 1px solid #e0e0e0; /* 【重要】下線を追加して安定させる */

  /* フォント設定 */
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  font-size: 20px;         /* 大きすぎないサイズに調整 */
  text-align: left;
  letter-spacing: 0.05em;
  
  /* レイアウト・余白 */
  width: 100%;             /* 横幅いっぱいに広げて区切りとして機能させる */
  padding: 10px 0 10px 15px; /* 文字周りの余白 */
  margin: 40px 0 30px 0;     /* 前後の要素との距離をしっかり取る */
  
  /* アニメーションリセット */
  opacity: 1;
  transform: none;
  animation: none;
}

/* ==================================================
   h5 小見出し（お名前、フリガナなど）
================================================== */
h5 {
  border-bottom: solid 2px #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 15px;
  max-width: 500px;
  color: #333333;
}



/* ==================================================
   必須アイコン
================================================== */
.label-danger {
  background-color: #C3002F;
}

/* ==================================================
   スマホ画面（幅767px以下）の設定
================================================== */
@media screen and (max-width: 767px) {
  
  .form-bottom {
    padding-bottom: 25px;
  }

  /* 中見出し スマホ用調整 */
  h4.description-md-title {
    /* スマホでは画面幅いっぱいに線を引くための調整 */
    width: 100vw;
    margin-left: -15px;      /* 親要素のpaddingをキャンセル */
    padding-left: 20px;      /* 左の余白を調整 */
    box-sizing: border-box;  
    
    font-size: 18px;         /* スマホで見やすいサイズ */
    border-left-width: 5px;  /* 線を少し細く */
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .col-sm-12 {
    padding: 0 0 5px;
  }
}