.table_wrap--type04 {
  overflow-x: scroll;
  min-height: 103px;
  @media(min-width: 768px) {
    overflow-x: unset;
    
  }
}
.table--type04 {
  width: 200%;
  border-collapse: collapse;
  table-layout: fixed;
  border-bottom: 1px solid #D9D9D9;
  @media(min-width: 768px) {
    width: 100%;
    
  }
  tr {
    &:nth-of-type(odd) {
      background-color: #F2F2F2;
      border-top: 1px solid #D9D9D9;
      border-bottom: 1px solid #D9D9D9;
    }
    td {
      padding: 0.83rem 1.33rem;
      font-size: 0.89rem;
      font-weight: 500;
      box-sizing:  border-box;
      text-align: left;
      &:first-of-type {
        width: 30%;
      }
      &:nth-of-type(2) {
        width 70%;
      }
    }
  }
  &.table--type04--w-20 {
    tr {
      td {
        &:first-of-type {
          width: 20%;
        }
        &:nth-of-type(2) {
          width 80%;
        }
      }
    }
  }
  &.table--type04--w-22 {
    tr {
      td {
        &:first-of-type {
          width: 22%;
        }
        &:nth-of-type(2) {
          width 78%;
        }
      }
    }
  }  
  &.table--type04--w-30 {
    tr {
      td {
        &:first-of-type {
          width: 30%;
        }
        &:nth-of-type(2) {
          width 70%;
        }
      }
    }
  }  
}
.scroll-hint-icon {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
}