* {
  margin: 0;
  padding: 0;
}

.wrap-table-contents .table-contents {
  width: 100%;
  border: 1px solid #E0E8EF;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 10px;
}
.wrap-table-contents .table-contents td, .wrap-table-contents .table-contents th {
  border: solid 1px #dfe8ef;
  vertical-align: top;
  font-size: 1.8rem;
  line-height: 3.4rem;
  letter-spacing: 0;
}
.wrap-table-contents .table-contents th {
  color: #000;
  background: #f0f4f7;
  font-weight: bold;
  padding: 24px 23px;
  width: 189px;
}
.wrap-table-contents .table-contents td {
  color: #3B4043;
  background: #FFF;
  padding: 24px 48px;
}
.wrap-table-contents .table-contents .bg-gray {
  background: #f0f4f7;
}
.wrap-table-contents table tr:first-child > :first-child {
  border-top-left-radius: 10px;
}
.wrap-table-contents table tr:first-child > :last-child {
  border-top-right-radius: 10px;
}
.wrap-table-contents table tr:last-child > :first-child {
  border-bottom-left-radius: 10px;
}
.wrap-table-contents table tr:last-child > :last-child {
  border-bottom-right-radius: 10px;
}

@media (max-width: 768px) {
  .wrap-table-contents .table-contents td, .wrap-table-contents .table-contents th {
    font-size: 1.3rem;
    line-height: 2.4rem;
  }
   .wrap-table-contents .table-contents th {
    width: 102px;
    padding: 12px 5px 12px 12px;
  }
  .wrap-table-contents .table-contents td {
    padding: 12px 12px 12px 18px;
  }
}