.ta2 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #fff; /* はっきり見えるボーダー */
  border-radius: 8px; /* 角丸 */
  background-color: #e0f7fa; /* 薄い青の背景 */
  font-size: 0.9em; /* 文字を若干小さめに */
}

.ta2 th,
.ta2 td {
  border: 1px solid #fff; /* セル内のボーダー */
  padding: 8px;
  text-align: left;
}

.ta2 th {
  background-color: #fff; /* ヘッダーセルの背景色を少し濃いめに */
}

.ta2 tr:first-child th:first-child {
  border-top-left-radius: 8px; /* 左上の角丸 */
}

.ta2 tr:first-child th:last-child {
  border-top-right-radius: 8px; /* 右上の角丸 */
}

.ta2 tr:last-child td:first-child {
  border-bottom-left-radius: 8px; /* 左下の角丸 */
}

.ta2 tr:last-child td:last-child {
  border-bottom-right-radius: 8px; /* 右下の角丸 */
}