@charset "UTF-8";
.pc-only {
  display: block;
}
@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}

.sp-only {
  display: none;
}
@media (max-width: 767px) {
  .sp-only {
    display: block !important;
  }
}

/* 共通CSS(base.css)の body{overflow:hidden scroll} は body 自体を
   スクロールコンテナ化するため、子孫の position:sticky が効かない。
   clip visible に上書きすると html スクロール基準で sticky が有効になる。 */
body:has(.vis-mq2) {
  overflow: clip visible;
}

.vis-mq2 {
  --band-h: 5.28vw;
  --frame-w: min(100vw, calc((100svh - var(--band-h)) * 2.1459));
  --frame-h: calc(var(--frame-w) * 0.466);
  position: relative;
  overflow-x: clip;
  background: #fff;
  font-family: "noto-serif", "noto-serif-jp", "Noto Serif JP", serif;
  line-height: 1;
  color: #000;
}
@media (max-width: 767px) {
  .vis-mq2 {
    --band-h: 16vw;
  }
}
.vis-mq2 picture {
  display: block;
}
.vis-mq2 img {
  display: block;
  width: 100%;
  height: auto;
}
.vis-mq2 .scroll-in {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 1s ease, transform 1s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.vis-mq2 .scroll-in.is-visible {
  opacity: 1;
  transform: translateY(0);
}
.vis-mq2 .mq2-colorize img {
  filter: grayscale(1) brightness(0.85) contrast(1.06);
  transition: filter 1.2s ease;
}
.vis-mq2 .mq2-colorize.is-color img {
  filter: grayscale(0) brightness(1) contrast(1);
}
.vis-mq2 .mq2-colorize[data-order="2"] img {
  transition-delay: 0.4s;
}
.vis-mq2 .mq2-colorize[data-order="3"] img {
  transition-delay: 0.8s;
}
.vis-mq2 .mq2-pinned .mq2-colorize img,
.vis-mq2 .mq2-fv .mq2-colorize img {
  transition-duration: 2.4s;
}
.vis-mq2 .mq2-fade {
  opacity: 0;
  transition: opacity 1.3s ease;
}
.vis-mq2 .mq2-fade.is-shown {
  opacity: 1;
}
.vis-mq2 .mq2-frame {
  position: relative;
  z-index: 1;
}
.vis-mq2 .mq2-frame img {
  border: 3px solid #fff;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-frame img {
    border-width: 0.4vw;
  }
}
.vis-mq2 .mq2-frame-bg {
  position: absolute;
  z-index: 0;
  pointer-events: none;
}
.vis-mq2 .mq2-frame-bg img {
  filter: grayscale(1) brightness(0.85) contrast(1.06);
}
.vis-mq2 .mq2-fv {
  position: relative;
}
.vis-mq2 .mq2-fv__photo {
  height: 48.8vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-fv__photo {
    height: 148.6666666667vw;
  }
}
.vis-mq2 .mq2-fv__photo picture,
.vis-mq2 .mq2-fv__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vis-mq2 .mq2-fv__title {
  position: absolute;
  top: 12.6vw;
  left: 10.08vw;
  width: 20vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-fv__title {
    top: 98.2666666667vw;
    left: 61.0666666667vw;
    width: 34.9333333333vw;
  }
}
.vis-mq2 .mq2-lineup {
  padding: 4vw 0 6.84vw;
  background: #bebcaf;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-lineup {
    padding: 9.8666666667vw 0 26vw;
  }
}
.vis-mq2 .mq2-lineup__midashi {
  display: flex;
  justify-content: center;
}
.vis-mq2 .mq2-lineup__midashi img {
  width: 8.8vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-lineup__midashi img {
    width: 26.6666666667vw;
  }
}
.vis-mq2 .mq2-lineup__marquee {
  margin-top: 5.16vw;
  overflow: hidden;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-lineup__marquee {
    margin-top: 11.7333333333vw;
  }
}
.vis-mq2 .mq2-lineup__track {
  display: flex;
  width: max-content;
  animation: mq2-marquee 60s linear infinite;
}
.vis-mq2 .mq2-lineup__track--2 {
  display: none;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-lineup__track--2 {
    display: flex;
    margin-top: 7.2vw;
    margin-left: -24vw;
  }
}
.vis-mq2 .mq2-lineup__group {
  display: flex;
  gap: 1.76vw;
  padding-right: 1.76vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-lineup__group {
    gap: 5.3333333333vw;
    padding-right: 5.3333333333vw;
  }
}
.vis-mq2 .mq2-lineup__group img {
  width: 14.08vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-lineup__group img {
    width: 42.6666666667vw;
  }
}
@keyframes mq2-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.vis-mq2 .mq2-looks {
  position: relative;
  z-index: 3;
  background: #bebcaf;
}
.vis-mq2 .mq2-band {
  position: sticky;
  top: 0;
  z-index: 60;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.36vw;
  height: var(--band-h);
  padding: 0 2vw;
  background: #bebcaf;
  box-shadow: 0 -2px 0 0 #bebcaf;
  transition: opacity 0.5s ease;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-band {
    gap: 1.3333333333vw;
    padding: 0 2.5333333333vw;
  }
}
.vis-mq2 .mq2-band.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.vis-mq2 .mq2-band__daisy {
  width: 1.92vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-band__daisy {
    width: 5.8666666667vw;
  }
}
.vis-mq2 .mq2-band__sen {
  flex: 1;
  height: 2px;
  background: #fff;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-band__sen {
    height: 1px;
  }
}
.vis-mq2 .mq2-band__nums {
  position: relative;
  flex: none;
  width: 3vw;
  height: 2.68vw;
  margin: 0 0.56vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-band__nums {
    width: 9.0666666667vw;
    height: 8.1333333333vw;
    margin: 0 1.6vw;
  }
}
.vis-mq2 .mq2-band__num {
  position: absolute;
  top: 0;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.5s ease;
}
.vis-mq2 .mq2-band__num.is-active {
  opacity: 1;
}
.vis-mq2 .mq2-look,
.vis-mq2 .mq2-item,
.vis-mq2 .mq2-collab {
  position: relative;
  background: #bebcaf;
  scroll-margin-top: var(--band-h);
}
.vis-mq2 .mq2-look:nth-of-type(1) {
  z-index: 1;
}
.vis-mq2 .mq2-look:nth-of-type(2) {
  z-index: 2;
}
.vis-mq2 .mq2-look:nth-of-type(3) {
  z-index: 3;
}
.vis-mq2 .mq2-look:nth-of-type(4) {
  z-index: 4;
}
.vis-mq2 .mq2-look:nth-of-type(5) {
  z-index: 5;
}
.vis-mq2 .mq2-look:nth-of-type(6) {
  z-index: 6;
}
.vis-mq2 .mq2-look:nth-of-type(7) {
  z-index: 7;
}
.vis-mq2 .mq2-look:nth-of-type(8) {
  z-index: 8;
}
.vis-mq2 .mq2-look:nth-of-type(9) {
  z-index: 9;
}
.vis-mq2 .mq2-look:nth-of-type(10) {
  z-index: 10;
}
.vis-mq2 .mq2-look:nth-of-type(11) {
  z-index: 11;
}
.vis-mq2 .mq2-item {
  z-index: 4;
}
.vis-mq2 .mq2-collab {
  z-index: 20;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look,
  .vis-mq2 .mq2-item,
  .vis-mq2 .mq2-collab {
    position: sticky;
    top: var(--stick-top, 0);
  }
  .vis-mq2 .mq2-pinned {
    position: relative;
    display: flow-root;
  }
  .vis-mq2 .mq2-follow {
    display: flow-root;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look {
    height: calc(var(--frame-h) + 120vh);
  }
  .vis-mq2 .mq2-look + .mq2-look, .vis-mq2 .mq2-look + .mq2-item {
    margin-top: -60vh;
  }
  .vis-mq2 .mq2-item + .mq2-look,
  .vis-mq2 .mq2-look + .mq2-collab {
    margin-top: -60vh;
  }
  .vis-mq2 .mq2-look__stage {
    position: sticky;
    top: var(--band-h);
    width: var(--frame-w);
    height: var(--frame-h);
    margin: 0 auto;
  }
  .vis-mq2 .mq2-pinned,
  .vis-mq2 .mq2-follow {
    position: absolute;
    inset: 0;
  }
  .vis-mq2 .mq2-pinned {
    z-index: 2;
  }
  .vis-mq2 .mq2-follow {
    transform: translateY(110vh);
    transition: transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);
  }
  .vis-mq2 .mq2-follow.is-on {
    transform: translateY(0);
  }
}
.vis-mq2 .mq2-credit {
  position: absolute;
  z-index: 5;
  font-family: "noto-sans", "noto-sans-jp", "Noto Sans JP", sans-serif;
  font-size: 0.8vw;
  line-height: 1;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-credit {
    font-size: 2.4vw;
  }
}
.vis-mq2 .mq2-credit--dark {
  color: #000;
}
.vis-mq2 .mq2-credit--dark .mq2-credit__item a {
  border-bottom-color: #000;
}
.vis-mq2 .mq2-credit--light {
  color: #fff;
}
.vis-mq2 .mq2-credit--light .mq2-credit__item a {
  border-bottom-color: #fff;
}
.vis-mq2 .mq2-credit__row {
  display: flex;
  gap: 1.52vw;
  margin-bottom: 0.84vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-credit__row {
    gap: 5.2vw;
    margin-bottom: 2.5333333333vw;
  }
}
.vis-mq2 .mq2-credit__item {
  display: inline-flex;
  align-items: center;
  gap: 0.36vw;
  clip-path: inset(-5% 101% -15% -5%);
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-credit__item {
    gap: 1.0666666667vw;
  }
}
.vis-mq2 .mq2-credit__item a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid;
  padding-bottom: 0.24vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-credit__item a {
    padding-bottom: 0.6666666667vw;
  }
}
.vis-mq2 .mq2-credit__item--mq::before {
  content: "";
  flex: none;
  width: 1.08vw;
  height: 1.08vw;
  background: url("../images/daisy-credit-black.png") no-repeat center/contain;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-credit__item--mq::before {
    width: 3.3333333333vw;
    height: 3.3333333333vw;
  }
}
.vis-mq2 .mq2-credit--light .mq2-credit__item--mq::before {
  background-image: url("../images/daisy-credit-white.png");
}
.vis-mq2 .mq2-credit:not(.mq2-credit--center) .mq2-credit__item:not(.mq2-credit__item--mq) {
  padding-left: 1.44vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-credit:not(.mq2-credit--center) .mq2-credit__item:not(.mq2-credit__item--mq) {
    padding-left: 4.4vw;
  }
}
.vis-mq2 .mq2-credit--center {
  right: 0;
  left: 0 !important;
}
.vis-mq2 .mq2-credit--center .mq2-credit__row {
  justify-content: center;
}
.vis-mq2 .mq2-credit.is-typed .mq2-credit__item {
  animation: mq2-type 0.7s steps(14) forwards;
}
.vis-mq2 .mq2-credit.is-typed .mq2-credit__item:nth-of-type(1) {
  animation-delay: 0s;
}
.vis-mq2 .mq2-credit.is-typed .mq2-credit__item:nth-of-type(2) {
  animation-delay: 0.4s;
}
.vis-mq2 .mq2-credit.is-typed .mq2-credit__item:nth-of-type(3) {
  animation-delay: 0.8s;
}
.vis-mq2 .mq2-credit.is-typed .mq2-credit__item:nth-of-type(4) {
  animation-delay: 1.2s;
}
.vis-mq2 .mq2-credit.is-typed .mq2-credit__item:nth-of-type(5) {
  animation-delay: 1.6s;
}
.vis-mq2 .mq2-credit.is-typed .mq2-credit__item:nth-of-type(6) {
  animation-delay: 2s;
}
.vis-mq2 .mq2-credit.is-typed .mq2-credit__item:nth-of-type(7) {
  animation-delay: 2.4s;
}
.vis-mq2 .mq2-credit.is-typed .mq2-credit__item:nth-of-type(8) {
  animation-delay: 2.8s;
}
.vis-mq2 .mq2-credit.is-typed .mq2-credit__row .mq2-credit__item + .mq2-credit__item {
  animation-delay: inherit;
}
@keyframes mq2-type {
  to {
    clip-path: inset(-5% -5% -15% -5%);
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look01 {
    padding-bottom: 13.3333333333vw;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look01 .mq2-pinned {
    inset: 0.94% auto auto 6.72%;
    width: 33%;
  }
}
.vis-mq2 .mq2-look01 .mq2-credit {
  top: 7.3%;
  left: 22.8%;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look01 .mq2-credit {
    top: 9.7333333333vw;
    left: 23.0666666667vw;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look01__p2 {
    position: absolute;
    inset: 0.94% auto auto 39.72%;
    width: 16.52%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look01__p2 {
    display: flex;
  }
  .vis-mq2 .mq2-look01__p2 > * {
    width: 50%;
  }
}
.vis-mq2 .mq2-look01__cluster {
  position: relative;
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look01__cluster {
    position: absolute;
    inset: 18.2% auto auto 60.24%;
    width: 33.04%;
    aspect-ratio: 826/691;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look01__cluster {
    width: 100%;
    margin-top: 13.3333333333vw;
    aspect-ratio: 750/628;
  }
}
.vis-mq2 .mq2-look01__c1, .vis-mq2 .mq2-look01__c2, .vis-mq2 .mq2-look01__c3 {
  position: absolute;
  width: 32.93%;
}
.vis-mq2 .mq2-look01__c1 {
  top: 0;
  left: 67.07%;
}
.vis-mq2 .mq2-look01__c2 {
  top: 23.89%;
  left: 33.6%;
}
.vis-mq2 .mq2-look01__c3 {
  top: 47.77%;
  left: 0;
}
.vis-mq2 .mq2-look01__daisy {
  position: absolute;
  width: 8.6%;
}
.vis-mq2 .mq2-look01__daisy--1 {
  top: 14.01%;
  left: 25.07%;
}
.vis-mq2 .mq2-look01__daisy--2 {
  top: 76.11%;
  left: 66.53%;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look02 {
    padding-bottom: 13.3333333333vw;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look02 .mq2-pinned {
    inset: 0.94% auto auto 51.52%;
    width: 33%;
  }
}
.vis-mq2 .mq2-look02 .mq2-credit {
  top: 11.4%;
  left: 66.1%;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look02 .mq2-credit {
    top: 15.0666666667vw;
    left: 66vw;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look02__p23 {
    position: relative;
    margin-top: 13.6vw;
    aspect-ratio: 750/602;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look02__p2 {
    position: absolute;
    inset: 19.48% auto auto 15.52%;
    width: 19.96%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look02__p2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 60.53%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look02__p3 {
    position: absolute;
    inset: 28.58% auto auto 33.96%;
    width: 13.56%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look02__p3 {
    position: absolute;
    top: 15.95%;
    left: 55.87%;
    width: 41.07%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look03 {
    padding-bottom: 17.2vw;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look03 .mq2-pinned {
    inset: 0.94% auto auto 15.88%;
    width: 33%;
  }
}
.vis-mq2 .mq2-look03 .mq2-credit {
  top: 7.9%;
  left: 23.3%;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look03 .mq2-credit {
    top: 10.5333333333vw;
    left: 23.4666666667vw;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look03__cluster {
    position: relative;
    width: 94.6666666667vw;
    margin: 10.5333333333vw auto 0;
    aspect-ratio: 710/936;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look03__p2 {
    position: absolute;
    inset: 3.78% auto auto 52.88%;
    width: 15.4%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look03__p2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 49.3%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look03__p3 {
    position: absolute;
    inset: 3.78% auto auto 68.72%;
    width: 15.4%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look03__p3 {
    position: absolute;
    top: 0;
    left: 50.7%;
    width: 49.3%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look03__p4 {
    position: absolute;
    inset: 48.5% auto auto 52.88%;
    width: 15.4%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look03__p4 {
    position: absolute;
    top: 50.53%;
    left: 0;
    width: 49.3%;
  }
}
.vis-mq2 .mq2-item {
  background: #fff;
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-item {
    height: calc(100svh - var(--band-h) + 120vh);
  }
  .vis-mq2 .mq2-item__stage {
    position: sticky;
    top: var(--band-h);
    display: flex;
    align-items: center;
    justify-content: center;
    height: calc(100svh - var(--band-h));
  }
}
.vis-mq2 .mq2-item__grid {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-item__grid {
    width: min(29.72vw, (100svh - var(--band-h)) * 0.72);
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-item__grid {
    gap: 0.2666666667vw;
    width: 90.1333333333vw;
    margin: 0 auto;
    padding: 28.8vw 0 28.5333333333vw;
  }
}
.vis-mq2 .mq2-item__row {
  display: flex;
  gap: 2px;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-item__row {
    gap: 0.2666666667vw;
  }
}
.vis-mq2 .mq2-item__row img {
  width: calc((100% - 4px) / 3);
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-item__row img {
    width: calc((100% - 0.5333333333vw) / 3);
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look04 .mq2-frame-bg {
    inset: -8.69% auto auto -8.51%;
    width: 117.02%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look04 .mq2-frame-bg {
    top: 16vw;
    left: 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look04 {
    padding-bottom: 12.4vw;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look04 .mq2-pinned {
    inset: 19.23% auto auto 53.32%;
    width: 28.2%;
  }
}
.vis-mq2 .mq2-look04 .mq2-credit {
  top: 4.4%;
  left: 64.5%;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look04 .mq2-credit {
    top: 31.0666666667vw;
    left: 59.3333333333vw;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look04 .mq2-pinned > .mq2-frame {
    width: 85.6vw;
    margin: 25.7333333333vw auto 0;
  }
  .vis-mq2 .mq2-look04 .mq2-pinned {
    padding-top: 1px;
    margin-top: -1px;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look04__cluster {
    position: relative;
    width: 93.8666666667vw;
    margin: 18.9333333333vw auto 0 2.9333333333vw;
    aspect-ratio: 704/933;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look04__p2 {
    position: absolute;
    inset: 15.62% auto auto 31.52%;
    width: 15.4%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look04__p2 {
    position: absolute;
    top: 0;
    left: 50.14%;
    width: 49.86%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look04__p3 {
    position: absolute;
    inset: 20.34% auto auto 17.52%;
    width: 12.16%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look04__p3 {
    position: absolute;
    top: 5.25%;
    left: 4.97%;
    width: 39.35%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look04__p4 {
    position: absolute;
    inset: 59.31% auto auto 16.12%;
    width: 15.4%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look04__p4 {
    position: absolute;
    top: 48.87%;
    left: 0;
    width: 50.85%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look04__p5 {
    position: absolute;
    inset: 64.03% auto auto 33.36%;
    width: 12.16%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look04__p5 {
    position: absolute;
    top: 54.88%;
    left: 56.11%;
    width: 39.35%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look05 {
    padding-bottom: 13.3333333333vw;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look05 .mq2-pinned {
    inset: 0.94% auto auto 15.4%;
    width: 33%;
  }
}
.vis-mq2 .mq2-look05 .mq2-credit {
  top: 18.7%;
  left: 19.8%;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look05 .mq2-credit {
    top: 24.8vw;
    left: 20vw;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look05__wrap {
    position: relative;
    width: 97.6vw;
    margin: 10.5333333333vw auto 0 2.4vw;
    aspect-ratio: 732/960;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look05__p2 {
    position: absolute;
    inset: 36.39% auto auto 52.4%;
    width: 19.96%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look05__p2 {
    position: absolute;
    top: 37.29%;
    left: 0;
    width: 62.16%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look05__cluster {
    position: absolute;
    inset: 2.66% auto auto 62.4%;
    width: 22.2%;
    aspect-ratio: 555/732;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look05__cluster {
    position: absolute;
    top: 0;
    left: 31.15%;
    width: 68.85%;
    aspect-ratio: 504/666;
  }
}
.vis-mq2 .mq2-look05__c1, .vis-mq2 .mq2-look05__c2, .vis-mq2 .mq2-look05__c3 {
  position: absolute;
  width: 49.01%;
}
.vis-mq2 .mq2-look05__c1 {
  top: 0;
  left: 0;
}
.vis-mq2 .mq2-look05__c2 {
  top: 0;
  left: 50.99%;
}
.vis-mq2 .mq2-look05__c3 {
  top: 50.75%;
  left: 50.99%;
}
.vis-mq2 .mq2-look05__daisies {
  position: absolute;
  top: 105.6%;
  left: 69.4%;
  display: flex;
  flex-direction: column;
  gap: 2.9333333333vw;
  width: 12.7%;
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look05__daisies {
    top: 106%;
    left: 70%;
    gap: 0.96vw;
    width: 12.8%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look06 {
    padding-bottom: 13.4666666667vw;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look06 .mq2-pinned {
    inset: 0.94% auto auto 60.88%;
    width: 33%;
  }
}
.vis-mq2 .mq2-look06 .mq2-credit {
  top: 5.6%;
  left: 57.3%;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look06 .mq2-credit {
    top: 7.3333333333vw;
    left: 57.3333333333vw;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look06__strip {
    position: relative;
    width: 67.3333333333vw;
    margin: 10.4vw auto 0 15.7333333333vw;
    aspect-ratio: 505/1154;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look06__mq {
    position: absolute;
    inset: 24.64% auto auto 6.12%;
    width: 10.96%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look06__mq {
    position: absolute;
    top: 0;
    left: 0;
    width: 10.69%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look06__vis {
    position: absolute;
    inset: 66.95% auto auto 53.96%;
    width: 2.96%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look06__vis {
    position: absolute;
    top: 94.11%;
    left: 90.69%;
    width: 9.31%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look06__s1, .vis-mq2 .mq2-look06__s2, .vis-mq2 .mq2-look06__s3 {
    position: absolute;
    left: 12.48%;
    width: 76.24%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look06__s1 {
    position: absolute;
    inset: 29.79% auto auto 6.12%;
    width: 16.92%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look06__s1 {
    top: 0;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look06__s2 {
    position: absolute;
    inset: 29.79% auto auto 23.04%;
    width: 16.92%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look06__s2 {
    top: 33.28%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look06__s3 {
    position: absolute;
    inset: 29.79% auto auto 39.96%;
    width: 16.92%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look06__s3 {
    top: 66.64%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look07 .mq2-frame-bg {
    inset: -8.5% auto auto -8.5%;
    width: 117%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look07 .mq2-frame-bg {
    top: 0;
    left: 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look07 {
    padding-bottom: 13.3333333333vw;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look07 .mq2-pinned {
    inset: 15.36% auto auto 18.08%;
    width: 27.96%;
  }
}
.vis-mq2 .mq2-look07 .mq2-credit {
  top: 6.3%;
  left: 4.3%;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look07 .mq2-credit {
    top: 15.0666666667vw;
    left: 11.3333333333vw;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look07 .mq2-pinned > .mq2-frame {
    width: 85.4666666667vw;
    margin: 8.9333333333vw auto 0;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look07__pair {
    display: flex;
    margin-top: 8.9333333333vw;
  }
  .vis-mq2 .mq2-look07__pair > * {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look07__p2a {
    position: absolute;
    inset: 33.13% auto auto 51.68%;
    width: 17.04%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look07__p2b {
    position: absolute;
    inset: 33.13% auto auto 68.36%;
    width: 16.88%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look08 {
    padding-bottom: 13.3333333333vw;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look08 .mq2-pinned {
    inset: 0.94% auto auto 52.04%;
    width: 33%;
  }
}
.vis-mq2 .mq2-look08 .mq2-credit {
  top: 71.1%;
  left: 4.7%;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look08 .mq2-credit {
    top: 94.4vw;
    left: 4.6666666667vw;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look08__cluster {
    position: relative;
    margin-top: 10.5333333333vw;
    aspect-ratio: 750/1003;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look08__p2 {
    position: absolute;
    inset: 0.6% auto auto 15%;
    width: 20.76%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look08__p2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 62.93%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look08__p3 {
    position: absolute;
    inset: 5.32% auto auto 37.16%;
    width: 10.88%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look08__p3 {
    position: absolute;
    top: 4.99%;
    left: 67.07%;
    width: 32.93%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look08__p4 {
    position: absolute;
    inset: 36.31% auto auto 16.4%;
    width: 20.72%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look08__p4 {
    position: absolute;
    top: 37.69%;
    left: 4.27%;
    width: 62.8%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look09 {
    padding-bottom: 13.3333333333vw;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look09 .mq2-pinned {
    inset: 0.94% auto auto 15%;
    width: 33%;
  }
}
.vis-mq2 .mq2-look09 .mq2-credit {
  top: 5.3%;
  left: 8.5%;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look09 .mq2-credit {
    top: 6.9333333333vw;
    left: 8.5333333333vw;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look09__cluster {
    position: relative;
    margin-top: 11.6vw;
    aspect-ratio: 750/628;
  }
}
.vis-mq2 .mq2-look09__c1, .vis-mq2 .mq2-look09__c2, .vis-mq2 .mq2-look09__c3 {
  position: absolute;
  width: 32.93%;
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look09__c1, .vis-mq2 .mq2-look09__c2, .vis-mq2 .mq2-look09__c3 {
    position: absolute;
    width: 10.88%;
  }
}
.vis-mq2 .mq2-look09__c1 {
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look09__c1 {
    inset: 18.37% auto auto 51.96%;
  }
}
.vis-mq2 .mq2-look09__c2 {
  top: 23.89%;
  left: 33.47%;
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look09__c2 {
    inset: 32.53% auto auto 63.04%;
  }
}
.vis-mq2 .mq2-look09__c3 {
  top: 47.77%;
  left: 67.07%;
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look09__c3 {
    inset: 46.7% auto auto 74.12%;
  }
}
.vis-mq2 .mq2-look09__daisy {
  position: absolute;
  width: 8.53%;
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look09__daisy {
    width: 2.84%;
  }
}
.vis-mq2 .mq2-look09__daisy--1 {
  top: 14.01%;
  left: 66.4%;
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look09__daisy--1 {
    inset: 26.61% auto auto 73.88%;
  }
}
.vis-mq2 .mq2-look09__daisy--2 {
  top: 76.27%;
  left: 24.93%;
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look09__daisy--2 {
    inset: 63.52% auto auto 60.2%;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look10 .mq2-frame-bg {
    inset: -9.06% auto auto -9.01%;
    width: 118.03%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look10 .mq2-frame-bg {
    top: 0;
    left: 0;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look10 {
    padding-bottom: 8.4vw;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look10 .mq2-pinned {
    inset: 8.15% auto auto 57.12%;
    width: 27.96%;
  }
}
.vis-mq2 .mq2-look10 .mq2-credit {
  top: 4.3%;
  left: 22.7%;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look10 .mq2-credit {
    top: 14.9333333333vw;
    left: 27.2vw;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look10 .mq2-pinned > .mq2-frame {
    width: 85.4666666667vw;
    margin: 9.7333333333vw auto 0;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look10__p2 {
    position: absolute;
    inset: 18.45% auto auto 29.88%;
    width: 20.72%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look10__p2 {
    width: 62.9333333333vw;
    margin: 20.2666666667vw 0 0 18.5333333333vw;
  }
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look10__p3 {
    position: absolute;
    inset: 28.84% auto auto 12.44%;
    width: 13.44%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look10__p3 {
    width: 40.8vw;
    margin: 3.8666666667vw 0 0 29.6vw;
  }
}
.vis-mq2 .mq2-look10__daisies {
  display: flex;
  gap: 2.44vw;
  justify-content: center;
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-look10__daisies {
    position: absolute;
    inset: 84.81% auto auto 24.8%;
    width: 13.44%;
    gap: 9%;
  }
  .vis-mq2 .mq2-look10__daisies img {
    width: 21.2%;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-look10__daisies {
    width: 40.8vw;
    margin: 9.8666666667vw 0 0 29.6vw;
    gap: 7.4666666667vw;
  }
  .vis-mq2 .mq2-look10__daisies img {
    width: 8.6666666667vw;
  }
}
.vis-mq2 .mq2-collab {
  padding: 3.72vw 0 4.8vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab {
    padding: 11.3333333333vw 0 8.4vw;
  }
}
.vis-mq2 .mq2-collab__midashi {
  display: flex;
  justify-content: center;
}
.vis-mq2 .mq2-collab__midashi img {
  width: 24.52vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__midashi img {
    width: 74vw;
  }
}
.vis-mq2 .mq2-collab__showcase {
  position: relative;
  width: 33.04vw;
  margin: 3.2vw auto 0;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__showcase {
    width: 99.2vw;
    margin: 9.7333333333vw 0 0 0;
  }
}
.vis-mq2 .mq2-collab__main {
  position: relative;
  width: 24.36vw;
  aspect-ratio: 609/807;
  overflow: hidden;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__main {
    width: 73.7333333333vw;
  }
}
.vis-mq2 .mq2-collab__main img {
  position: absolute;
  inset: 0;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.7s ease;
}
.vis-mq2 .mq2-collab__main img.is-active {
  opacity: 1;
}
.vis-mq2 .mq2-collab__thumbs {
  position: absolute;
  top: 0;
  right: 0;
  display: grid;
  grid-template-columns: repeat(2, 3.88vw);
  column-gap: 0.32vw;
  row-gap: 1.64vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__thumbs {
    grid-template-columns: repeat(2, 11.8666666667vw);
    column-gap: 0.9333333333vw;
    row-gap: 5.0666666667vw;
  }
}
.vis-mq2 .mq2-collab__thumbs img {
  aspect-ratio: 97/128;
  object-fit: cover;
  filter: grayscale(1);
  transition: filter 0.7s ease;
  cursor: pointer;
}
.vis-mq2 .mq2-collab__thumbs img.is-active {
  filter: grayscale(0);
}
.vis-mq2 .mq2-collab__txts {
  position: relative;
  min-height: 14.2vw;
  margin-top: 1.2vw;
  color: #fff;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__txts {
    min-height: 51.0666666667vw;
    margin-top: 2vw;
  }
}
.vis-mq2 .mq2-collab__txt {
  position: absolute;
  inset: 0 0 auto 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.7s ease;
}
.vis-mq2 .mq2-collab__txt.is-active {
  opacity: 1;
  pointer-events: auto;
}
.vis-mq2 .mq2-collab__name {
  display: flex;
  align-items: center;
  width: 23.88vw;
  margin-left: 0.44vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__name {
    width: 72.2666666667vw;
    margin-left: 1.3333333333vw;
  }
}
.vis-mq2 .mq2-collab__label {
  margin-left: 0.24vw;
  font-family: "noto-serif", "noto-serif-jp", "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 1.6vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__label {
    margin-left: 0.6666666667vw;
    font-size: 4.8vw;
  }
}
.vis-mq2 .mq2-collab__name img {
  width: 1.4vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__name img {
    width: 4.2666666667vw;
  }
}
.vis-mq2 .mq2-collab__sen {
  flex: 1;
  height: 1px;
  margin: 0 0.36vw;
  background: #fff;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__sen {
    margin: 0 0.9333333333vw;
  }
}
.vis-mq2 .mq2-collab__price {
  font-family: "noto-sans", "noto-sans-jp", "Noto Sans JP", sans-serif;
  font-size: 0.84vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__price {
    font-size: 2.6666666667vw;
  }
}
.vis-mq2 .mq2-collab__buy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.16vw;
  height: 1.68vw;
  margin-left: 0.4vw;
  font-family: "noto-sans", "noto-sans-jp", "Noto Sans JP", sans-serif;
  font-size: 0.76vw;
  color: #fff;
  text-decoration: none;
  border: 1px solid #fff;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__buy {
    width: 9.4666666667vw;
    height: 4.9333333333vw;
    margin-left: 1.2vw;
    font-size: 2.4vw;
  }
}
.vis-mq2 .mq2-collab__desc {
  margin: 1.28vw 0 0 2.04vw;
  font-family: "noto-sans", "noto-sans-jp", "Noto Sans JP", sans-serif;
  font-size: 0.76vw;
  line-height: 1.7;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__desc {
    margin: 4.1333333333vw 0 0 6.1333333333vw;
    font-size: 2.2666666667vw;
    line-height: 1.72;
  }
}
.vis-mq2 .mq2-collab__links {
  display: flex;
  flex-direction: column;
  gap: 1.48vw;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .vis-mq2 .mq2-collab__links {
    position: absolute;
    top: 23.6vw;
    left: 74.52vw;
  }
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__links {
    gap: 4.6666666667vw;
    margin: 8.4vw 0 0 5.8666666667vw;
  }
}
.vis-mq2 .mq2-collab__link {
  display: inline-flex;
  align-items: center;
  gap: 0.56vw;
  font-family: "noto-serif", "noto-serif-jp", "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 1.2vw;
  color: #fff;
  text-decoration: none;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__link {
    gap: 1.7333333333vw;
    font-size: 3.6vw;
  }
}
.vis-mq2 .mq2-collab__arrows {
  display: inline-block;
}
.vis-mq2 .mq2-collab__arrows::before {
  content: "≫";
  font-size: 1.04vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-collab__arrows::before {
    font-size: 3.2vw;
  }
}
.vis-mq2 .mq2-outro {
  position: relative;
  z-index: 1;
  margin-top: -100vh;
}
@supports (height: 100lvh) {
  .vis-mq2 .mq2-outro {
    margin-top: -100lvh;
  }
}
.vis-mq2 .mq2-outro__photo {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
}
@supports (height: 100lvh) {
  .vis-mq2 .mq2-outro__photo {
    height: 100lvh;
  }
}
.vis-mq2 .mq2-outro__photo picture,
.vis-mq2 .mq2-outro__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.vis-mq2 .mq2-outro__text {
  position: relative;
  z-index: 2;
  width: max-content;
  margin: 17.84vw auto 0;
  font-family: "noto-serif", "noto-serif-jp", "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 1.12vw;
  line-height: 2;
  text-align: center;
  color: #000;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-outro__text {
    margin-top: 53.8666666667vw;
    font-size: 3.4666666667vw;
  }
}
.vis-mq2 .mq2-outro__panel {
  position: relative;
  z-index: 2;
  display: flow-root;
  margin-top: 20.6vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-outro__panel {
    margin-top: 62vw;
  }
}
.vis-mq2 .mq2-movie {
  margin-top: -7.32vw;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-movie {
    margin-top: -22.1333333333vw;
  }
}
.vis-mq2 .mq2-movie video {
  display: block;
  width: 24.24vw;
  margin: 0 auto;
  aspect-ratio: 500/890;
  object-fit: cover;
  background: #c6c9cc;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-movie video {
    width: 66.6666666667vw;
  }
}
.vis-mq2 .mq2-staff {
  margin-top: 20.44vw;
  font-family: "noto-serif", "noto-serif-jp", "Noto Serif JP", serif;
  font-weight: 500;
  font-size: 0.88vw;
  line-height: 2.03;
  text-align: center;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-staff {
    margin-top: 73.7333333333vw;
    font-size: 2.6666666667vw;
    line-height: 2.05;
  }
}
.vis-mq2 .mq2-footer {
  padding: 17.72vw 0 2.12vw;
  text-align: center;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-footer {
    padding: 53.3333333333vw 0 7.0666666667vw;
  }
}
.vis-mq2 .mq2-footer a {
  display: inline-block;
}
.vis-mq2 .mq2-footer img {
  width: 4.96vw;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-footer img {
    width: 15.2vw;
  }
}
.vis-mq2 .mq2-footer p {
  margin-top: 0.84vw;
  font-family: "noto-sans", "noto-sans-jp", "Noto Sans JP", sans-serif;
  font-size: 0.64vw;
  letter-spacing: 0.06em;
  color: #000;
}
@media (max-width: 767px) {
  .vis-mq2 .mq2-footer p {
    margin-top: 2.5333333333vw;
    font-size: 2vw;
  }
}

/*# sourceMappingURL=style.css.map */