table {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 8px;
  &::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    border-radius: 5px;
  }

  /* Track */
  &::-webkit-scrollbar-track {
    background: #d8dbe0;
  }

  /* Handle */
  &::-webkit-scrollbar-thumb {
    background: #696969;
    border-radius: 5px;
  }

  /* Handle on hover */
  &::-webkit-scrollbar-thumb:hover {
    background: #696969;
  }
  tbody,
  thead {
    width: 100%;
    position: relative;
    // display: table;
    white-space: nowrap;
  }
  thead {
    tr {
      th {
        font-size: 14px;
        line-height: 20px;
        color: #006aff;
        font-weight: bold;
        font-family: 'Source Han Sans JP';
      }
    }
  }
  tbody {
    //   display: table;
    th {
      color: #354259;
      font-size: 14px;
      line-height: 20px;
      font-family: 'Source Han Sans JP';
      font-weight: 500;
    }
    td {
      color: #354259;
      font-size: 14px;
      line-height: 20px;
      font-family: 'Source Han Sans JP';
      font-weight: 500;
    }
  }
  @include desktop() {
    display: inline-block;
  }
  @include tablet() {
    display: inline-block;
  }
  @include sp() {
    display: inline-block;
  }
}

.table .arrow-container {
  margin-left: 6px;
}