/* dock-page.css */
/* DockPageTableType01.css */
.dock-page-table-type01-container .table-type01 {
    width: 100%;
    overflow: clip;
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid var(--color-orange-400);
    border-radius: 12px;
  }
.dock-page-table-type01-container .table-type01 th {
      font-weight: var(--normal);
    }
.dock-page-table-type01-container .table-type01 thead tr th {
        padding: 20px;
        background-color: var(--color-orange-400);
        border-bottom: 1px solid var(--color-orange-400);
        border-left: 1px solid #fff;
      }
.dock-page-table-type01-container .table-type01 thead tr th:first-child {
          background-color: #fff;
          border-left: none;
        }
.dock-page-table-type01-container .table-type01 thead tr th:nth-child(1) {
          width: 10%;
          opacity: 0;
        }
.dock-page-table-type01-container .table-type01 thead tr th:nth-child(n + 2) {
          width: 45%;
        }
.dock-page-table-type01-container .table-type01 tbody tr :is(th, td) {
        padding: 20px;
      }
@media all and (max-width: 1087.98px) {
.dock-page-table-type01-container .table-type01 tbody tr :is(th, td) {
          padding: 8px;
      }
        }
@media all and (max-width: 1087.98px) {
        .dock-page-table-type01-container .table-type01 tbody tr th {
          text-align: center;
        }
      }
:is(.dock-page-table-type01-container .table-type01 tbody) tr + tr :is(th, td) {
        border-top: 1px solid var(--color-orange-400);
      }
.dock-page-table-type01-container .table-type01 tbody tr:nth-of-type(odd) th {
          background-color: var(--color-orange-200);
        }
.dock-page-table-type01-container .table-type01 tbody tr:nth-of-type(even) th {
          background-color: var(--color-orange-400);
        }
/* DockPageTableType02.css */
.dock-page-table-type02-container .table-type02 {
    width: 100%;
    overflow: clip;
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid var(--color-orange-400);
    border-radius: 12px;
  }
.dock-page-table-type02-container .table-type02 th {
      font-weight: var(--normal);
    }
.dock-page-table-type02-container .table-type02 thead tr th {
        padding: 20px;
        background-color: var(--color-orange-400);
        border-bottom: 1px solid var(--color-orange-400);
        border-left: 1px solid #fff;
      }
.dock-page-table-type02-container .table-type02 thead tr th:first-child {
          background-color: #fff;
          border-left: none;
        }
.dock-page-table-type02-container .table-type02 thead tr th:nth-child(1) {
          width: 18.4%;
          opacity: 0;
        }
.dock-page-table-type02-container .table-type02 thead tr th:nth-child(n + 2) {
          width: calc((100% - 18.4%) / 4);
        }
.dock-page-table-type02-container .table-type02 tbody tr :is(th, td) {
        padding: 20px;
      }
@media all and (max-width: 1087.98px) {
.dock-page-table-type02-container .table-type02 tbody tr :is(th, td) {
          padding: 8px;
      }
        }
.dock-page-table-type02-container .table-type02 tbody tr > *:nth-child(1) {
          border-left: 0;
        }
.dock-page-table-type02-container .table-type02 tbody tr > *:nth-child(2) {
          border-left: 1px solid transparent;
        }
.dock-page-table-type02-container .table-type02 tbody tr > *:nth-child(3) {
          border-left: 1px solid var(--color-orange-400);
        }
.dock-page-table-type02-container .table-type02 tbody tr > *:nth-child(4) {
          border-left: 1px solid var(--color-orange-400);
        }
.dock-page-table-type02-container .table-type02 tbody tr > *:nth-child(5) {
          border-left: 1px solid var(--color-orange-400);
        }
:is(.dock-page-table-type02-container .table-type02 tbody) tr + tr :is(th, td) {
        border-top: 1px solid var(--color-orange-400);
      }
.dock-page-table-type02-container .table-type02 tbody tr:nth-of-type(odd) th {
          background-color: var(--color-orange-200);
        }
.dock-page-table-type02-container .table-type02 tbody tr:nth-of-type(even) th {
          background-color: var(--color-orange-400);
        }
.dock-page-table-type02-container .table-type02 tbody tr:nth-of-type(even) td {
          background-color: var(--color-orange-100);
        }