.note-rating{
  display: flex;
  justify-content: space-between;
  margin: -20px 0 18px;
}

.note-rating .text{
  margin-bottom: 0;
}

.table-rating{
  margin-bottom: 35px;
  width: 100%;
}

.table-rating th{
  font-weight: 400;
}

.table-rating tr:first-child th{
  background: #808080;
  color: #fff;
  padding: 10px 15px;
  text-align: left;
}
.table-rating tr:first-child th.title01{
  border-right: 10px solid #fff;
  width: 334px;
}
.table-rating tr:first-child th.title02{
  border-right: 10px solid #fff;
  width: 230px;
}
.table-rating tr:first-child th.title03{
  width: 230px;
}

.table-rating th.title{
  background: #f5f5f5;
  border-bottom: 1px solid #fff;
  border-right: 10px solid #fff;
  padding: 10px 15px;
  text-align: left;
  width: 334px;
}

.table-rating td{
  border-bottom: 1px solid #808080;
  font-size: 24px;
  padding: 10px 15px;
  text-align: left;
  width: 230px;
}

.table-rating sup{
  color: #e60000;
}
@media (max-width: 767px) {
  .note-rating{
    display: block;
    margin: -20px 0 10px;
  }

  .note-rating .text:last-child{
    text-align: right;
  }

  .note-rating .text{
    width: 100%;
  }
  .table-rating table{
    width:100%;
  }
  .table-rating{
    margin-bottom: 0;
    overflow: auto;
    white-space: nowrap;
  }
  .table-rating::-webkit-scrollbar{
    height: 5px;
  }
  .table-rating::-webkit-scrollbar-track{
    background: #e5e5e5;
  }
  .table-rating::-webkit-scrollbar-thumb {
    background: #84807f;
  }
  .list-noteB{
    margin-bottom: 15px;
  }
}