.title {
  font-size: 3.5rem;
  letter-spacing: 0.12em;
  line-height: 1.5;
  font-weight: 600;
  font-family: "Noto Sans JP", yugothic, "Hiragino Kaku Gothic ProN", yakuhanjp, serif;
  display: inline-block;
  color: #000000;
}
@media screen and (max-width: 769px) {
  .title {
    font-size: 2.9rem;
  }
}

.works {
  padding-top: 90px;
  position: relative;
  width: 100%;
  background-color: #fff;
}
.works:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background-color: #e1e1e1;
}

.works__inner {
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 160px;
  width: 76.3888888889%;
  max-width: 1000px;
}
@media screen and (max-width: 769px) {
  .works__inner {
    padding-bottom: 100px;
    width: 84.6153846154%;
  }
}

.works__lead {
  margin-top: 30px;
}
@media screen and (max-width: 769px) {
  .works__lead {
    margin-top: 40px;
  }
}
.works__lead p {
  font-size: 1.5rem;
  letter-spacing: 0.075em;
  line-height: 2;
  font-family: "Noto Sans JP", yugothic, "Hiragino Kaku Gothic ProN", yakuhanjp, serif;
  color: #1C1C1C;
  font-feature-settings: "palt";
}
@media screen and (max-width: 769px) {
  .works__lead p {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
  }
}

.works-nav {
  margin-top: 35px;
}

.works-nav__list {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  justify-content: flex-start;
}
@media screen and (max-width: 769px) {
  .works-nav__list {
    display: block;
  }
}

.works-nav__listItem {
  display: block;
}
@media screen and (max-width: 769px) {
  .works-nav__listItem + .works-nav__listItem {
    margin-top: 5px;
  }
}

.works-nav__link {
  padding-left: 13px;
  position: relative;
  display: inline-block;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 2;
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #1C1C1C;
  font-family: "Noto Sans JP", yugothic, "Hiragino Kaku Gothic ProN", yakuhanjp, serif;
  transition: opacity 0.3s;
}
@media screen and (max-width: 769px) {
  .works-nav__link {
    font-size: 1.4rem;
  }
}
.works-nav__link:before, .works-nav__link:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 1px;
  left: 1px;
  background-color: #1C1C1C;
}
.works-nav__link:before {
  top: 15px;
  transform: rotate(35deg);
}
.works-nav__link:after {
  top: 18px;
  transform: rotate(145deg);
}
.works-nav__link:hover {
  opacity: 0.7;
}
.works-nav__link span {
  font-size: 1.3rem;
}
@media screen and (max-width: 769px) {
  .works-nav__link span {
    font-size: 1.2rem;
  }
}

.works-detail {
  margin-top: 120px;
}
@media screen and (max-width: 769px) {
  .works-detail {
    margin-top: 65px;
  }
}

.works-detail--unit {
  scroll-margin: 120px;
}
@media screen and (max-width: 769px) {
  .works-detail--unit {
    scroll-margin: 75px;
  }
}
.works-detail--unit + .works-detail--unit {
  margin-top: 120px;
}
@media screen and (max-width: 769px) {
  .works-detail--unit + .works-detail--unit {
    margin-top: 85px;
  }
}

.works-subtitle {
  margin-bottom: 30px;
  font-size: 2.6rem;
  letter-spacing: 0.03em;
  line-height: 1.2;
  font-family: "Noto Sans JP", yugothic, "Hiragino Kaku Gothic ProN", yakuhanjp, serif;
  font-feature-settings: "palt";
  color: #000000;
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
@media screen and (max-width: 769px) {
  .works-subtitle {
    font-size: 2.2rem;
    font-weight: 500;
    -moz-column-gap: 13px;
         column-gap: 13px;
  }
}
.works-subtitle .works-subtitle--border {
  display: block;
  position: relative;
}
.works-subtitle .works-subtitle--border::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: #e1e1e1;
}
.works-subtitle.works-subtitle--havesmall {
  grid-template-columns: auto auto 1fr;
}

.works-subtitle--small {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2rem;
}

.works-detail__content {
  padding-left: 140px;
}
@media screen and (max-width: 769px) {
  .works-detail__content {
    padding-left: 0;
  }
}
.works-detail__content:first-of-type {
  margin-top: 80px;
}
@media screen and (max-width: 769px) {
  .works-detail__content:first-of-type {
    margin-top: 35px;
  }
}
.works-detail__content + .works-detail__content {
  margin-top: 50px;
}
.works-detail__content a {
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: opacity 0.3s;
}
.works-detail__content a:hover {
  opacity: 0.7;
}

.works-detail__image {
  width: 100%;
  aspect-ratio: 2/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.works-detail__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.works-detail__title {
  margin-top: 45px;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-family: "Noto Sans JP", yugothic, "Hiragino Kaku Gothic ProN", yakuhanjp, serif;
  color: #1C1C1C;
  font-weight: 500;
  font-feature-settings: "palt";
}
@media screen and (max-width: 769px) {
  .works-detail__title {
    font-size: 1.6rem;
    letter-spacing: 0.075em;
  }
}

.works-detail__text {
  margin-top: 25px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 2;
  font-family: "Noto Sans JP", yugothic, "Hiragino Kaku Gothic ProN", yakuhanjp, serif;
  color: #1C1C1C;
  font-feature-settings: "palt";
  font-family: "Noto Sans JP", yugothic, "Hiragino Kaku Gothic ProN", yakuhanjp, serif;
  color: #1C1C1C;
}
@media screen and (max-width: 769px) {
  .works-detail__text {
    letter-spacing: 0.05em;
  }
}
.works-detail__text .works-detail__text--small {
  font-size: 1.2rem;
  letter-spacing: 0.04em;
}

.works-detail__imageWrapper {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.works-detail__imageWrapper img {
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 3/2;
}

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zY3NzL3dvcmtzLnNjc3MiLCIuLi8uLi9zcmMvc2Nzcy9nbG9iYWwvX3ZhcmlhYmxlcy5zY3NzIiwid29ya3MuY3NzIiwiLi4vLi4vc3JjL3Njc3MvZ2xvYmFsL19taXhpbnMuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFQTtFQUNFLGlCQUFBO0VBQ0Esc0JBQUE7RUFDQSxnQkFBQTtFQUNBLGdCQUFBO0VBQ0Esb0ZDTks7RURPTCxxQkFBQTtFQUNBLGNDc0JZO0FDdkJkO0FDUEU7RUhDRjtJQVNJLGlCQUFBO0VFQ0Y7QUFDRjs7QUZFQTtFQUNFLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxXQUFBO0VBQ0Esc0JDb0JTO0FDbkJYO0FGQUU7RUFDRSxrQkFBQTtFQUNBLFdBQUE7RUFDQSxXQUFBO0VBQ0EsV0FBQTtFQUNBLFNBQUE7RUFDQSwyQkFBQTtFQUNBLE1BQUE7RUFDQSx5QkNpQlM7QUNmYjs7QUZFQTtFQUNFLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxpQkFBQTtFQUNBLHFCQUFBO0VBQ0EscUJDV2M7RURWZCxpQkFBQTtBRUNGO0FDdENFO0VIK0JGO0lBUUkscUJBQUE7SUFDQSxxQkNTVztFQ05iO0FBQ0Y7O0FGQUE7RUFDRSxnQkFBQTtBRUdGO0FDaERFO0VINENGO0lBR0ksZ0JBQUE7RUVLRjtBQUNGO0FGSkU7RUFDRSxpQkFBQTtFQUNBLHVCQUFBO0VBQ0EsY0FBQTtFQUNBLG9GQ3JERztFRHNESCxjQ3ZCVTtFRHdCViw2QkFBQTtBRU1KO0FDN0RFO0VIaURBO0lBUUksaUJBQUE7SUFDQSxzQkFBQTtFRVFKO0FBQ0Y7O0FGSkE7RUFDRSxnQkFBQTtBRU9GOztBRkpBO0VBQ0UsYUFBQTtFQUNBLHFCQUFBO09BQUEsZ0JBQUE7RUFDQSwyQkFBQTtBRU9GO0FDN0VFO0VIbUVGO0lBS0ksY0FBQTtFRVNGO0FBQ0Y7O0FGTkE7RUFDRSxjQUFBO0FFU0Y7QUN0RkU7RUgrRUU7SUFDRSxlQUFBO0VFVUo7QUFDRjs7QUZOQTtF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 */