.worksDetail__breadcrumb {
  margin-top: 32px;
  padding-left: 5.5%;
}

@media screen and (max-width: 767px) {
  .worksDetail__breadcrumb {
    padding-left: 20px;
  }
}

.worksArticle__title {
  line-height: 1.8;
  padding-block: 24px 40px;
}

.worksInfo {
  align-items: center;
  display: flex;
}

@media screen and (max-width: 1080px) {
  .worksInfo {
    flex-direction: column;
  }
}

.worksInfo__item {
  align-items: stretch;
  border: 1px solid var(--c-border-gray);
  display: grid;
  font-size: 15px;
  font-weight: 400;
  grid-template-columns: 164px auto;
  width: 100%;
}

@media screen and (max-width: 567px) {
  .worksInfo__item {
    font-size: 14px;
    grid-template-columns: 100px auto;
  }
}

.worksInfo__item + .worksInfo__item {
  border-left: none;
}

@media screen and (max-width: 1080px) {
  .worksInfo__item + .worksInfo__item {
    border: 1px solid var(--c-border-gray);
    border-top: none;
  }
}

.worksInfo__item dt,
.worksInfo__item dd {
  align-items: center;
  height: 67px;
  line-height: 1.6;
}

@media screen and (max-width: 567px) {
  .worksInfo__item dt,
  .worksInfo__item dd {
    height: 50px;
  }
}

.worksInfo__title {
  background: var(--c-gray-100);
  color: var(--c-black);
  display: flex;
  justify-content: center;
  width: 100%;
}

.worksInfo__description {
  align-items: center;
  display: flex;
  padding-inline: 20px;
}

/* Carousel */
.worksArticle__mainCarousel img {
  aspect-ratio: 3 / 2;
  object-fit: contain;
  width: 100%;
}

@media screen and (max-width: 1600px) {
  .worksArticle__mainCarousel img {
    aspect-ratio: 2 / 1;
  }
}

@media screen and (max-width: 576px) {
  .worksArticle__mainCarousel img {
    aspect-ratio: 3 / 2;
  }
}

.worksArticle__thumbnail {
  margin-inline: auto;
  position: relative;
  width: min(100%, 1040px);
}

@media screen and (max-width: 1200px) {
  .worksArticle__thumbnail {
    width: min(86%, 1040px);
  }
}

.worksArticle__carouselThumbnail img {
  aspect-ratio: 200 / 133;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .worksArticle__carouselThumbnail img {
    aspect-ratio: 3 / 2;
  }
}

.worksArticle__carouselThumbnail .swiper-slide {
  opacity: .5;
}

.worksArticle__carouselThumbnail .swiper-slide-thumb-active {
  opacity: 1;
}

.worksArticle__carouselThumbnail {
  margin-top: 16px;
}

.worksArticle__thumbnail .swiper-button-next,
.worksArticle__thumbnail .swiper-button-prev {
  background: var(--c-gray-300);
  border-radius: 9999em;
  height: 40px;
  margin-top: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
}

@media screen and (max-width: 767px) {
  .worksArticle__thumbnail .swiper-button-next,
  .worksArticle__thumbnail .swiper-button-prev {
    height: 32px;
    width: 32px;
  }
}

.worksArticle__thumbnail .swiper-button-prev::after {
  content: url("../images/common/icon-arrowLeft_white.svg");
  font-size: 9px;
}

.worksArticle__thumbnail .swiper-button-next::after {
  content: url("../images/common/icon-arrowRight_white.svg");
  font-size: 9px;
}

.worksArticle__thumbnail .swiper-button-next {
  right: -60px;
}

.worksArticle__thumbnail .swiper-button-prev {
  left: -60px;
}

@media screen and (max-width: 1200px) {
  .worksArticle__thumbnail .swiper-button-next {
    right: -50px;
  }

  .worksArticle__thumbnail .swiper-button-prev {
    left: -50px;
  }
}

@media screen and (max-width: 767px) {
  .worksArticle__thumbnail .swiper-button-next {
    right: -32px;
  }

  .worksArticle__thumbnail .swiper-button-prev {
    left: -32px;
  }
}

.worksInfo {
  margin-top: 40px;
}

.worksDetail__separator {
  background: var(--c-border-gray);
  margin-block: 80px;
}

@media screen and (max-width: 1100px) {
  .worksDetail__separator {
    margin-block: 40px;
    max-width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .worksDetail__separator {
    margin-block: 40px;
  }
}

.worksDetail__navlinks {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  place-items: center;
}

.worksDetail__navLink,
.worksDetail__navLink a {
  align-items: center;
  column-gap: 10px;
  display: flex;
}

.worksDetail__navlinks a {
  align-items: center;
  color: var(--c-primary);
  display: flex;
  font-size: 16px;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .worksDetail__navlinks a {
    font-size: 12px;
  }
}

.worksDetail__navLink--disabled {
  color: var(--c-gray-400);
}

@media screen and (max-width: 767px) {
  .worksDetail__navLink--disabled {
    font-size: 12px;
  }
}

.worksDetail__linkRsult {
  align-items: center;
  column-gap: 12x;
  display: flex;
}

.worksDetail__linkRsult::before {
  content: url("../images/common/icon-buttonTertiary_blue.svg");
  margin-bottom: 2px;
}

.worksDetail__navLink--prev a::before {
  content: url("../images/common/icon-arrowLeft_blue.svg");
  margin-bottom: 2px;
}

.worksDetail__navLink--next a::after {
  content: url("../images/common/icon-arrowLeft_blue.svg");
  margin-top: 6px;
  transform: rotate(180deg);
}

@media screen and (max-width: 767px) {
  .worksDetail__navLink--next a::after {
    margin-top: 2px;
  }
}

.worksArticle__mainCarousel .swiper-slide {
	opacity: 0;
	visibility: hidden;
}

.worksArticle__mainCarousel .swiper-slide.swiper-slide-active {
	opacity: 1;
	visibility: visible;
}