@charset "UTF-8";
/* ------------------------------------------------------------------------------ 
  研修制度｜入社後のスケジュール（1年目）
------------------------------------------------------------------------------ */
.p-training-table {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
  margin-top: clamp(1.25rem, 0.81rem + 1.878vw, 2.5rem);
}
@media (max-width: 768px) {
  .p-training-table {
    min-width: 950px;
  }
}
.p-training-table th,
.p-training-table td {
  padding: 10px 12px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #4d4d4d;
}
.p-training-table th {
  font-weight: 600;
}
.p-training-table {
  /* テーブル上部の罫線 */
}
.p-training-table {
  /* ★ 1行目・左上の空セル（＝月列） */
}
.p-training-table tr:first-child > th:first-child {
  width: 120px;
}
.p-training-table {
  /* ★ すべての行の月セル（折り返さない） */
}
.p-training-table th.p-training-table__head-month {
  white-space: nowrap;
  font-weight: 600;
}
.p-training-table {
  /* ★ 職種4列（1行目基準で固定） */
}
.p-training-table tr:first-child > th:not(:first-child) {
  width: calc((100% - 120px) / 4);
}

/* 職種別ヘッダー背景 */
.p-training-table__head-ca {
  background-color: #0089de;
  color: #fff;
}

.p-training-table__head-ts {
  background-color: #9cc439;
  color: #fff;
}

.p-training-table__head-ta {
  background-color: #5da838;
  color: #fff;
}

.p-training-table__head-fs {
  background-color: #f57cab;
  color: #fff;
}

/* 職種別セル背景（直指定） */
.p-training-table__td-ca {
  background-color: #e7eefd;
}

.p-training-table__td-ts {
  background-color: #f4fad1;
}

.p-training-table__td-ta {
  background-color: #e3eeac;
}

.p-training-table__td-fs {
  background-color: #fde4f3;
}

/* SP調整（横スクロール前提） */
@media (max-width: 900px) {
  .p-training-table {
    font-size: 0.785rem;
  }
}
@media (max-width: 768px) {
  .p-training-table th,
  .p-training-table td {
    padding: 6px 8px;
  }
  .p-training-note {
    margin-top: 32px;
  }
}
/* ------------------------------------------------------------------------------ 
  研修制度｜派遣研修テーブル
------------------------------------------------------------------------------ */
.p-haken-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
@media (max-width: 768px) {
  .p-haken-table {
    min-width: 900px;
  }
}
.p-haken-table th,
.p-haken-table td {
  padding: 12px 16px;
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #4d4d4d;
  font-size: 1rem;
  line-height: 1.6;
}
@media (max-width: 900px) {
  .p-haken-table th,
  .p-haken-table td {
    font-size: 0.785rem;
  }
}
@media (max-width: 768px) {
  .p-haken-table th,
  .p-haken-table td {
    padding: 8px 10px;
  }
}
.p-haken-table th {
  font-weight: 600;
  white-space: nowrap;
}
.p-haken-table {
  /* テーブル最上部の罫線は出さない */
}
.p-haken-table tr:first-child th,
.p-haken-table tr:first-child td {
  border-top: none;
}
.p-haken-table {
  /* 左2列（営業／整備／管理職・職種名） */
}
.p-haken-table th:nth-child(1),
.p-haken-table th:nth-child(2) {
  width: 35%;
}
.p-haken-table {
  /* 右側講座列 */
}
.p-haken-table td {
  width: calc((100% - 280px) / 2);
}

/* 派遣研修｜左側カテゴリ（直指定カラー） */
/* 営業 */
.p-haken-table__th-ca {
  background-color: #0089de;
  color: #fff;
}

/* 整備（共通） */
.p-haken-table__th-ts {
  background-color: #5da838;
  color: #fff;
}

/* 管理職 */
.p-haken-table__th-manage {
  background-color: #f7931e;
  color: #fff;
}

/* 派遣研修｜講座セル背景（直指定） */
.p-haken-table__td-ca {
  background-color: #e7eefd;
}

.p-haken-table__td-ts {
  background-color: #f4fad1;
}

.p-haken-table__td-manage {
  background-color: #fdebd8;
}