/*---------------------------------------------------------------------------*/
.section-works {
  padding: 10rem 0 12rem;
}

.works-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin: 0 0 0 -4.5rem;
}

.works-list_item {
  width: -webkit-calc(100%/3 - 4.5rem);
  width: -moz-calc(100%/3 - 4.5rem);
  width: calc(100%/3 - 4.5rem);
  margin: 0 0 5rem 4.5rem;
}

.works-list_item--thumb {
  margin-bottom: 1rem;
}

.works-list_item--date {
  margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
  .section-works {
    padding: 13.33333vw 0 16vw;
  }
  .works-list {
    margin: 0 0 0 -4vw;
  }
  .works-list_item {
    width: -webkit-calc(100%/2 - 4vw);
    width: -moz-calc(100%/2 - 4vw);
    width: calc(100%/2 - 4vw);
    margin: 0 0 8vw 4vw;
  }
  .works-list_item--thumb {
    margin-bottom: 2.66667vw;
  }
  .works-list_item--date {
    margin-bottom: 2.66667vw;
  }
}