@font-face {
  font-family: "suisse-regular";
  src: url("/fonts/SuisseIntl-Regular-WebM.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "suisse-book";
  src: url("/fonts/SuisseIntl-Book-WebM.woff") format("woff");
  font-weight: 450;
}
@font-face {
  font-family: "suisse-medium";
  src: url("/fonts/SuisseIntl-Medium-WebM.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "suisse-semibold";
  src: url("/fonts/SuisseIntl-SemiBold-WebM.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "hiragino-400";
  src: local("HiraKakuProN-W4");
  font-weight: 400;
}
@font-face {
  font-family: "hiragino-500";
  src: local("HiraKakuProN-W5");
  font-weight: 500;
}
@font-face {
  font-family: "hiragino-600";
  src: local("HiraKakuProN-W6");
  font-weight: 600;
}
.works {
  margin-top: 90px;
  padding-bottom: 267px;
  overflow-x: hidden;
}
@media screen and (min-width: 768px) {
  .works {
    margin-top: 57px;
    padding-bottom: 260px;
  }
}

.works__inner {
  margin-inline: auto;
  width: 87.6923076923%;
}
@media screen and (min-width: 768px) {
  .works__inner {
    width: 94.7222222222%;
    display: grid;
    grid-template-columns: 1fr 46.6275659824%;
  }
}

.archive {
  padding: 0 24px;
  width: 100%;
  height: 57px;
  border-top: 1px solid #b3b3b3;
  background-color: #d6d6d6;
  position: fixed;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  overflow-x: auto;
}
@media screen and (min-width: 768px) {
  .archive {
    padding: 0;
    border-top: none;
    background-color: transparent;
    position: relative;
    overflow-x: visible;
  }
}

.archive__inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .archive__inner {
    position: relative;
    height: -moz-fit-content;
    height: fit-content;
    grid-template-columns: minmax(0, 1fr);
    -moz-column-gap: 0;
         column-gap: 0;
    row-gap: 16px;
  }
}

.archive__title {
  font-size: 1.3rem;
  letter-spacing: 0.01em;
  font-family: "suisse-medium", sans-serif;
}
@media screen and (min-width: 768px) {
  .archive__title {
    font-size: 1.4rem;
  }
}

.works-list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 13px;
       column-gap: 13px;
}
@media screen and (min-width: 768px) {
  .works-list {
    flex-wrap: wrap;
    -moz-column-gap: 10px;
         column-gap: 10px;
    row-gap: 10px;
    max-width: 432px;
  }
}

.works-list__item:last-of-type {
  padding-right: 24px;
}

.works-list__link {
  position: relative;
}
.works-list__link::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background-color: #2b2b2b;
  left: 0;
  bottom: 2px;
}
.works-list__link:hover::after, .works-list__link.is-current::after {
  opacity: 0.5;
}

.works-list__title {
  font-size: 1.2rem;
  letter-spacing: 0.01em;
  font-family: "suisse-regular", sans-serif;
  transition: opacity 0.4s;
}
.works-list__link:hover .works-list__title {
  opacity: 0.5;
}
.is-current .works-list__title {
  color: rgba(43, 43, 43, 0.5);
}

.photo-list {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 58px;
}
@media screen and (min-width: 768px) {
  .photo-list {
    margin-top: 51px;
    row-gap: 79px;
  }
}

.photo-item {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  row-gap: 23px;
}

.photo-item__image {
  width: 100%;
}
.photo-item__image img {
  width: 100%;
  height: auto;
  display: block;
}

.photo-item__caption {
  font-size: 1.2rem;
  letter-spacing: 0.01em;
  line-height: 1.6;
  font-family: "suisse-regular", sans-serif;
}

.back {
  margin-top: 65px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .back {
    margin-top: 0;
    position: absolute;
    width: -moz-fit-content;
    width: fit-content;
    top: 52px;
    left: 38px;
  }
}

.back__link {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.back__link-icon {
  width: 11px;
  display: inline-block;
  transition: opacity 0.4s;
}
.back__link-icon img {
  width: 100%;
  height: auto;
  display: block;
}
.back__link:hover .back__link-icon {
  opacity: 0.5;
}

.back__link-text {
  display: inline-block;
  font-size: 1.3rem;
  letter-spacing: 0.01em;
  line-height: 1;
  font-family: "suisse-medium", sans-serif;
  transition: opacity 0.4s;
}
.back__link:hover .back__link-text {
  opacity: 0.5;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9zY3NzL2dsb2JhbC9fdmFyaWFibGVzLnNjc3MiLCJ3b3Jrcy5jc3MiLCIuLi8uLi8uLi8uLi9zcmMvc2Nzcy93b3Jrcy5zY3NzIiwiLi4vLi4vLi4vLi4vc3JjL3Njc3MvZ2xvYmFsL19taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNQTtFQUNFLDZCQUFBO0VBQ0EsOERBQUE7RUFDQSxnQkFBQTtBQ0xGO0FEUUE7RUFDRSwwQkFBQTtFQUNBLDJEQUFBO0VBQ0EsZ0JBQUE7QUNORjtBRFNBO0VBQ0UsNEJBQUE7RUFDQSw2REFBQTtFQUNBLGdCQUFBO0FDUEY7QURVQTtFQUNFLDhCQUFBO0VBQ0EsK0RBQUE7RUFDQSxnQkFBQTtBQ1JGO0FEV0E7RUFDRSwyQkFBQTtFQUNBLDZCQUFBO0VBQ0EsZ0JBQUE7QUNURjtBRFlBO0VBQ0UsMkJBQUE7RUFDQSw2QkFBQTtFQUNBLGdCQUFBO0FDVkY7QURhQTtFQUNFLDJCQUFBO0VBQ0EsNkJBQUE7RUFDQSxnQkFBQTtBQ1hGO0FDaENBO0VBQ0UsZ0JBQUE7RUFDQSxxQkFBQTtFQUNBLGtCQUFBO0FEa0NGO0FFdENFO0VEQ0Y7SUFLSSxnQkFBQTtJQUNBLHFCQUFBO0VEb0NGO0FBQ0Y7O0FDakNBO0VBQ0UsbUJBQUE7RUFDQSxxQkFBQTtBRG9DRjtBRWpERTtFRFdGO0lBSUkscUJBQUE7SUFDQSxhQUFBO0lBQ0EseUNBQUE7RURzQ0Y7QUFDRjs7QUNuQ0E7RUFDRSxlQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7RUFDQSw2QkFBQTtFQUNBLHlCRmdEVztFRS9DWCxlQUFBO0VBQ0EsU0FBQTtFQUNBLE9BQUE7RUFDQSxzQkFBQTtFQUNBLGdCQUFBO0FEc0NGO0FFckVFO0VEcUJGO0lBWUksVUFBQTtJQUNBLGdCQUFBO0lBQ0EsNkJBQUE7SUFDQSxrQkFBQTtJQUNBLG1CQUFBO0VEd0NGO0FBQ0Y7O0FDckNBO0VBQ0UsYUFBQTtFQUNBLDBDQUFBO0VBQ0EsbUJBQUE7RUFDQSxxQkFBQTtPQUFBLGdCQUFBO0VBQ0EsV0FBQTtFQUNBLFlBQUE7QUR3Q0Y7QUV2RkU7RUR5Q0Y7SUFRSSxrQkFBQTtJQUNBLHdCQUFBO0lBQUEsbUJBQUE7SUFDQSxxQ0FBQTtJQUNBLGtCQUFBO1NBQUEsYUFBQTtJQUNBLGFBQUE7RUQwQ0Y7QUFDRjs7QUN2Q0E7RUFDRSxpQkFBQTtFQUNBLHNCQUFBO0VBQ0Esd0NGWFU7QUNxRFo7QUV0R0U7RUR5REY7SUFLSSxpQkFBQTtFRDRDRjtBQUNGOztBQ3pDQTtFQUNFLGFBQUE7RUFDQSxtQkFBQTtFQUNBLDJCQUFBO0VBQ0EscUJBQUE7T0FBQSxnQkFBQTtBRDRDRjtBRWxIRTtFRGtFRjtJQU1JLGVBQUE7SUFDQSxxQkFBQTtTQUFBLGdCQUFBO0lBQ0EsYUFBQTtJQUNBLGdCQUFBO0VEOENGO0FBQ0Y7O0FDMUNFO0VBQ0UsbUJBQUE7QUQ2Q0o7O0FDekNBO0VBQ0Usa0JBQUE7QUQ0Q0Y7QUMzQ0U7RUFDRSxrQkFBQTtFQUNBLFdBQUE7RUFDQSxXQUFBO0VBQ0EsV0FBQTtFQUNBLHlCRnpCVztFRTBCWCxPQUFBO0VBQ0EsV0FBQTtBRDZDSjtBQ3pDSTtFQUNFLFlBQUE7QUQyQ047O0FDdENBO0VBQ0UsaUJBQUE7RUFDQSxzQkFBQTtFQUNBLHlDRjVEVTtFRTZEVix3QkFBQTtBRHlDRjtBQ3hDRTtFQUNFLFlBQUE7QUQwQ0o7QUN4Q0U7RUFDRSw0QkZyRGU7QUMrRm5COztBQ3RDQTtFQUNFLFdBQUE7RUFDQSxhQUFBO0VBQ0EscUNBQUE7RUFDQSxhQUFBO0FEeUNGO0FFbEtFO0VEcUhGO0lBTUksZ0JBQUE7SUFDQSxhQUFBO0VEMkNGO0FBQ0Y7O0FDeENBO0VBQ0UsV0FBQTtFQUNBLGFBQUE7RUFDQSxxQ0FBQTtFQUNBLGFBQUE7QUQyQ0Y7O0FDeENBO0VBQ0UsV0FBQTtBRDJDRjtBQzFDRTtFQUNFLFdBQUE7RUFDQSxZQUFBO0VBQ0EsY0FBQTtBRDRDSjs7QUN4Q0E7RUFDRSxpQkFBQTtFQUNBLHNCQUFBO0VBQ0EsZ0JBQUE7RUFDQSx5Q0ZyR1U7QUNnSlo7O0FDeENBO0VBQ0UsZ0JBQUE7RUFDQSxXQUFBO0FEMkNGO0FFcE1FO0VEdUpGO0lBSUksYUFBQTtJQUNBLGtCQUFBO0lBQ0EsdUJBQUE7SUFBQSxrQkFBQTtJQUNBLFNBQUE7SUFDQSxVQUFBO0VENkNGO0FBQ0Y7O0FDMUNBO0VBQ0UsYUFBQTtFQUNBLG1CQUFBO0VBQ0EsdUJBQUE7RUFDQSxxQkFBQTtPQUFBLGdCQUFBO0FENkNGOztBQzFDQTtFQUNFLFdBQUE7RUFDQSxxQkFBQTtFQUNBLHdCQUFBO0FENkNGO0FDNUNFO0VBQ0UsV0FBQTtFQUNBLFlBQUE7RUFDQSxjQUFBO0FEOENKO0FDNUNFO0VBQ0UsWUFBQTtBRDhDSjs7QUMxQ0E7RUFDRSxxQkFBQTtFQUNBLGlCQUFBO0VBQ0Esc0JBQUE7RUFDQSxjQUFBO0VBQ0Esd0NGNUlVO0VFNklWLHdCQUFBO0FENkNGO0FDNUNFO0VBQ0UsWUFBQTtBRDhDSiIsImZpbGUiOiJ3b3Jrcy5jc3MifQ== */