/* --------------------------------------------------
Work Single
-------------------------------------------------- */
.header__back { position: relative; z-index: 9999; }

.work__title { text-align: center; font-weight: 600; margin: 0 0 calc(var(--contents-width) / 2480 * 20rem); }
.work__gallery { position: relative; text-align: center; padding: 0 7.5%; }
.work__galleryContent { text-align: center; padding: calc(var(--contents-width) / 2480 * 20rem) 0 0; }
.work__galleryContentTitle { font-weight: 600; font-size: calc(var(--font-body-size) * 0.75); margin: 0 0 0.5rem; }
.work__galleryContentTitleHidden { visibility: hidden; }
.work__galleryContentCap { font-size: calc(var(--font-body-size) * 0.6); }
.work__gallery .swiper-wrapper { align-items: center; }
.work__gallery .swiper-slide { height: auto; }
.work__gallery .swiper-slide img, .work__gallery .swiper-slide video { max-width: 100%; max-height: calc(100dvh - 15rem); width: auto; height: auto; }
.work__gallery .swiper-controller { display: flex; justify-content: center; align-items: center; column-gap: 2.5rem; position: fixed; left: 7.5%; bottom: 1rem; z-index: 2; }
.work__gallery .swiper-pagination { position: static; width: auto; }
.work__gallery .swiper-pagination-lock { display: block; }
.work__gallery .swiper-button-prev, .work__gallery .swiper-button-next { top: 0; width: 50%; height: 100%; margin: 0; display: none; }
.work__gallery .swiper-button-prev::after, .work__gallery .swiper-button-next::after { display: none; }
.work__gallery .swiper-button-prev { left: 0; }
.work__gallery .swiper-button-next { right: 0; }
.work__galleryOpen { position: fixed; right: 7.5%; bottom: 1rem; }
.work__catalog { position: fixed; inset: 0; background: var(--bg-color); z-index: 999; overflow: auto; padding: 6rem 7.5% 0; overscroll-behavior: contain; display: none; }
.work__catalogInner { min-height: calc(100dvh - 11rem); padding: 0 0 5rem; position: relative; }
.work__catalogList { display: flex; flex-wrap: wrap; column-gap: 1.5rem; align-items: center; row-gap: 3rem; }
.work__catalogListItem { width: calc((100% - 3rem) / 3); }
.work__catalogOpen { position: absolute; right: 0; bottom: 0; height: 5rem; text-align: right; }
.work__catalogOpenLink { height: 100%; display: inline-flex; align-items: flex-end; padding: 0 0 1rem; box-sizing: border-box; }

@media screen and (min-width: 768px) { .contents { padding-bottom: 0; }
  .work__gallery { overflow: hidden; }
  .work__galleryImage { padding: 0 10rem; }
  .work__galleryContent { padding: 3rem 0 0; }
  .work__gallery .swiper { width: 100%; overflow: visible; }
  .work__gallery .swiper-wrapper { align-items: stretch; }
  .work__gallery .swiper-slide { width: fit-content; height: auto; }
  .work__gallery .swiper-slide img, .work__gallery .swiper-slide video { max-height: calc(100dvh - 27rem); }
  .work__gallery .swiper-controller { left: 3%; font-size: calc(var(--font-body-size) * 0.75); bottom: 2.5rem; }
  .work__gallery .swiper-button-prev, .work__gallery .swiper-button-next { display: block; z-index: 2; }
  .work__gallery .swiper-button-prev { cursor: w-resize; }
  .work__gallery .swiper-button-next { cursor: e-resize; }
  .work__gallery .swiper:has(.swiper-slide-active.videoSlide) { z-index: 3; }
  .work__gallery .swiper:has(.swiper-slide-active.videoSlide) .swiper-slide { pointer-events: none; }
  .work__gallery .swiper:has(.swiper-slide-active.videoSlide) .swiper-slide video { pointer-events: auto; }
  .work__galleryOpen { right: 3%; bottom: 2.5rem; font-size: calc(var(--font-body-size) * 0.75); }
  .work__catalog { padding: 7.5rem 3% 0; }
  .work__catalogInner { min-height: calc(100dvh - 12.5rem); }
  .work__catalogListItem { width: calc((100% - 10.5rem) / 8); }
  .work__catalogListItemLink { transition: opacity 0.4s var(--ease) 0s; }
  .work__catalogListItemLink.isNotFocus { opacity: 0.5; }
  .work__catalogOpen { font-size: calc(var(--font-body-size) * 0.75); }
  .work__catalogOpenLink { padding: 0 0 2.5rem; } }
