* {
  box-sizing: border-box;
}
body {
  margin: 20px;
  font-family: sans-serif;
}
table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 30px;
}
td {
  border: 1px solid #000;
  height: 60px;
  padding: 8px;
  word-break: break-word;
}
td.label {
  background-color: #dcdcdc;
  width: 20%;
  min-width: 240px;
}
td.content {
  background-color: #ffffff;
}

/* スマートフォンなど狭い画面向け */
@media (max-width: 600px) {
  body {
    margin: 10px;
  }
  table,
  tbody,
  tr {
    display: block;
    width: 100%;
  }
  td {
    display: block;
    width: 100% !important;
    border: 1px solid #000;
  }
  td.label {
    border-bottom: none;
    min-height: 40px;
  }
  td.content {
    border-top: none;
    min-height: 60px;
    height: auto;
  }
}