@charset "utf-8";

/* ==================================================================================================================
 * キャリアアップシミュレーター
 * ------------------------------------------------------------------------------------------------------------------
 * 対象：カスタムブロック＞お見積り (※simulation) 内に customize.js が生成する入力フォーム／結果表示
 * SPは html.sp で切り替え（メディアクエリは使用しない）
 * ================================================================================================================== */

/*==================================================================================================================*/
/*カスタムブロック＞価格表(非公開)*/
/*---------------------------------------------------------*/
/*設定用のブロックのため画面には表示しない*/
.easys_content.simulation_price_source {
  display: none !important;
}
/*JS読み込み前のちらつき防止（シミュレーター設置ブロックの直後にある表のブロック）*/
.easys_content:has(.simulation_input_head) + .easys_content:has(td.column1) {
  display: none !important;
}

/*==================================================================================================================*/
/*カスタムブロック＞お見積り*/
/*---------------------------------------------------------*/
/*ブロック全体*/
.simulation_block .entry_post > div {
  font-size: 16px;
}
/*SP*/
html.sp .simulation_block .entry_post > div {
  margin-right: 0;
  margin-left: 0;
  font-size: 14px;
}

/*---------------------------------------------------------*/
/*入力画面ヘッダ・フッタ*/
.simulation_input_head,
.simulation_input_foot {
  width: 100%;
}

/*入力画面スクロール部（未使用）*/
.simulation_input_scroll {
  display: none;
  width: 100%;
}

/*---------------------------------------------------------*/
/*テーブル*/
.simulation_input_head table.simulation_table,
.simulation_input_foot table.simulation_result {
  margin: 0 0 60px 0;
  width: 100%;
  table-layout: fixed;
}
.simulation_input_foot table.simulation_result {
  margin: 0;
}
/*罫線・文字色はサイトのカスタムプロパティを使用（セル間隔・背景色はサイトのテーブル設定に従う）*/
.simulation_input_head table.simulation_table tr th,
.simulation_input_head table.simulation_table tr td,
.simulation_input_foot table.simulation_result tr th,
.simulation_input_foot table.simulation_result tr td {
  padding: 5px;
  border: solid 1px var(--table_border_color);
  color: var(--td_character_color);
  vertical-align: middle;
  text-align: center;
  line-height: 1.7;
}
/*項目名*/
.simulation_input_head table.simulation_table tr th {
  text-align: right;
}
/*質問文（1行目）*/
.simulation_input_head table.simulation_table tr:first-of-type th {
  text-align: left;
  font-weight: bold;
}
/*SP*/
html.sp .simulation_input_head table.simulation_table,
html.sp .simulation_input_foot table.simulation_result {
  margin: 0 0 40px 0;
  table-layout: auto;
}
html.sp .simulation_input_foot table.simulation_result {
  margin: 0;
}
html.sp .simulation_input_head table.simulation_table tr th,
html.sp .simulation_input_head table.simulation_table tr td,
html.sp .simulation_input_foot table.simulation_result tr th,
html.sp .simulation_input_foot table.simulation_result tr td {
  padding: 10px 5px;
}
html.sp .simulation_input_head table.simulation_table tr th {
  text-align: left;
}
html.sp .simulation_input_head table.simulation_table tr td {
  width: 80px;
}
/*ID指定で「important」指定を上書き*/
html.sp #outer_block .simulation_input_head table.simulation_table tr th {
  width: auto !important;
}

/*---------------------------------------------------------*/
/*ラジオボタン*/
.simulation_input_head table.simulation_table tr td label {
  display: grid;
  width: 100%;

  place-content: center;
}
.simulation_input_head table.simulation_table tr td input[type="radio"] {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  cursor: pointer;
}

/*---------------------------------------------------------*/
/*プルダウン*/
.simulation_input_head table.simulation_table tr td select {
  margin: 0;
  padding: 5px 10px;
  max-width: 100%;
  vertical-align: middle;
  font-size: 20px;
  cursor: pointer;
}
/*SP*/
html.sp .simulation_input_head table.simulation_table tr td select {
  font-size: 16px;
}

/*---------------------------------------------------------*/
/*シミュレーション結果*/
.simulation_input_foot table.simulation_result tr th,
.simulation_input_foot table.simulation_result tr td {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
}
/*SP*/
html.sp .simulation_input_foot table.simulation_result tr th,
html.sp .simulation_input_foot table.simulation_result tr td {
  font-size: 18px;
}

/*---------------------------------------------------------*/
/*注意事項*/
.simulation_block .entry_post > div .notes_message {
  margin: 30px 0 0 0;
}
.simulation_block .entry_post > div .notes_message p {
  margin: 0;
  padding: 5px;
  line-height: 24px;
}
/*SP*/
html.sp .simulation_block .entry_post > div .notes_message {
  margin: 10px 0 0 0;
}