@charset "utf-8";
.servicecontainer{
  margin-bottom: 100px;
}
.case_list{
  display: flex;
  flex-wrap: wrap;
  gap:4%;
  margin:0;
  padding: 0;
  list-style: none;
}
.case_list li{
  width: 48%;
  margin-bottom: 40px;
}
.case_list li .table-wrap,
.monitor_info{
  padding: 10px;
  border:1px solid #ddd;
  border-radius: 3px;
}
.case_list li img{
width: 100%;
height: auto;
}
.case_list li table{
  width: 100%;
}
.case_list li table tr,
.monitor_info table tr{
    display:flex;
}
.case_list li table th,
.monitor_info table th{
  display: block;
  background: #fdf9f4;
  border-radius: 3px;
  padding: 0px 10px;
  width: 6em;
  text-align: center;
  margin-bottom: 10px;
}
.case_list li table td,
.monitor_info table td{
  /*width: calc(100% - 8em);*/
  padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 0px;
}
.case_list li table tr:last-child th,
.case_list li table tr:last-child td{
  margin-bottom: 0;
}

@media (max-width: 768px) { 
  .case_list{
    display: block;
  }
  .case_list li {
      width: 100%;
  }
  .case_list li .table-wrap, .monitor_info{
    border: none;
    padding: 20px 0;
  }
  .case_list li table tr, .monitor_info table tr {
    display: block;
  }
  .case_list li table th, .monitor_info table th{
    width: auto;
  }
}