@charset "utf-8";

/*==================================================================================================================*/
/*カスタムブロック＞質問項目/金額設定 (非公開)*/
/*---------------------------------------------------------*/
/*金額設定用のテーブルは画面に表示しない*/
#bsf9f7e9ipejk54enfi5 {
  display: none;
}

/*==================================================================================================================*/
/*カスタムブロック＞キャリアアップシミュレーター*/
/*---------------------------------------------------------*/
/*ブロック全体*/
.easys_content:has(.simulation_input_head) .entry_post > div {
  font-size: var(--font_size_16, 16px);
}
/*SP*/
.easys_content:has(.simulation_input_head) .entry_post.sp > div {
  margin-right: 0;
  margin-left: 0;
  font-size: var(--font_size_14, 14px);
}

/*---------------------------------------------------------*/
/*入力画面ヘッダ*/
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_head {
  width: 100%;
}

/*table*/
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_head table {
  margin: 0 0 40px 0;
  width: 100%;
  border-collapse: collapse;
  table-layout: auto;
}
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_head table:last-of-type {
  margin-bottom: 30px;
}
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_head table tr th,
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_head table tr td {
  padding: 12px 15px;
  border: 1px solid var(--table_border_color, #4e4e4e);
  vertical-align: middle;
  text-align: left;
  line-height: 1.7;
}

/*選択肢の行*/
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_head table tr th {
  background: var(--td_background_color, transparent);
  color: var(--th_character_color, #191919);
  font-weight: normal;
}
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_head table tr td {
  width: 90px;
  background: var(--td_background_color, transparent);
  color: var(--td_character_color, #191919);
  text-align: center;
}

/*質問タイトルの行*/
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_head table tr:first-of-type th {
  padding: 14px 15px;
  border-color: var(--link_color, #0099ff);
  background: var(--link_color, #0099ff);
  color: var(--basic_background_color, #ffffff);
  text-align: left;
  font-weight: bold;
  font-size: 1.125em;
}

/*label*/
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_head table tr th label {
  display: block;
  width: 100%;
  cursor: pointer;
}
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_head table tr td label {
  display: grid;
  width: 100%;
  cursor: pointer;

  place-content: center;
}

/*input*/
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_head table tr td input {
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  accent-color: var(--link_color, #0099ff);
}

/*SP*/
.easys_content:has(.simulation_input_head) .entry_post.sp .simulation_input_head table {
  margin: 0 0 30px 0;
}
.easys_content:has(.simulation_input_head) .entry_post.sp .simulation_input_head table tr th,
.easys_content:has(.simulation_input_head) .entry_post.sp .simulation_input_head table tr td {
  padding: 10px;
}
.easys_content:has(.simulation_input_head) .entry_post.sp .simulation_input_head table tr td {
  width: 60px;
}

#outer_block .easys_content:has(.simulation_input_head) .entry_post.sp .simulation_input_head table tr th {
  width: auto !important;
}

#outer_block .easys_content:has(.simulation_input_head) .entry_post .simulation_input_head table tr th,
#outer_block .easys_content:has(.simulation_input_head) .entry_post .simulation_input_head table tr td {
  border: 1px solid var(--table_border_color, #4e4e4e) !important;
}

/*---------------------------------------------------------*/
/*入力画面スクロール部 (未使用)*/
.easys_content:has(.simulation_input_head) .entry_post > div .simulation_input_scroll {
  display: none;
  width: 100%;
}

/*---------------------------------------------------------*/
/*横スクロールメッセージ*/
/*SP*/
.easys_content:has(.simulation_input_head) .entry_post.sp > div .sp_message {
  color: #ff0000;
  font-weight: bold;
  font-size: var(--font_size_12, 12px);
}

/*---------------------------------------------------------*/
/*入力画面フッタ (シミュレーション結果)*/
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_foot {
  width: 100%;
}
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_foot .simulation_result {
  margin: 0;
  width: 100%;
  border: 2px solid;
  border-collapse: collapse;
  table-layout: auto;
}
/*SP時は枠線を1pxにする*/
html.sp .easys_content:has(.simulation_input_head) .entry_post .simulation_input_foot .simulation_result {
  border-width: 1px;
}
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_foot .simulation_result tr th {
  padding: 14px 15px;
  border: none;
  border-bottom: 1px solid var(--table_border_color, #4e4e4e);
  background: var(--link_color, #0099ff);
  color: var(--basic_background_color, #ffffff);
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1.7;
}
.easys_content:has(.simulation_input_head) .entry_post .simulation_input_foot .simulation_result tr td {
  padding: 25px 15px;
  width: auto;
  border: none;
  background: var(--th_background_color, #eff9ff);
  color: var(--link_color, #0099ff);
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 2em;
  line-height: 1.4;
}
/*SP*/
.easys_content:has(.simulation_input_head) .entry_post.sp .simulation_input_foot .simulation_result tr th {
  padding: 10px;
  font-size: 1em;
}
.easys_content:has(.simulation_input_head) .entry_post.sp .simulation_input_foot .simulation_result tr td {
  padding: 18px 10px;
  font-size: 1.6em;
}

/*---------------------------------------------------------*/
/*注意事項*/
.easys_content:has(.simulation_input_head) .entry_post > div .notes_message {
  margin: 30px 0 0 0;
}
.easys_content:has(.simulation_input_head) .entry_post > div .notes_message p {
  margin: 0;
  padding: 5px;
  font-size: var(--font_size_14, 14px);
  line-height: 24px;
}
/*SP*/
.easys_content:has(.simulation_input_head) .entry_post.sp > div .notes_message {
  margin: 20px 0 0 0;
}
.easys_content:has(.simulation_input_head) .entry_post.sp > div .notes_message p {
  font-size: var(--font_size_12, 12px);
  line-height: 20px;
}