section table { width: 100%; }
section th, section td  { padding: 10px; }

 
/*----------------------------------------------------
  .restable01
----------------------------------------------------*/
.restable01 th  { width: 50%; text-align: left; }
 
@media only screen and (max-width:480px){
    .restable01 { margin: 0 -10px; }
    .restable01 th,
    .restable01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .restable01 tr:first-child th { border-top: 0px solid #ddd; }
}


/*----------------------------------------------------
  .restable02
----------------------------------------------------*/
.restable02 th  { width: 30%; text-align: left; border: 1px solid #969696; background: #D8D8D8;}
.restable02 td  { text-align: left; border: 1px solid #969696;}
 
@media only screen and (max-width:480px){
    .restable02 { margin: 0 -10px; }
    .restable02 th,
    .restable02 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .restable02 tr:first-child th { border-top: 1px solid #ddd; }
}