/*
 * スクール詳細 無料体験フォーム用スタイル
 *
 * 元は MW WP Form のフォーム本文に <style> で書いていたが、unfiltered_html 権限の無い
 * ユーザーが保存すると kses に除去されてしまい、CSS が本文テキストとして露出する事故が
 * 起きたため（2026-08-13 couleur）、テーマ側へ移した。
 * フォーム本文には <style> / <script> を書かないこと。
 */

.mw_wp_form .formTable .name_split input {
  width:48% !important;min-width:0;box-sizing:border-box;display:inline-block;vertical-align:middle;
}
.mw_wp_form .formTable .name_split .error {
  display:block;width:100%;margin:0;
}
.addr_row {
  margin:4px 0;
}
.addr_label {
  display:inline-block;min-width:5em;font-size:13px;color:#555;
}
.field_note {
  font-size:12px;color:#666;margin:4px 0 0;
}
/* 回答欄セレクトの背景を白に統一（スマホのグレー背景対策） */
.mw_wp_form .formTable select {
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  background-color:#fff !important;
  background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23666'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 10px center !important;
  padding-right:28px !important;
  color:#333;
}
.add_applicants {
  margin:24px 0;padding:16px;border:1px dashed #bbb;border-radius:8px;background:#fafafa;
}
.add_applicants_ttl {
  font-size:16px;margin:0 0 6px;font-weight:bold;text-align:center;
}
.add_applicants_lead {
  font-size:13px;color:#666;margin:0 0 12px;
}
.add_applicant_block {
  margin:12px 0;padding:8px 12px;border:1px solid #e0e0e0;border-radius:6px;background:#fff;
}
.add_applicant_head {
  display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;
}
.add_applicant_label {
  font-weight:bold;
}
.add_applicant_remove {
  font-size:12px;padding:2px 10px;cursor:pointer;
  background:transparent !important;
  border:1px solid #bbb !important;
  border-radius:4px;
  color:#666 !important;
  box-shadow:none !important;
}
.add_applicant_btn {
  display:inline-block;padding:10px 18px;font-size:15px;cursor:pointer;border:1px solid #2b6cb0;background:#2b6cb0;color:#fff;border-radius:6px;
}
.add_applicant_btn:hover {
  opacity:.9;
}
.add_applicant_btn_wrap {
  text-align:center;
}
/* 体験申込日カレンダー */
input[name="taiken_date"] {
  background-color:#fff !important;
  cursor:pointer;
}
.taiken_calendar {
  display:none;
  max-width:360px;
  margin:10px 0 4px;
  border:1px solid #ddd;
  border-radius:6px;
  padding:8px;
  background:#fff;
  box-sizing:border-box;
  box-shadow:0 2px 8px rgba(0,0,0,.15);
}
.taiken_cal_head {
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:6px;
}
.taiken_cal_title {
  font-weight:bold;
  font-size:15px;
}
.taiken_cal_nav {
  background:transparent !important;
  border:1px solid #bbb !important;
  border-radius:4px;
  color:#333 !important;
  font-size:13px;
  padding:4px 10px;
  cursor:pointer;
  box-shadow:none !important;
  line-height:1.2;
}
.taiken_cal_nav:disabled {
  opacity:.3;
  cursor:default;
}
.taiken_cal_table {
  width:100%;
  border-collapse:collapse;
  table-layout:fixed;
}
.taiken_cal_table th {
  font-size:12px;
  color:#666;
  padding:4px 0;
  text-align:center;
  font-weight:normal;
  background:none;
  border:none;
}
.taiken_cal_table th.taiken_sun {
  color:#d9534f;
}
.taiken_cal_table th.taiken_sat {
  color:#2b6cb0;
}
.taiken_cal_table td {
  text-align:center;
  padding:2px;
  font-size:14px;
  background:none;
  border:none;
}
.taiken_cal_table td .taiken_day_off {
  display:block;
  padding:7px 0;
  color:#ccc;
}
.taiken_cal_table td .taiken_day_btn {
  display:block;
  width:100%;
  padding:7px 0;
  background:#fff !important;
  border:1px solid #08ac27 !important;
  border-radius:4px;
  color:#08ac27 !important;
  font-size:14px;
  font-weight:bold;
  cursor:pointer;
  box-shadow:none !important;
  line-height:1.2;
}
.taiken_cal_table td .taiken_day_btn.is-selected {
  background:#08ac27 !important;
  color:#fff !important;
}
.taiken_note_week {
  font-weight:bold;
  color:#08ac27;
}

[name="privacy_check"] {
  padding: 0 !important;
}
.mwform-checkbox-field-text {
  font-size: 13px;
}

@media (max-width: 768px) {
  .completion-message {
    margin-top: 0px !important;
  }
}

.br-sp {
  display: none;
}
@media screen and (max-width: 1080px) {
  .br-pc {
    display: none;
  }
  .br-sp {
    display: inline-block;
  }
}

/* --- フォーム本文の style="display:none" は kses に除去されることがあるため、
       非表示の初期状態はここで作る。フォーム本文の style 属性を当てにしない。 --- */
.p-country-name {
  display: none !important;
}