p {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  margin: 60px auto 40px;
}
th {
  background: #fff;
  border: solid 0px #ccc;
  color: #000;
  padding: 10px;
}
td {
  border: solid 0px #ccc;
  padding: 20px;
 width: 200px;
}
@media screen and (max-width: 640px) {
  .tbl-r03 {
    width: 100%;
  }
  .tbl-r03 tr {
    display: block;
    float: left;
  }
  .tbl-r03 tr td, 
  .tbl-r03 tr th {
    border-left: none;
    display: block;
    height: 50px;
  }
  .tbl-r03 thead {
    display: block;
    float: left;
    width: 30%;
  }
  .tbl-r03 thead tr {
    width: 100%;
  }
  .tbl-r03 tbody {
    display: block;
    float: left;
    width: 70%;
  }
  .tbl-r03 tbody tr {
    width: 50%;
  }
  .tbl-r03 tr td + td {
    border-left: none;
  }
  .tbl-r03 tbody td:last-child {
    border-bottom: solid 0px #ccc;
  }
}



@media screen and (max-width: 640px) {
  .tbl-r031 {
    width: 90%;
  }
  .tbl-r031 tr {
    display: block;
    float: left;
  }
  .tbl-r031 tr td, 
  .tbl-r031 tr th {
    border-left: none;
    display: block;
    height: 50px;
  }
  .tbl-r031 thead {
    display: block;
    float: left;
    width: 30%;
  }
  .tbl-r031 thead tr {
    width: 100%;
  }
  .tbl-r031 tbody {
    display: block;
    float: left;
    width: 70%;
  }
  .tbl-r031 tbody tr {
    width: 50%;
  }
  .tbl-r031 tr td + td {
    border-left: none;
  }
  .tbl-r031 tbody td:last-child {
    border-bottom: solid 0px #ccc;
  }
}

article {
  min-height: 100%;
  display: grid;
  grid-template-rows: auto 1fr auto;
}

footer {
  display: flex;
  justify-content: left;
  padding: 5px;
  background-color: #ffffff;
  color: #000;
　width:70%;
}