/* Scss Document */
/* Scss Document */
.style {
  margin-bottom: 12rem;
}
@media only screen and (max-width: 640px) {
  .style {
    margin-bottom: calc(80 / 640 * 100vw);
  }
}
.style .content {
  background: url(../images/works/img_works.jpg) no-repeat center center;
  background-size: cover;
  height: 94rem;
}
@media only screen and (max-width: 640px) {
  .style .content {
    height: calc(800 / 640 * 100vw);
  }
}
.style .inner {
  padding: 15rem 12rem;
  color: #FFF;
  font-size: 2rem;
}
@media only screen and (max-width: 640px) {
  .style .inner {
    padding: calc(50 / 640 * 100vw);
    font-size: calc(22 / 640 * 100vw);
  }
}
.style__title {
  margin-bottom: 0.5em;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 6rem;
}
@media only screen and (max-width: 640px) {
  .style__title {
    margin-bottom: 0.35em;
    font-size: calc(60 / 640 * 100vw);
  }
}
.style__title p {
  letter-spacing: 0.25em;
  line-height: 2;
}

.works_container {
  margin: 0 auto 8rem 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 640px) {
  .works_container {
    margin: 0 0 calc(80 / 640 * 100vw) auto;
    padding: 0 calc(30 / 640 * 100vw);
    flex-direction: column;
  }
}
.works_container:nth-child(even) {
  margin: 0 0 8rem auto;
  flex-direction: row;
}
@media only screen and (max-width: 640px) {
  .works_container:nth-child(even) {
    margin: 0 0 calc(60 / 640 * 100vw) auto;
    flex-direction: column;
  }
}
.works_container:nth-child(even) .works_thumb {
  left: auto;
  right: calc(100% + 6rem);
}
.works_container:nth-child(even) .works_thumb .slick-track {
  margin: 0 0 0 auto;
}
.works_container:nth-child(even) .works_text {
  margin-right: 6rem;
}
@media only screen and (max-width: 640px) {
  .works_container:nth-child(even) .works_text {
    margin-right: 0;
  }
}
.works_image {
  width: 52.0833333333%;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .works_image {
    width: 100%;
  }
}
.works_thumb {
  position: absolute;
  bottom: 0;
  left: calc(100% + 6rem);
  width: 56.5rem;
}
@media only screen and (max-width: 640px) {
  .works_thumb {
    margin: 1rem -0.5rem 0;
    position: static;
    width: auto;
  }
}
.works_thumb .slick-track {
  transform: unset !important;
}
.works_thumb .slick-slide {
  padding: 0 0.5rem;
}
.works_thumb .slick-list {
  padding: 0 !important;
}
.works_text {
  margin-left: 6rem;
  padding-bottom: 11rem;
  width: 56.5rem;
}
@media only screen and (max-width: 640px) {
  .works_text {
    margin: 0 0 calc(60 / 640 * 100vw);
    padding-bottom: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
  .works_text p br {
    display: none;
  }
}
.works .btn_works {
  text-align: center;
}
@media only screen and (max-width: 640px) {
  .works .btn_works {
    margin: 0 auto;
    width: 80%;
  }
}/*# sourceMappingURL=works.css.map */