@import url("https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap");
.color-white {
  color: #fff !important;
}

.devPage {
  padding: 0;
  margin: 0;
  color: #333;
  min-width: initial;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media screen and (min-width: 64em) {
  .devPage {
    padding: 0;
  }
}
.devPage * {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.devPage img {
  max-width: 100%;
}

.cover {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #00070D;
  z-index: 2000;
  display: none;
}

.cover img {
  width: 100%;
}

.coverLogoWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 10;
  width: 76.9230769231vw;
}
@media screen and (min-width: 64em) {
  .coverLogoWrapper {
    width: 20.8333333333vw;
  }
}

.coverLogo__top {
  width: 100%;
  margin-bottom: 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .coverLogo__top {
    margin-bottom: 1.1111111111vw;
  }
}

.coverLogo__cross {
  width: 5.641025641vw;
  margin: 0 auto 4.1025641026vw;
}
@media screen and (min-width: 64em) {
  .coverLogo__cross {
    width: 1.5277777778vw;
    margin: 0 auto 1.1111111111vw;
  }
}

.coverLogo__bottom {
  width: 35.8974358974vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .coverLogo__bottom {
    width: 9.7222222222vw;
  }
}

.coverVideoWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.coverVideoWrapper::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  background-image: url("../img/roomwear2026/bg_sp.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .coverVideoWrapper::before {
    background-image: url("../img/roomwear2026/bg_pc.jpg");
  }
}

.coverVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.coverVideoWrapper::before {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 1;
}

.coverVideoWrapper.is-hide::before {
  opacity: 0;
}

.coverVideoWrapper {
  -webkit-transition: all 0.5s ease 0.2s;
  transition: all 0.5s ease 0.2s;
  opacity: 0;
}

.cover.is-start .coverVideoWrapper {
  opacity: 1;
}

.coverLogo {
  -webkit-transition: all 1s ease-out 1s;
  transition: all 1s ease-out 1s;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  opacity: 0;
}

.cover.is-start .coverLogo {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.cover {
  -webkit-transition: all 1s ease-out 3s;
  transition: all 1s ease-out 3s;
}

.cover.is-start {
  opacity: 0;
  visibility: hidden;
}

.fade {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.fadeIn.active {
  opacity: 1;
}

.fadeDown {
  opacity: 0;
  -webkit-transform: translateY(-2rem);
          transform: translateY(-2rem);
  -webkit-transition: all 1s ease-out;
  transition: all 1s ease-out;
}

.fadeDown.active {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.fadeShrink {
  opacity: 0;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: all 1.2s ease-out 0.4s;
  transition: all 1.2s ease-out 0.4s;
}

.fadeShrink.active {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.imgCover {
  position: relative;
}

.imgCover > img {
  display: block;
  width: 100%;
  clip-path: inset(100% 0 0 0);
  -webkit-transition: clip-path 1s cubic-bezier(0.4, 0.11, 0.14, 0.89);
  transition: clip-path 1s cubic-bezier(0.4, 0.11, 0.14, 0.89);
}

.leadBox__img > img {
  display: block;
  width: 100%;
  clip-path: inset(100% 0 0 0);
  -webkit-transition: clip-path 1s cubic-bezier(0.4, 0.11, 0.14, 0.89) 0.3s;
  transition: clip-path 1s cubic-bezier(0.4, 0.11, 0.14, 0.89) 0.3s;
}

.imgCoverUp > img {
  clip-path: inset(100% 0 0 0);
}

.imgCoverDown > img {
  clip-path: inset(0 0 100% 0);
}

.imgCoverLeft > img {
  clip-path: inset(0 0 0 100%);
}

.imgCoverRight > img {
  clip-path: inset(0 100% 0 0);
}

.imgCover.active > img {
  clip-path: inset(0);
}

.leadBox__imgBox.active .leadBox__img > img {
  clip-path: inset(0);
}

@media (prefers-reduced-motion: reduce) {
  .imgCover > img {
    clip-path: inset(0);
    -webkit-transition: none;
    transition: none;
  }
}
.bgVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.videoWrapper__bg {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

.l-container {
  position: relative;
  width: 100%;
}

.l-drawer {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  visibility: hidden;
  opacity: 0;
}
@media screen and (min-width: 64em) {
  .l-drawer {
    display: none;
  }
}

.is-drawerOpen .l-drawer {
  visibility: visible;
  opacity: 1;
}

.l-drawer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  overflow-y: auto;
  padding: 23.0769230769vw 10.2564102564vw 10.2564102564vw;
}
@media screen and (min-width: 64em) {
  .l-drawer__inner {
    padding: 3.125vw 2.7777777778vw 2.7777777778vw;
  }
}

.l-drawer__top {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 128.2051282051vw;
}
@media screen and (min-width: 64em) {
  .l-drawer__top {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 2.7777777778vw;
    min-height: 34vw;
  }
}

.l-main {
  width: 100%;
  overflow-x: clip;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media screen and (min-width: 64em) {
  .l-main {
    width: 100%;
  }
}

.l-main img {
  width: 100%;
}

.l-main__inner {
  position: relative;
  width: 100%;
}
@media screen and (min-width: 64em) {
  .l-main__inner {
    width: 32.2314049587vw;
    margin: 0 auto;
  }
}

.l-container__left {
  display: none;
  position: relative;
  background: #F4F0E7;
}
@media screen and (min-width: 64em) {
  .l-container__left {
    position: fixed;
    display: block;
    left: 0;
    width: calc((100% - 32.2314049587vw) / 2);
    height: 100%;
  }
}

.containerLeft__bgVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.l-container__right {
  display: none;
}
@media screen and (min-width: 64em) {
  .l-container__right {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    width: calc((100% - 32.2314049587vw) / 2);
    height: 100%;
    background: rgba(43, 46, 77, 0.7);
  }
}

.drawerLogo {
  display: block;
  width: 51.7948717949vw;
  margin-bottom: 23.4615384615vw;
}
@media screen and (min-width: 64em) {
  .drawerLogo {
    width: 14.0277777778vw;
    margin-bottom: 6.3541666667vw;
  }
}

.drawerNav__list {
  display: inline-block;
  text-align: left;
}

.drawerNav__item {
  margin-bottom: 5.641025641vw;
}
@media screen and (min-width: 64em) {
  .drawerNav__item {
    margin-bottom: 1.5277777778vw;
  }
}

.drawerNav__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 4.1025641026vw;
  line-height: 0.7;
  color: #484848;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  letter-spacing: 0;
}
@media screen and (min-width: 64em) {
  .drawerNav__link {
    font-size: 1.1111111111vw;
    color: #fff;
  }
}

.drawerNav__link .en {
  display: inline-block;
  font-family: "Hanken Grotesk", sans-serif;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 0;
}

.drawerNav__link::after {
  content: "";
  display: block;
  width: 4.6153846154vw;
  height: 3.0769230769vw;
  margin-left: 2.0512820513vw;
  background-image: url("../img/earlyspring2025/icon_arrow_red.svg");
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media screen and (min-width: 64em) {
  .drawerNav__link::after {
    width: 0.8333333333vw;
    height: 0.5555555556vw;
    margin-left: 0.5555555556vw;
  }
}

.socialBox {
  margin-bottom: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .socialBox {
    margin-bottom: 1.3888888889vw;
  }
}

.socialBox--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.socialBox:last-child {
  margin-bottom: 0;
}

.socialBox__header {
  margin-bottom: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .socialBox__header {
    margin-bottom: 1.3888888889vw;
  }
}

.socialBox__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .socialBox__link {
    font-size: 0.6944444444vw;
  }
}

.socialBox__link::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 2.8205128205vw;
  height: 2.8205128205vw;
  margin-left: 2.0512820513vw;
  background-image: url("../img/earlyspring2025/icon_arrow_black.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 64em) {
  .socialBox__link::after {
    width: 0.7638888889vw;
    height: 0.7638888889vw;
    margin-left: 0.5555555556vw;
  }
}

.socialBox__ttl {
  font-size: 2.5641025641vw;
  font-family: "Hanken Grotesk", sans-serif;
  color: #9B9B9B;
}
@media screen and (min-width: 64em) {
  .socialBox__ttl {
    font-size: 0.6944444444vw;
    color: #3A3A3A;
  }
}

.socialBox__txtLink {
  font-size: 4.1025641026vw;
  font-weight: 700;
  color: #000;
  line-height: 1;
  font-family: "Hanken Grotesk", sans-serif;
}
@media screen and (min-width: 64em) {
  .socialBox__txtLink {
    font-size: 1.1111111111vw;
    color: #3A3A3A;
  }
}

.socialNav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.6153846154vw;
}
@media screen and (min-width: 64em) {
  .socialNav__list {
    gap: 1.25vw;
  }
}

.socialNav__item--x {
  width: 4.6153846154vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--x {
    width: 1.25vw;
  }
}

.socialNav__item--insta {
  width: 4.8717948718vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--insta {
    width: 1.3194444444vw;
  }
}

.socialNav__item--line {
  width: 5.0256410256vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--line {
    width: 1.3611111111vw;
  }
}

.socialNav__item--fb {
  width: 2.4358974359vw;
}
@media screen and (min-width: 64em) {
  .socialNav__item--fb {
    width: 0.6597222222vw;
  }
}

.socialBox__logo {
  width: 14.358974359vw;
}
@media screen and (min-width: 64em) {
  .socialBox__logo {
    width: 3.8888888889vw;
  }
}

.btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.0769230769vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 23.0769230769vw;
  padding: 1.7948717949vw 2.5641025641vw;
  background: #AD3028;
  border-radius: 15.3846153846vw;
}
@media screen and (min-width: 64em) {
  .btn {
    gap: 0.9917355372vw;
    width: 7.4380165289vw;
    padding: 0.5785123967vw 0.826446281vw;
    border-radius: 4.958677686vw;
  }
}

.btn__txt {
  color: #fff;
  font-size: 3.0769230769vw;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  font-family: "Hanken Grotesk", sans-serif;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (min-width: 64em) {
  .btn__txt {
    font-size: 0.9917355372vw;
  }
}

.btn__icon {
  position: relative;
  display: block;
  overflow: hidden;
  width: 4.1025641026vw;
  height: 2.5641025641vw;
}
@media screen and (min-width: 64em) {
  .btn__icon {
    width: 1.3223140496vw;
    height: 0.826446281vw;
  }
}

.btn__icon::before,
.btn__icon::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn__icon::before {
  background-image: url("../img/earlyspring2025/icon_arrow.svg");
}

.btn__icon::after {
  left: -100%;
  background-image: url("../img/earlyspring2025/icon_arrow_red.svg");
}

.btn:hover {
  background: #fff;
  opacity: 1;
}
.btn:hover .btn__txt {
  color: #0A0A0A;
}
.btn:hover .btn__icon::before {
  left: 100%;
}
.btn:hover .btn__icon::after {
  left: 0;
}

.btn--white {
  background: #fff;
  border: #BBBBBB solid 0.2564102564vw;
}
@media screen and (min-width: 64em) {
  .btn--white {
    border: #BBBBBB solid 0.0826446281vw;
  }
}
.btn--white .btn__txt {
  color: #0A0A0A;
}
.btn--white .btn__icon::before {
  background-image: url("../img/earlyspring2025/icon_arrow_red.svg");
}
.btn--white .btn__icon::after {
  background-image: url("../img/earlyspring2025/icon_arrow_red.svg");
}
.btn--white:hover {
  opacity: 1;
  background: #E5E7D8;
}
.btn--noborder {
  border: none !important;
}

.btn--end {
  pointer-events: none;
  background: #B5B5B5;
  border: #B5B5B5 solid 0.2564102564vw;
}
@media screen and (min-width: 64em) {
  .btn--end {
    border: #B5B5B5 solid 0.0826446281vw;
  }
}
.btn--end .btn__txt {
  color: #fff;
}

.navBar {
  position: fixed;
  top: 7.6923076923vw;
  right: 5.1282051282vw;
  z-index: 1200;
  width: 6.1538461538vw;
  height: 3.0769230769vw;
  cursor: pointer;
  mix-blend-mode: difference;
}
@media screen and (min-width: 64em) {
  .navBar {
    display: none;
  }
}
.navBar__line {
  display: block;
  width: 100%;
  height: 0.7692307692vw;
  background: #fff;
  position: absolute;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
}
.navBar__line.line01.active {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-35deg);
          transform: translateY(-50%) rotate(-35deg);
}
.navBar__line.line02 {
  bottom: 0;
}
.navBar__line.line02.active {
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(35deg);
          transform: translateY(-50%) rotate(35deg);
}

@media screen and (min-width: 64em) {
  .containerRightNav {
    position: absolute;
    min-width: 6.5277777778vw;
    top: 2.9166666667vw;
    right: 3.1944444444vw;
    z-index: 10;
  }
}

.containerSlider {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.containerSlider__list {
  position: relative;
  width: 100%;
  height: 100%;
}

.containerSlider__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.containerSlider__img {
  height: 100%;
}

.containerSlider__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.containerLeft__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.containerLeft__bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.containerLeft__img {
  position: absolute;
  top: 20%;
  left: 8.0555555556vw;
  width: 19.0277777778vw;
}

.containerLeft__flex {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
  padding: 3.125vw 1.3888888889vw 2.0833333333vw 2.7777777778vw;
  gap: 2.0833333333vw;
}

.containerLeft__top {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.containerLeft__logo {
  width: 7.5vw;
}

.containerLeft__princeLogo {
  width: 16.1805555556vw;
  margin-bottom: 2.2222222222vw;
}

.containerLeft__princeLogo img {
  width: 100%;
}

.txtList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .txtList {
    gap: 1.652892562vw;
  }
}

.txtList-flexEnd {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.txtList__item {
  font-size: 2.5641025641vw;
  font-family: "Hanken Grotesk", sans-serif;
  color: #737373;
  line-height: 1.4;
  text-align: left;
}
@media screen and (min-width: 64em) {
  .txtList__item {
    font-size: 0.826446281vw;
  }
}

.l-kv {
  position: sticky;
  top: 0;
}

.l-kv__inner {
  position: relative;
  max-height: 192.3076923077vw;
  height: 100vh;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
@media screen and (min-width: 64em) {
  .l-kv__inner {
    max-height: 61.9834710744vw;
  }
}

.kvVideoWrapper {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}

.kvVideo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  opacity: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: opacity 1.6s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 2.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 1.6s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 2.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 1.6s cubic-bezier(0.22, 1, 0.36, 1), transform 2.6s cubic-bezier(0.16, 1, 0.3, 1);
  transition: opacity 1.6s cubic-bezier(0.22, 1, 0.36, 1), transform 2.6s cubic-bezier(0.16, 1, 0.3, 1), -webkit-transform 2.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.kvVideoWrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 10;
}

.kvVideoWrapper.active .kvVideo {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.l-kv__bottom {
  position: relative;
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .l-kv__bottom {
    padding: 0 1.652892562vw;
  }
}

.l-lead {
  position: relative;
  margin-top: -10.7692307692vw;
  z-index: 20;
}
@media screen and (min-width: 64em) {
  .l-lead {
    margin-top: -3.4710743802vw;
  }
}

.lead__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -10.7692307692vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 94.8717948718vw;
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .lead__logo {
    top: -3.4710743802vw;
    width: 30.5785123967vw;
  }
}

.lead__logo img {
  width: 100%;
}

.leadDesc__top {
  padding: 9.7435897436vw 5.1282051282vw 0;
}
@media screen and (min-width: 64em) {
  .leadDesc__top {
    padding: 3.1404958678vw 1.652892562vw 0;
  }
}

.leadDesc__bottom {
  margin: 25.641025641vw 0;
  padding: 0 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .leadDesc__bottom {
    margin: 8.2644628099vw 0;
    padding: 0 1.652892562vw;
  }
}

.leadDescTtl {
  font-size: 4.6153846154vw;
  font-weight: 500;
  line-height: 1.7;
}
@media screen and (min-width: 64em) {
  .leadDescTtl {
    font-size: 1.4876033058vw;
  }
}

.l-lead {
  position: relative;
  z-index: 10;
  background: #fff;
}

.l-lead__mid {
  background: #DFE1E6;
}

.leadBox {
  position: relative;
  padding-top: 28.4615384615vw;
  padding-bottom: 32.3076923077vw;
}
@media screen and (min-width: 64em) {
  .leadBox {
    padding-top: 9.173553719vw;
    padding-bottom: 10.4132231405vw;
  }
}

.l-lead__bottom {
  padding-top: 3.0769230769vw;
  padding-bottom: 25.641025641vw;
}
@media screen and (min-width: 64em) {
  .l-lead__bottom {
    padding-top: 0.9917355372vw;
    padding-bottom: 8.2644628099vw;
  }
}

.lead__label {
  padding: 0 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .lead__label {
    padding: 0 1.652892562vw;
  }
}

.leadBox__bg {
  display: block;
}

.leadBox__bg--01 {
  position: absolute;
  top: 8.2051282051vw;
  right: 8.2051282051vw;
  width: 44.1025641026vw;
}
@media screen and (min-width: 64em) {
  .leadBox__bg--01 {
    top: 2.6446280992vw;
    right: 2.6446280992vw;
    width: 14.2148760331vw;
  }
}

.leadBox__bg--02 {
  position: absolute;
  top: 51.2820512821vw;
  left: 5.641025641vw;
  width: 25.641025641vw;
}
@media screen and (min-width: 64em) {
  .leadBox__bg--02 {
    top: 16.5289256198vw;
    left: 1.8181818182vw;
    width: 8.2644628099vw;
  }
}

.leadBox__bg--03 {
  position: absolute;
  top: 170.7692307692vw;
  left: 15.3846153846vw;
  width: 44.6153846154vw;
}
@media screen and (min-width: 64em) {
  .leadBox__bg--03 {
    top: 55.041322314vw;
    left: 4.958677686vw;
    width: 14.3801652893vw;
  }
}

.leadBox__bg--04 {
  position: absolute;
  bottom: 16.4102564103vw;
  right: 0vw;
  width: 35.8974358974vw;
}
@media screen and (min-width: 64em) {
  .leadBox__bg--04 {
    bottom: 5.2892561983vw;
    right: 0vw;
    width: 11.5702479339vw;
  }
}

.leadBox__imgBox {
  position: relative;
  z-index: 10;
}

.leadBox__imgBox--02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-top: 51.2820512821vw;
  padding-left: 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .leadBox__imgBox--02 {
    margin-top: 16.5289256198vw;
    padding-left: 1.652892562vw;
  }
}

.leadBox__img--01 {
  margin: 0 auto 12.3076923077vw;
  width: 64.6153846154vw;
}
@media screen and (min-width: 64em) {
  .leadBox__img--01 {
    margin: 0 auto 3.9669421488vw;
    width: 20.826446281vw;
  }
}

.leadBox__img--02 {
  width: 94.8717948718vw;
}
@media screen and (min-width: 64em) {
  .leadBox__img--02 {
    width: 30.5785123967vw;
  }
}

.leadBox__img--03 {
  width: 32.5641025641vw;
  margin-top: 28.2051282051vw;
  margin-right: 7.6923076923vw;
}
@media screen and (min-width: 64em) {
  .leadBox__img--03 {
    width: 10.4958677686vw;
    margin-top: 9.0909090909vw;
    margin-right: 2.479338843vw;
  }
}

.leadBox__img--04 {
  width: 41.5384615385vw;
}
@media screen and (min-width: 64em) {
  .leadBox__img--04 {
    width: 13.3884297521vw;
  }
}

.leadBox__bottom {
  position: relative;
}

.lead__content {
  text-align: center;
  margin-top: 30.7692307692vw;
}
@media screen and (min-width: 64em) {
  .lead__content {
    margin-top: 9.9173553719vw;
  }
}

.lead__ttl {
  position: relative;
  display: inline-block;
  margin-bottom: 3.0769230769vw;
  padding-bottom: 2.0512820513vw;
  font-size: 6.6666666667vw;
  font-weight: 600;
  line-height: 1.09;
  text-align: center;
  font-family: "Hanken Grotesk", sans-serif;
  -webkit-transition: all 1s ease 0.5s;
  transition: all 1s ease 0.5s;
}
@media screen and (min-width: 64em) {
  .lead__ttl {
    padding-bottom: 0.6611570248vw;
    margin-bottom: 0.9917355372vw;
    font-size: 2.1487603306vw;
  }
}

.lead__ttl::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.5128205128vw;
  background-color: currentColor;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  -webkit-transition: -webkit-transform 1s ease 0.5s;
  transition: -webkit-transform 1s ease 0.5s;
  transition: transform 1s ease 0.5s;
  transition: transform 1s ease 0.5s, -webkit-transform 1s ease 0.5s;
}
@media screen and (min-width: 64em) {
  .lead__ttl::after {
    height: 0.1652892562vw;
  }
}

.lead__ttl.active {
  color: #92966f;
}

.lead__ttl.active::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.lead__txt {
  margin-bottom: 12.3076923077vw;
  font-size: 3.5897435897vw;
  line-height: 1.7;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .lead__txt {
    margin-bottom: 3.9669421488vw;
    font-size: 1.1570247934vw;
  }
}

.lead__img {
  width: 71.7948717949vw;
  margin: 0 auto;
}
@media screen and (min-width: 64em) {
  .lead__img {
    width: 23.1404958678vw;
  }
}

.l-item {
  position: relative;
  z-index: 10;
  background: #fff;
}

.l-item__header {
  position: sticky;
  top: 0;
  z-index: 30;
}

.itemSec__label {
  position: absolute;
  top: 2.5641025641vw;
  left: 0;
  width: 100%;
  padding: 0 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .itemSec__label {
    top: 0.826446281vw;
    padding: 0 1.652892562vw;
  }
}
.itemSec__label .txtList__item {
  color: #D9D9D9;
}

.l-item__body {
  position: relative;
  margin-top: -10.7692307692vw;
  z-index: 40;
  background: #fff;
}
@media screen and (min-width: 64em) {
  .l-item__body {
    margin-top: -3.4710743802vw;
  }
}

.itemSec__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: -10.7692307692vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 94.8717948718vw;
  z-index: 10;
}
@media screen and (min-width: 64em) {
  .itemSec__logo {
    top: -3.4710743802vw;
    width: 30.5785123967vw;
  }
}

.lead__logo img {
  width: 100%;
}

.itemBlock__header {
  padding: 14.358974359vw 11.7948717949vw 7.6923076923vw;
  background: #CBCEB0;
}
@media screen and (min-width: 64em) {
  .itemBlock__header {
    padding: 4.6280991736vw 1.652892562vw 2.479338843vw;
  }
}

.itemBlock__thumbWrapper {
  width: 76.1538461538vw;
  padding: 2.5641025641vw;
  margin: 0 auto;
  background: #E5E7D8;
}
@media screen and (min-width: 64em) {
  .itemBlock__thumbWrapper {
    width: 24.5454545455vw;
    padding: 0.826446281vw;
  }
}

.itemBlock__txtBox {
  position: relative;
  z-index: 10;
  margin-top: -6.1538461538vw;
  color: #fff;
}
@media screen and (min-width: 64em) {
  .itemBlock__txtBox {
    margin-top: -1.9834710744vw;
  }
}

.itemBlock__label {
  font-size: 10.2564102564vw;
  font-weight: 700;
  line-height: 1.09;
  font-family: "Hanken Grotesk", sans-serif;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .itemBlock__label {
    font-size: 3.305785124vw;
  }
}

.itemBlock__ttl {
  font-size: 3.5897435897vw;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
@media screen and (min-width: 64em) {
  .itemBlock__ttl {
    font-size: 1.1570247934vw;
  }
}

@-webkit-keyframes itemBlockSlideLoop {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes itemBlockSlideLoop {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.itemBlock__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.itemBlockSlide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-animation: itemBlockSlideLoop 20s linear infinite;
          animation: itemBlockSlideLoop 20s linear infinite;
}

.itemBlockSlide__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 46.1538461538vw;
  padding: 0.2564102564vw;
}
@media screen and (min-width: 64em) {
  .itemBlockSlide__item {
    width: 14.8760330579vw;
    padding: 0.0826446281vw;
  }
}

.itemBlockSlide__item img {
  display: block;
  width: 100%;
}

@media (prefers-reduced-motion: reduce) {
  .itemBlock__slide {
    overflow-x: auto;
  }
  .itemBlockSlide {
    -webkit-animation: none;
            animation: none;
  }
  .itemBlockSlide + .itemBlockSlide {
    display: none;
  }
}
.itemBlock__box {
  padding: 12.8205128205vw 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .itemBlock__box {
    padding: 4.132231405vw 1.652892562vw;
  }
}

.itemBox__size {
  margin-bottom: 3.8461538462vw;
  font-size: 4.1025641026vw;
  font-family: "Hanken Grotesk", sans-serif;
  line-height: 1.09;
}
@media screen and (min-width: 64em) {
  .itemBox__size {
    margin-bottom: 1.2396694215vw;
    font-size: 1.3223140496vw;
  }
}

.itemBox__name {
  margin-bottom: 3.0769230769vw;
  font-size: 5.641025641vw;
  line-height: 1.09;
  font-weight: 700;
}
@media screen and (min-width: 64em) {
  .itemBox__name {
    margin-bottom: 0.9917355372vw;
    font-size: 1.8181818182vw;
  }
}

.itemBox__txt {
  margin-bottom: 5.1282051282vw;
  font-size: 3.5897435897vw;
  line-height: 1.7;
}
@media screen and (min-width: 64em) {
  .itemBox__txt {
    margin-bottom: 1.652892562vw;
    font-size: 1.1570247934vw;
  }
}

.itemBox__btn {
  margin-top: 4.1025641026vw;
  text-align: right;
}
@media screen and (min-width: 64em) {
  .itemBox__btn {
    margin-top: 1.3223140496vw;
  }
}

.itemBlock--01 .itemBox--01 .itemBox__btn {
  margin-top: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .itemBlock--01 .itemBox--01 .itemBox__btn {
    margin-top: 0.6611570248vw;
  }
}

.itemBlock--02 .itemBlock__header {
  background: #B0C9CE;
}
.itemBlock--02 .itemBlock__thumbWrapper {
  background: #D8E4E7;
}
.itemBlock--02 .itemBlock__thumb::before {
  background: #D8E4E7;
}
.itemBlock--02 .itemBox--01 .itemBox__btn {
  margin-top: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .itemBlock--02 .itemBox--01 .itemBox__btn {
    margin-top: 0.6611570248vw;
  }
}
.itemBlock--02 .itemBox--02 .itemBox__btn {
  margin-top: 2.0512820513vw;
}
@media screen and (min-width: 64em) {
  .itemBlock--02 .itemBox--02 .itemBox__btn {
    margin-top: 0.6611570248vw;
  }
}

.itemBlock--03 .itemBlock__header {
  background: #CEBAB0;
}
.itemBlock--03 .itemBlock__thumbWrapper {
  background: #E7DDD8;
}
.itemBlock--03 .itemBlock__thumb::before {
  background: #E7DDD8;
}

.l-parallax {
  position: relative;
  width: 100%;
}

.parallax {
  width: 100%;
  height: 100vh;
  height: 100svh;
  background-image: url("../img/roomwear2026/about_thumb.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: max(100vw, 46.2085308057svh) auto;
  -webkit-animation: parallaxZoomSp linear both;
          animation: parallaxZoomSp linear both;
  animation-timeline: view(block);
  animation-range: entry 0% exit 100%;
}

@-webkit-keyframes parallaxZoomSp {
  from {
    background-size: max(135vw, 62.3815165877svh) auto;
  }
  to {
    background-size: max(100vw, 46.2085308057svh) auto;
  }
}

@keyframes parallaxZoomSp {
  from {
    background-size: max(135vw, 62.3815165877svh) auto;
  }
  to {
    background-size: max(100vw, 46.2085308057svh) auto;
  }
}
@media screen and (min-width: 64em) {
  .parallax {
    width: 32.2314049587vw;
    margin: 0 auto;
    -webkit-animation-name: parallaxZoomPc;
            animation-name: parallaxZoomPc;
  }
  @-webkit-keyframes parallaxZoomPc {
    from {
      background-size: max(38.6776859504vw, 55.4502369668svh) auto;
    }
    to {
      background-size: max(32.2314049587vw, 46.2085308057svh) auto;
    }
  }
  @keyframes parallaxZoomPc {
    from {
      background-size: max(38.6776859504vw, 55.4502369668svh) auto;
    }
    to {
      background-size: max(32.2314049587vw, 46.2085308057svh) auto;
    }
  }
}
@media (prefers-reduced-motion: reduce) {
  .parallax {
    -webkit-animation: none;
            animation: none;
    background-attachment: scroll;
  }
}
.parallax__box {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 0 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .parallax__box {
    padding: 0 1.652892562vw;
  }
}

.parallax__logo {
  width: 20.5128205128vw;
  margin: 0 auto 9.2307692308vw;
}
@media screen and (min-width: 64em) {
  .parallax__logo {
    width: 5.5555555556vw;
    margin: 0 auto 2.5vw;
  }
}

.parallax__label .txtList__item {
  color: #fff;
}

.l-about {
  position: relative;
  z-index: 60;
  background: #fff;
}

.l-about__top {
  position: relative;
  padding: 20.5128205128vw 0;
}
@media screen and (min-width: 64em) {
  .l-about__top {
    padding: 6.6115702479vw 0;
  }
}

.aboutBox__bg--01 {
  position: absolute;
  top: 71.7948717949vw;
  right: 0;
  width: 45.641025641vw;
}
@media screen and (min-width: 64em) {
  .aboutBox__bg--01 {
    top: 23.1404958678vw;
    right: 0vw;
    width: 14.7107438017vw;
  }
}

.aboutBox__bg--02 {
  position: absolute;
  bottom: 7.6923076923vw;
  right: 8.9743589744vw;
  width: 18.9743589744vw;
}
@media screen and (min-width: 64em) {
  .aboutBox__bg--02 {
    bottom: 2.479338843vw;
    right: 2.8925619835vw;
    width: 6.1157024793vw;
  }
}

.aboutBox__img {
  position: relative;
  z-index: 10;
}

.aboutBox__img--01 {
  width: 75.641025641vw;
  margin-bottom: 12.8205128205vw;
}
@media screen and (min-width: 64em) {
  .aboutBox__img--01 {
    width: 24.3801652893vw;
    margin-bottom: 4.132231405vw;
  }
}

.aboutBox__img--02 {
  width: 50vw;
  margin-bottom: 12.8205128205vw;
}
@media screen and (min-width: 64em) {
  .aboutBox__img--02 {
    width: 16.1157024793vw;
    margin-bottom: 4.132231405vw;
  }
}

.aboutBox__img--03 {
  width: 50vw;
}
@media screen and (min-width: 64em) {
  .aboutBox__img--03 {
    width: 16.1157024793vw;
  }
}

.aboutBox__img--04 {
  position: absolute;
  bottom: 53.8461538462vw;
  right: 0;
  width: 37.1794871795vw;
}
@media screen and (min-width: 64em) {
  .aboutBox__img--04 {
    bottom: 17.3553719008vw;
    width: 11.9834710744vw;
  }
}

.l-about__bottom {
  position: relative;
  padding: 20.5128205128vw 5.1282051282vw 91.0256410256vw;
  background-image: url("../img/roomwear2026/about_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
}
@media screen and (min-width: 64em) {
  .l-about__bottom {
    padding: 6.6115702479vw 1.652892562vw 29.3388429752vw;
  }
}

.about__ttl {
  margin-bottom: 14.1025641026vw;
  font-size: 4.6153846154vw;
  font-weight: 500;
  line-height: 1.8;
}
@media screen and (min-width: 64em) {
  .about__ttl {
    margin-bottom: 4.5454545455vw;
    font-size: 1.4876033058vw;
  }
}

.about__txt {
  margin-bottom: 12.8205128205vw;
  font-size: 3.5897435897vw;
  line-height: 1.7;
}
@media screen and (min-width: 64em) {
  .about__txt {
    margin-bottom: 4.132231405vw;
    font-size: 1.1570247934vw;
  }
}

.about__txt:last-child {
  margin-bottom: 0;
}

.about__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 94.8717948718vw;
  z-index: 30;
}
@media screen and (min-width: 64em) {
  .about__logo {
    width: 30.5785123967vw;
  }
}

.about__logo img {
  width: 100%;
}

.l-footer {
  position: relative;
  z-index: 50;
  background: #fff;
}
.l-footer__top {
  padding: 25.641025641vw 5.1282051282vw 5.1282051282vw;
}
@media screen and (min-width: 64em) {
  .l-footer__top {
    padding: 8.2644628099vw 1.652892562vw 1.652892562vw;
  }
}

.l-footer__bottom {
  padding: 3.0769230769vw 5.1282051282vw;
  background: #232323;
}
@media screen and (min-width: 64em) {
  .l-footer__bottom {
    padding: 0.9917355372vw 1.652892562vw;
  }
}

.footer__txt {
  font-size: 2.5641025641vw;
  color: #fff;
  font-family: "Hanken Grotesk", sans-serif;
  text-align: right;
}
@media screen and (min-width: 64em) {
  .footer__txt {
    font-size: 0.826446281vw;
  }
}
/*# sourceMappingURL=roomwear2026.css.map */