@charset "UTF-8";

/* =========================================================
   GROUP TABLE
========================================================= */

.group-table {
  overflow-x: auto;
}

.group-table table {
  border-collapse: collapse;
  width: 100%;
  min-width: 700px;
  margin: 0;
}

.group-table th,
.group-table td {
  padding: 1%;
  text-align: center;
  white-space: pre-wrap;
}

.group-table th {
  background: #AACED7;
}

.group-table td {
  background: #D7F1F8;
}

.group-table tr:hover td {
  background: #fff;
}

/* 💡 表のキャプション（タイトル）の文字を大きく・太字にする設定 */
.group-table table caption {
  font-size: 1.25rem;       /* 文字を大きく（h3見出し相当のサイズに） */
  font-weight: bold;        /* しっかりとした太字にする */
  color: #333333;           /* 読みやすい濃いグレー */
  text-align: center;         /* 中央揃えに配置 */
  margin-bottom: 10px;      /* 表の本体との間に少し隙間を作る */
  padding-left: 5px;        /* 左側にわずかな余白を作って線と目線を揃える */
}