.pagination {
  margin-top: 95px;
  text-align: center;
  font-size: 0;
}
.pagination *:first-child {
  border-left: 1px solid #000;
}
.pagination span,
.pagination a {
  padding: 0 1em;
  font-size: 2rem;
  border-right: 1px solid #000;
}
.pagination .current {
  font-weight: bold;
}

@media all and (-ms-high-contrast: none) {
  .pagination span,
  .pagination a {
    padding: 6px 1em 0;
  }
}


/* ------------------------------
#works
------------------------------ */
#works {
  background-color: #fff;
  padding: 45px 0 80px;
}
#works .wrap {
  padding: 0 40px;
}
#works .works-block {
  width: calc(100% / 4 - 15px);
  margin-top: 45px;
  margin-right: 20px;
}
#works .works-block:nth-of-type(4n) {
  margin-right: 0;
}
#works .works-block .data {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#works .works-block .date,
#works .works-block .type {
  font-size: 1.2rem;
}
#works .works-block .title {
  font-weight: bold;
}

/* ----------------------------------------------------------------------------------------------------
*  SP
* --------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  /* ------------------------------
  #works
  ------------------------------ */
  #works {
    padding-top: 80px;
  }
  #works .works-block {
    width: 100%;
    margin-top: 40px;
  }
  #works .works-block:first-of-type {
    margin-top: 0;
  }

}