@charset "utf-8";

/*==================================================================================================================*/
/*カスタムブロック＞給与_価格表(非公開)*/
/*---------------------------------------------------------*/
/*設定用のブロックのため画面には表示しない*/
.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%;
  border-collapse: collapse;
  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);
  border-right: none;
  border-left: none;
  background: none transparent;
  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;
}
/*テーブル上下端の罫線（サイト共通CSSが「important」で消しているため、ID指定で上書きする）*/
/*※シミュレーターのテーブルだけが対象。サイト内の他のテーブルには影響しない*/
html #outer_block .simulation_block .simulation_input_head table.simulation_table tr:first-child > *,
html #outer_block .simulation_block .simulation_input_foot table.simulation_result tr:first-child > * {
  border-top: solid 1px var(--table_border_color) !important;
}
html #outer_block .simulation_block .simulation_input_head table.simulation_table tr:last-child > *,
html #outer_block .simulation_block .simulation_input_foot table.simulation_result tr:last-child > * {
  border-bottom: solid 1px var(--table_border_color) !important;
}
/*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.simulation_note {
  text-align: left;
  font-size: 14px;
}
/*SP*/
html.sp .simulation_input_head table.simulation_table tr td.simulation_note {
  width: auto;
  font-size: 12px;
}

/*---------------------------------------------------------*/
/*ラジオボタン*/
.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;
}