/* ==========================================================================
   WordPress化に伴う微調整
   ========================================================================== */

/* --- Contact Form 7 を Webflow のフォームデザインに合わせる --- */

/* CF7が各入力欄を囲む <span> を縦並びflex・中央揃えにする。
   縦並びにすることで、未入力時のエラー文言が入力欄の「下」に表示される
   （横並びだと入力欄の右に出てしまうため）。入力欄の幅100%も維持。 */
.wpcf7-form-control-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* CF7 のラッパー・フォームを幅100%にする（Webflowの .form レイアウトを効かせる） */
.wpcf7,
.wpcf7-form {
  width: 100%;
}

/* CF7 のフォーム自体に付く余白をリセット（.form クラスのレイアウトを優先） */
.wpcf7 .wpcf7-form {
  margin: 0;
}

/* 自動整形を無効化しているが、保険として余分な余白を除去 */
.wpcf7 .form-card p,
.wpcf7 .form-card label {
  margin: 0;
}

/* CF7 のバリデーション／応答メッセージの体裁 */
.wpcf7 .wpcf7-response-output {
  margin: 16px 0 0;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 14px;
}

/* 必須項目が未入力のときのエラー文言（入力欄の下に表示） */
.wpcf7 .wpcf7-not-valid-tip {
  display: block;
  width: 100%;
  margin-top: 6px;
  color: #e53935;
  font-size: 14px;
}

/* 同意チェックボックス（acceptance）を元の .checkbox-field と同じ体裁に寄せる。
   元は「チェックボックスと文字の間に16pxの余白」があったため、CF7のラベルに再現する。 */
.wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}
.wpcf7-acceptance .wpcf7-list-item label {
  display: flex;
  align-items: center;
  column-gap: 16px;
  margin: 0;
}

/* CF7 の送信中スピナーは使用しないため非表示にする */
.wpcf7-spinner {
  display: none !important;
}

/* --- レイアウト微調整 --- */

/* ヘッダーのナビ項目が中途半端な幅（992〜995px付近）で折れないようにする */
.nab-menu .w-nav-link,
.nab-menu .contact-botton ._18px,
.nab-menu .apply-button ._18px,
.nab-menu .link-block-7 ._18px {
  white-space: nowrap;
}

/* CTAなどのボタン文字（「まずはセミナーに参加する」等）が狭幅で折れないようにする */
.apply-button ._18px,
.link-block-7 ._18px,
.contact-botton ._18px {
  white-space: nowrap;
}

/* スマホ幅（479px以下）で div-block-133 に最小幅を確保 */
@media screen and (max-width: 479px) {
  .div-block-133 {
    min-width: 212px;
  }
}