.normal-table {
  position: relative; width: 100%;
  table {
    width:100%; font-size:1.3rem; border-top:1px solid #aaa; table-layout: fixed; line-height: 1.8;
    thead {
      tr {
        background:#f4f4f4;
        th { 
          position:relative; font-weight:600; vertical-align: middle; padding:5px; text-align: center; height:50px; 
          &:after {content:''; display:block; position:absolute; top:0; left:0; width:1px; height: 100%; background:#fff;}
          &:nth-child(1):after { width:0; height: 0;}
        }
      }
    }
    tbody {
      tr {
        td {
          vertical-align: middle; padding:5px; text-align: center; height:50px; border:1px solid var(--line-color); border-top:0; color: #666; word-break:break-all;
          &.text-left {text-align: left;}
          &:first-child {border-left:0;}
          &:last-child {border-right:0;}
          a {
            color: #4c89c5;
            &:hover { text-decoration: underline;}
          }
        }
      }
    }
  }
}

@media (max-width: 768px) {
  .normal-table {
    table {
      font-size: 1.2rem;
    }
  }
}