.table-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  align-items: flex-start;
}

.table-wrapper .table-cmn {
  /*flex: 1 1 50%;*/ /* PCでは横に2つ並ぶ */
  width: 38%;
  border-collapse: collapse;
}

.table-cmn tbody th {
    width: 24%;
}

.table-cmn {
    width: 38%;
  }

@media (max-width: 767px) {
  .table-wrapper {
    flex-direction: column; /* スマホでは縦並び */
  }
  .table-wrapper .table-cmn {
    flex: 1 1 100%;
    width: 100%;
  }

  .table-cmn {
    width: 100%;
  }
}