@charset "utf-8";

table td .dsp_b {
    display: inline-block;
    max-width: 175px;
    word-wrap: break-word;
}
@media screen and (max-width: 519px) {
    table td .dsp_b {
        max-width: 220px;
    }
}

@media screen and (max-width: 1000px){
    .c-table-responsive-note.matrix {
      margin: 20px 0 -8px;
      display: block;
    }
    .c-table-responsive.matrix .c-table-responsive__inner {
        overflow-x: scroll;
    }
    .c-table-responsive.matrix .c-table-responsive__inner table[class*="c-table"] {
      width: 1000px;
      margin-top: 0;
    }
    .c-table-responsive.matrix::after {
      background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 100%) 0% 0% no-repeat;
      content: "";
      position: absolute;
      z-index: 10;
      top: 0;
      bottom: 0;
      right: 0;
      width: 20px;
      height: 100%;
    }
  }