/* ===============================================================
   /house-hr/ LP 専用 style-lp.css（整理版・安全）
================================================================ */

/* ===============================================================
   FV タイトル
================================================================ */

.mainvisual__title_400 {
  font-family: var(--mainvisual-title-font);
  font-size: var(--mainvisual-title-font-size);
  font-weight: var(--mainvisual-title-font-weight, var(--font-weight-bold));
  line-height: var(--mainvisual-title-line-height);
  opacity: 0;
  animation: animation-slide-down 600ms ease-out 500ms forwards;
}

@media (max-width: 700px) {
  .mainvisual__title_400 {
    font-size: 30px !important;
    line-height: 1;
    text-align: center;
  }

  .mainvisual__title_400 br {
    display: block;
  }

  .mainvisual__label {
    font-size: 16px !important;
    margin: -15px auto 0;
  }
}

/* ===============================================================
   PC / SP 切り替え
================================================================ */

body.page-id-11 .s_pc,
body.page-id-11 .ppc {
  display: block !important;
}

body.page-id-11 .s_sp,
body.page-id-11 .spc {
  display: none !important;
}

@media (max-width: 767px) {
  body.page-id-11 .s_pc,
  body.page-id-11 .ppc {
    display: none !important;
  }

  body.page-id-11 .s_sp,
  body.page-id-11 .spc {
    display: block !important;
  }
}

/* ===============================================================
   ロゴスライダー余白制御
================================================================ */

body.page-id-11 .hidden-sp {
  margin: 0 !important;
  padding: 0 !important;
}

body.page-id-11 .hidden-sp .infiniteslide_wrap {
  padding: 20px 0 !important;
}

body.page-id-11 .hidden-sp .fv_slider {
  display: flex !important;
  align-items: center !important;
}

body.page-id-11 .hidden-sp .fv_slider li {
  flex: 0 0 auto !important;
}

/* ===============================================================
   お悩みセクション
================================================================ */

body.page-id-11 .onayami .inner {
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 20px 60px;
}

/* ===============================================================
   FV 右側フォーム（配置のみ）
================================================================ */

.p-fv__contents .p-consultation__form .c-form__wrap {
  align-items: flex-start !important;
}

/* ※ タイトル非表示は STEP 側で制御するためここでは行わない */

/* ===============================================================
   選択肢（青ボックス）UI
================================================================ */

.form__buttonWrapper--grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.form__buttonWrapper input[type="radio"] {
  display: none;
}

.form__buttonWrapper .wpcf7-list-item-label {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 14px;
  border-radius: 10px;
  border: 1px solid #d0d7e2;
  background: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  cursor: pointer;
  text-align: center;
}

.form__buttonWrapper input[type="radio"]:checked + .wpcf7-list-item-label {
  background: #0070c9;
  border-color: #0070c9;
  color: #fff;
}

/* ===============================================================
   house-hr FV / FORM 基本調整（構造のみ）
================================================================ */

body.page-id-11 .mainvisual {
  --mainvisual-form-width: 45.8rem;
  height: 55vw;
  padding-left: 5vw;
}

body.page-id-11 .mainvisual__container {
  padding-block: 5.6rem;
  top: -5vw;
}

body.page-id-11 .mainvisual__title {
  font-size: 3.7vw;
}

body.page-id-11 .mainvisual__badges {
  position: relative;
  top: 4vw;
}

body.page-id-11 .mainvisual__form {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body.page-id-11 .mainvisual__form .form {
  padding: 0 50px;
  row-gap: 0.5rem;
}

body.page-id-11 .mainvisual__form .form__buttonWrapper {
  padding: 0 2vw;
  margin-top: 40px;
}

body.page-id-11 .form__legend {
  font-size: 1.8rem;
}

body.page-id-11 .form__fieldset {
  margin-top: 10px;
}

body.page-id-11 .mainvisual__form textarea {
  height: 60px;
  font-size: 13px;
}

body.page-id-11 .mainvisual__form .form__control,
body.page-id-11 .mainvisual__form .form__select {
  max-height: 70px;
}

body.page-id-11 .form__label {
  display: none;
}

body.page-id-11 .form__labelGroup {
  row-gap: 1.5rem;
}

body.page-id-11 .wpcf7-spinner {
  position: absolute;
}
/* =====================================================
   アドバイザーカード：文字レイアウト整理
   画像・構造は一切変更しない
===================================================== */

/* 氏名 */
#adviser .cardGrid__col h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 16px 0 14px;
  line-height: 1.4;
}

/* 氏名下の区切り線との余白を安定 */
#adviser .cardGrid__col h3 + hr,
#adviser .cardGrid__col h3 + .divider {
  margin: 0 0 14px;
}

/* 青ラベル（強み／得意職種／コメント） */
#adviser .cardGrid__col strong {
  display: inline-block;
  margin-top: 18px;      /* セクション開始の余白 */
  margin-bottom: 6px;    /* 本文との距離 */
}

/* 本文テキスト */
#adviser .cardGrid__col p {
  font-size: 14px;
  line-height: 1.8;      /* 読みやすさ最優先 */
  margin: 0 0 10px;      /* 段落間のリズム */
  color: #333;
}

/* 箇条書きや職種列挙がある場合 */
#adviser .cardGrid__col ul {
  margin: 6px 0 12px;
  padding-left: 1.2em;
}

#adviser .cardGrid__col li {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 6px;
}

/* コメント文だけ少し余白を足す（最後に読ませたい） */
#adviser .cardGrid__col strong + p:last-of-type,
#adviser .cardGrid__col .comment p {
  margin-bottom: 16px;
}