/* ----------------------------------------------------------------------------------------------------
     全端末共通のCSS（961px〜）
---------------------------------------------------------------------------------------------------- */

table.tb01{
  border-collapse: collapse;
  width: 100%;
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 1px #ccc;
  text-align:center;
  box-sizing:border-box;
}
.tb01 th {
  background: #EA7900;
  color: #fff;
  
}

th.thhead{
    background-color: #a6a6a6;
}

th.thhead2{
    width: 30%;
}


/* ----------------------------------------------------------------------------------------------------
     小型タブレット・スマホ端末（640px〜850px）
---------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 850px) {


  .tb01 .head{
    display:none;
  }
  .tb01 {
    width: 100%;
  }
  .tb01 td,
  .tb01 th{
    display: block;
    width: 100%;
    border-bottom:none;
        font-size:1.0rem;
  }
  .tb01 td{
    padding: 0px 8px 0 0;
    display: block;
    width: 100%;
    line-height: 2.5;
    text-align:left;
  }
  .tb01 td:before{
    color: #fff;
    content: attr(data-label);
    font-weight: bold;

    padding: 0 10px;
    display: inline;
    background-color: #a6a6a6;
    margin-right: 10px;
    float: left;
    width: 60%;
  }
  
 
td.td2:before{
	height:80px;
    padding: 0 10px;

}

td.tdnone{
    display:none;
}

  
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
}