/* 主に説明Lで使用 */

/* 横に積むtable レスポンシブ */
table {
  margin: 20px auto;
}
.tbl-r01 th {
  background: #ffd200;
  border: solid 1px #000;
  color: #fff;
  padding: 10px;
  width:200px;
}
.tbl-r01 td {
  background: #fff;
  border: solid 1px #000;
  padding: 10px;
  width:580px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r01 {
    width: 80%;
  }
  .tbl-r01 th,
  .tbl-r01 td {
    border-bottom: none;
    display: block;
    width: 100%;
    text-align: center;
  }


/* 横に積むtable レスポンシブ【使用許諾】 */

.tbl-r02 th {
  background: #e9727e;
  border: solid 1px #000;
  color: #fff;
  padding: 10px;
  width:150px;
}
.tbl-r02 td {
  border: solid 1px #000;
  padding: 10px;
  width:200px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r02 {
    width: 80%;
  }
  .tbl-r02 th,
  .tbl-r02 td {
    border-bottom: none;
    display: block;
    width: 100%;
    text-align: center;
  }

/* 横に積むtable レスポンシブ【各種手続き】 */
.tbl-r03 th {
  background: #e9727e;
  border: solid 1px #000;
  color: #fff;
  padding: 10px;
  width:400px;
}
.tbl-r03 td {
  border: solid 1px #000;
  padding: 10px;
  width:500px;
  text-align: right;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
  .tbl-r03 {
    width: 80%;
  }
  .tbl-r03 th,
  .tbl-r03 td {
    border-bottom: none;
    display: block;
    width: 100%;
    text-align: center;
  }

.tbl-r03 th {
  background: #ffd200;
  border: solid 1px #000;
  color: #fff;
  padding: 10px;
  width:400px;
}
.tbl-r03 td {
  border: solid 1px #000;
  padding: 10px;
  width:500px;
  text-align: left;
}

@media screen and (max-width: 640px) {
  .last td:last-child {
    border-bottom: solid 1px #000;
    width: 100%;
  }
  .tbl-r03 {
    width: 80%;
  }
  .tbl-r03 th,
  .tbl-r03 td {
    border-bottom: none;
    display: block;
    width: 100%;
    text-align: left;
  }
}