@charset "UTF-8";

/* table共通 */
section table {
  border-collapse: collapse;
  width: 100%;
}

caption {
  text-align: left;
  font-weight: 600;
  font-size: 2.8rem;
  position: relative;
}

caption::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #333;
}

section table th,
section table td {
  border: 1px solid #333;
  background: #fff;
  padding: 10px;
  text-align: center;
  font-size: 1.4rem;
}

section table tr:first-child th,
section table th:first-child,
section table td:first-child {
  white-space: nowrap;
}

/* 職位に応じた職責 */
table.responsibility thead th {
  background: var(--i_btn_hover_color);
}

table.responsibility td {
  text-align: left;
}

/* キャリアアップ任用要件体系 */
table.career_enhancement thead th {
  background: var(--i_btn_hover_color);
}

/* 基本給一覧 */
table.price_table thead th {
  width: calc(100% / 6);
  background: var(--i_btn_hover_color);
}

table.price_table tbody tr:not(:first-child) td:not(:first-child) {
  text-align: right;
}

/* キャリアパス基準表 */
table.career_path thead th {
  background: var(--i_btn_hover_color);
}

table.career_path tbody td:nth-child(3),
table.career_path tbody td:nth-child(7) {
  white-space: nowrap;
}

@media screen and (max-width: 700px) {
  .content_wrapper:has(:is(table.career_enhancement, table.price_table, table.career_path)) {
    overflow: auto;
  }

  table.career_enhancement,
  table.price_table {
    min-width: 800px;
  }

  table.career_path {
    min-width: 1200px;
  }

  table.career_path thead th {
    min-width: 200px;
  }
}