@charset "UTF-8";


/* sass */

.col3, .col4-1 { align-content: flex-start; align-items: flex-start; display: flex; flex-flow: row wrap; justify-content: flex-start; }

.col3 > .col, .col4-1 > .col { margin-left: 5px; width: calc((100% - 1px - 5px) / 2); }

.col3 > .col:nth-child(2n + 1), .col4-1 > .col:nth-child(2n + 1) { margin-left: 0; }

.col3 > .col > .img, .col4-1 > .col > .img { margin-left: 0; margin-right: 0; }

@media all and (min-width: 768px) {
.col4-1 > .col { margin-left: 5px; width: calc((100% - 1px - 5px * 3) / 4); }
.col4-1 > .col:nth-child(2n + 1) { margin-left: 5px; }
.col4-1 > .col:nth-child(4n + 1) { margin-left: 0; }
.col4-1 > .col .btn-box > .btn { min-width: calc(400px - (400px - 100%)); }
}



	.table-sticky {
      overflow-y: auto;
      height: 465px;
      margin-top: 5px;
      margin-bottom: 0px;
    }
	.table-sticky_harf {
      overflow-y: auto;
      height: 300px;
      margin-top: 5px;
      margin-bottom: 5px;
    }
    .table-sticky__container {
      width: 100%;
      border-collapse: collapse;
      white-space: nowrap;
    }
	.table-sticky2 {
      overflow-y: auto;
      height: 520px;
      margin-top: 5px;
      margin-bottom: 5px;
    }
	.table-sticky2_harf {
      overflow-y: auto;
      height: 300px;
      margin-top: 5px;
      margin-bottom: 5px;
    }
    .table-sticky2__container {
      width: 100%;
      border-collapse: collapse;
      white-space: nowrap;
    }
    th {
      border: 2px solid #eee;
      padding: 4px 8px;
	  text-align: center;
      background-color: #efd8ad;
    }
    td {
      border: 2px solid #eee;
      padding: 4px 8px;
    }
    .table-sticky__title {
      position: sticky;
      top: 0;
      left: 0;
    }
    .table-sticky__title::before{
      content: "";
      position: absolute;
      top: -1px;
      left: -1px;
      width: 100%;
      height: 100%;
      border: 1px solid #eee;
    }