/* 
* CF06 / CF12 / 
*/
@media screen and (max-width: 767px) {
  #json-add .form-table__head {
    background-color: #fff;
    vertical-align: baseline;
    border-right: none;
    font-size: 1em;
    font-weight: normal;
    padding-right: .5em;
    padding-left: 1em;
  }
  
  #json-add .form-table__body {
    vertical-align: baseline;
    border-left: none;
    padding-right: 1em;
    padding-left: .5em;
  }
  
  #json-add .sp-stack-table th,
  #json-add .sp-stack-table td {
    display: table-cell;
  }
  
  #json-add .sp-stack-table th {
    width: 45%;
  }
  
  #json-add .sp-stack-table td {
    width: 55%;
  }
}

/* 
* CF08
*/
@media screen and (max-width: 767px) {
  #hopeDataTable .form-table__head {
    background-color: #fff;
    vertical-align: baseline;
    border-right: none;
    font-size: 1em;
    font-weight: normal;
    padding-right: .5em;
    padding-left: 1em;
  }

  #hopeDataTable .form-table__body {
    vertical-align: baseline;
    border-left: none;
    padding-right: 1em;
    padding-left: .5em;
  }
  
  #hopeDataTable.sp-stack-table th,
  #hopeDataTable.sp-stack-table td {
    display: table-cell;
  }
  
  #hopeDataTable.sp-stack-table th {
    width: 45%;
  }
  
  #hopeDataTable.sp-stack-table td {
    width: 55%;
  }
}