@media (max-width: 576px) {
  .table thead {
    display: none;  /* ✅ ヘッダー非表示 */
  }

  .table tbody tr {
    display: block;
    margin-bottom: 1rem;
    border: 1px solid #ddd;
    padding: 0.5rem;
  }

  .table td {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
  }

  .table td::before {
    content: attr(data-label);  /* ✅ カラム名を表示 */
    font-weight: bold;
    margin-right: 1rem;
    white-space: nowrap;
  }

  .table td img {
    max-width: 100px;
    height: auto;
  }
}