@media screen and (max-width: 960px) {
  .tbl {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 16px;
  }
}

.tbl table {
  table-layout: fixed;
}

@media screen and (max-width: 960px) {
  .tbl table {
    table-layout: initial;
  }
}

@media screen and (max-width: 520px) {
  .tbl table thead {
    display: none;
  }
}

.tbl table thead tr th:nth-child(1) {
  width: 100px;
}

@media screen and (max-width: 1280px) {
  .tbl table thead tr th:nth-child(1) {
    width: 88px;
  }
}

.tbl table thead tr th:nth-child(2), .tbl table thead tr th:nth-child(3) {
  width: 140px;
}

@media screen and (max-width: 1280px) {
  .tbl table thead tr th:nth-child(2), .tbl table thead tr th:nth-child(3) {
    width: 120px;
  }
}

.tbl table thead tr th:nth-child(6) {
  width: 160px;
}

@media screen and (max-width: 1280px) {
  .tbl table thead tr th:nth-child(6) {
    width: 140px;
  }
}

.tbl table tbody {
  -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 520px) {
  .tbl table tbody {
    display: block;
  }
}

@media screen and (max-width: 520px) {
  .tbl table tbody tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 16px;
    border-top: solid 1px #C9C8C6;
  }
}

.tbl table tbody tr:not(:first-child) th {
  display: none;
}

@media screen and (max-width: 520px) {
  .tbl table tbody tr:not(:first-child) th {
    display: block;
  }
}

.tbl table tbody tr th,
.tbl table tbody tr td {
  position: relative;
}

@media screen and (max-width: 1024px) {
  .tbl table tbody tr th,
  .tbl table tbody tr td {
    padding: 12px;
  }
}

@media screen and (max-width: 520px) {
  .tbl table tbody tr th,
  .tbl table tbody tr td {
    text-align: left;
    padding: 10px 8px 10px 96px;
  }
}

@media screen and (max-width: 960px) {
  .tbl table tbody tr th::before,
  .tbl table tbody tr td::before {
    display: none;
  }
}

@media screen and (max-width: 520px) {
  .tbl table tbody tr th::before,
  .tbl table tbody tr td::before {
    content: attr(tbl-data);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    padding: 12px 8px;
    height: 100%;
    background: #008EAE;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
  }
}

.tbl table tbody tr th {
  background-clip: padding-box;
  width: auto;
}

@media screen and (max-width: 1280px) {
  .tbl table tbody tr th {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 520px) {
  .tbl table tbody tr th {
    width: 100%;
  }
}

@media screen and (max-width: 1280px) {
  .tbl table tbody tr td {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 520px) {
  .tbl table tbody tr td {
    width: 100%;
    border-right: none;
  }
}

/*# sourceMappingURL=../../../maps/general/pages/cooperation.css.map */