@import 'https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap';
.mid {
  font-weight: 500 !important;
}

.arrowWrap,
.style__wrap::before {
  z-index: 2;
}

header {
  z-index: 9999;
}

* {
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: border-box;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

button {
  padding: 0;
  color: inherit;
  cursor: pointer;
  background-color: transparent;
  border-width: 0;
}

figure {
  margin: 0;
}

input::-moz-focus-inner {
  padding: 0;
  margin: 0;
  border: 0;
}

ul,
ol,
dl,
dd {
  padding: 0;
  margin: 0;
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit;
}

p {
  margin: 0;
}

cite {
  font-style: normal;
}

fieldset {
  padding: 0;
  margin: 0;
  border-width: 0;
}

img {
  display: block;
  border: 0;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
}

.over {
  opacity: 1;
  transition: 0.4s;
}
@media (hover: hover) and (pointer: fine) {
  .over:hover {
    opacity: 0.5;
  }
}

.pc {
  display: block;
}
@media (width < 560px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none;
}
@media (width < 560px) {
  .sp {
    display: block !important;
  }
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: "helvetica-neue-lt-pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 400;
  font-optical-sizing: auto;
  line-height: 1;
  color: #000;
  text-align: left;
  background: #fff;
}
body img {
  width: 100%;
}

.apart {
  width: 100%;
  overflow-x: clip;
}

.logoArea {
  position: relative;
}

.looks {
  container-type: inline-size;
  width: 100%;
  margin-inline: auto;
}
@media (width >= 960px) {
  .looks {
    max-width: 1728px;
  }
}

.footer {
  container-type: inline-size;
  width: 100%;
}

.fadeIn {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.fadeIn.active {
  animation-name: fadeIn;
  animation-delay: 0.2s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.kv {
  position: relative;
  width: 100%;
  height: 100svh;
  overflow: hidden;
}
.kv__slider,
.kv .swiper-container,
.kv .swiper-wrapper,
.kv .swiper-slide {
  height: 100%;
}
.kv .swiper-slide {
  width: 56.6822916667svh;
}
@media (width >= 960px) {
  .kv .swiper-slide {
    width: 56.6883963494svh;
  }
}
.kv__slider {
  position: absolute;
  inset: 0;
  z-index: 0;
  mask-image: linear-gradient(to bottom, transparent 0%, transparent 38%, rgba(0, 0, 0, 0.5) 60%, #000 82%, #000 100%);
  mask-repeat: no-repeat;
  mask-position: 0 0;
  mask-size: 100% 500%;
  animation: maskShow 3.2s cubic-bezier(0.16, 1, 0.3, 1) both;
}
.kv .swiper-container {
  cursor: grab;
  touch-action: pan-y;
}
.kv .swiper-container.is-grabbing {
  cursor: grabbing;
}
.kv .swiper-wrapper {
  display: flex;
  width: max-content;
  will-change: transform;
}
.kv .swiper-slide {
  flex: 0 0 auto;
}
.kv .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
  -webkit-user-drag: none;
}
.kv__body {
  position: absolute;
  inset: 0;
  z-index: 2;
  color: #fff;
  pointer-events: none;
}
.kv__logo {
  position: absolute;
  top: 43.8020833333svh;
  opacity: 0;
  animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.4s both;
  left: 50%;
  width: 26.9791666667svh;
  translate: -50% 0;
}
@media (width >= 960px) {
  .kv__logo {
    top: 41.4602346806svh;
    width: 51.629726206svh;
  }
}
.kv__season {
  --base-delay: 1.3s;
  position: absolute;
  top: 85.4166666667svh;
  left: 0;
  width: 100%;
  font-size: 2.7777777778vw;
  letter-spacing: 0.04em;
  text-align: center;
}
@media (width >= 960px) {
  .kv__season {
    top: 73.6636245111svh;
    font-size: 2.6075619296svh;
  }
}
.kv__lead {
  --base-delay: 1.6s;
  position: absolute;
  top: 89.375svh;
  left: 0;
  width: 100%;
  padding-inline: 6.1111111111vw;
  font-size: 1.9444444444vw;
  line-height: 1.32;
  text-align: center;
}
@media (width >= 960px) {
  .kv__lead {
    top: 81.0951760104svh;
    padding-inline: 0;
    font-size: 1.8252933507svh;
    line-height: 1.5;
  }
}

.logoFix {
  position: sticky;
  top: 2.037037037vw;
  width: 90vw;
  margin-top: 5.5555555556vw;
  margin-left: 4.9074074074vw;
  pointer-events: none;
  transition: opacity 0.4s;
}
.logoFix.is-hide {
  opacity: 0;
}
@media (width >= 960px) {
  .logoFix {
    top: 2.3426061493vw;
    width: 42.0204978038vw;
    margin-top: 2.196193265vw;
    margin-left: 28.6969253294vw;
  }
}

.look {
  position: relative;
  width: 100%;
}
.look__ttl, .look__price {
  position: absolute;
  text-align: center;
}
.look__ttl {
  font-size: 5cqw;
  letter-spacing: 0.04em;
}
@media (width >= 960px) {
  .look__ttl {
    font-size: 2.4890190337cqw;
  }
}
.look__price {
  animation-delay: 0.2s;
  font-size: 3.3333333333cqw;
  line-height: 1.36;
  letter-spacing: 0.04em;
}
@media (width >= 960px) {
  .look__price {
    font-size: 1.6105417277cqw;
    line-height: 1.59;
  }
}
.look__priceRow {
  margin: 0;
}
.look__item {
  --line-size: 0;
  --line-position: bottom right;
  display: inline-block;
  background-image: linear-gradient(currentcolor, currentcolor);
  background-repeat: no-repeat;
  background-position: var(--line-position);
  background-size: var(--line-size) 1px;
  transition: background-size 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (any-hover: hover) and (pointer: fine) {
  .look__item:hover {
    --line-size: 100%;
    --line-position: bottom left;
  }
}
.look__item--alert {
  color: #f00;
}
.look__sep {
  display: inline-block;
}
.look__fig {
  position: absolute;
  background: #fff;
}
.look__fig img {
  display: block;
  width: 100%;
  height: auto;
}

.look--01 {
  height: 208.3333333333cqw;
  margin-top: 38.1481481481cqw;
}
@media (width >= 960px) {
  .look--01 {
    height: 138.7262079063cqw;
    margin-top: 33.0893118594cqw;
  }
}
.look--01 .look__ttl {
  top: 0cqw;
  left: 36.1111111111cqw;
  width: 27.7777777778cqw;
}
@media (width >= 960px) {
  .look--01 .look__ttl {
    top: 0cqw;
    left: 41.21522694cqw;
    width: 17.5695461201cqw;
  }
}
.look--01 .look__price {
  top: 9.4444444444cqw;
  left: 17.962962963cqw;
  width: 64.0740740741cqw;
}
@media (width >= 960px) {
  .look--01 .look__price {
    top: 4.1727672035cqw;
    left: 29.5021961933cqw;
    width: 40.9956076135cqw;
  }
}
.look--01 .look__fig--a {
  top: 25.2777777778cqw;
  left: 10.0925925926cqw;
  width: 79.6296296296cqw;
}
@media (width >= 960px) {
  .look--01 .look__fig--a {
    top: 14.3484626647cqw;
    left: 0cqw;
    width: 50.2928257687cqw;
  }
}
.look--01 .look__fig--b {
  top: 153.6111111111cqw;
  left: 50cqw;
  width: 50cqw;
}
@media (width >= 960px) {
  .look--01 .look__fig--b {
    top: 27.3792093704cqw;
    left: 67.2767203514cqw;
    width: 32.7232796486cqw;
  }
}
.look--01 .look__fig--c {
  top: 172.962962963cqw;
  left: 13.9814814815cqw;
  width: 23.8888888889cqw;
}
@media (width >= 960px) {
  .look--01 .look__fig--c {
    top: 108.78477306cqw;
    left: 39.897510981cqw;
    width: 20.2049780381cqw;
  }
}

.look--02 {
  height: 205.3703703704cqw;
  margin-top: 57.3148148148cqw;
}
@media (width >= 960px) {
  .look--02 {
    height: 138.7994143485cqw;
    margin-top: 23.1332357247cqw;
  }
}
.look--02 .look__ttl {
  top: 0cqw;
  left: 36.1111111111cqw;
  width: 27.7777777778cqw;
}
@media (width >= 960px) {
  .look--02 .look__ttl {
    top: 0cqw;
    left: 41.21522694cqw;
    width: 17.5695461201cqw;
  }
}
.look--02 .look__price {
  top: 9.4444444444cqw;
  left: 17.962962963cqw;
  width: 64.0740740741cqw;
}
@media (width >= 960px) {
  .look--02 .look__price {
    top: 4.1727672035cqw;
    left: 29.5021961933cqw;
    width: 40.9956076135cqw;
  }
}
.look--02 .look__fig--a {
  top: 25.2777777778cqw;
  left: 10.0925925926cqw;
  width: 79.6296296296cqw;
}
@media (width >= 960px) {
  .look--02 .look__fig--a {
    top: 14.3484626647cqw;
    left: 49.7071742313cqw;
    width: 50.2928257687cqw;
  }
}
.look--02 .look__fig--b {
  top: 154.3518518519cqw;
  left: 0cqw;
  width: 50cqw;
}
@media (width >= 960px) {
  .look--02 .look__fig--b {
    top: 27.3792093704cqw;
    left: 0cqw;
    width: 32.8696925329cqw;
  }
}
.look--02 .look__fig--c {
  top: 170cqw;
  left: 63.8888888889cqw;
  width: 23.8888888889cqw;
}
@media (width >= 960px) {
  .look--02 .look__fig--c {
    top: 108.78477306cqw;
    left: 39.897510981cqw;
    width: 20.2049780381cqw;
  }
}

.look--03 {
  height: 276.3888888889cqw;
  margin-top: 61.1111111111cqw;
}
@media (width >= 960px) {
  .look--03 {
    height: 185.7979502196cqw;
    margin-top: 23.1332357247cqw;
  }
}
.look--03 .look__ttl {
  top: 0cqw;
  left: 36.1111111111cqw;
  width: 27.7777777778cqw;
}
@media (width >= 960px) {
  .look--03 .look__ttl {
    top: 0cqw;
    left: 41.21522694cqw;
    width: 17.5695461201cqw;
  }
}
.look--03 .look__price {
  top: 9.4444444444cqw;
  left: 17.962962963cqw;
  width: 64.0740740741cqw;
}
@media (width >= 960px) {
  .look--03 .look__price {
    top: 4.1727672035cqw;
    left: 29.5021961933cqw;
    width: 40.9956076135cqw;
  }
}
.look--03 .look__fig--a {
  top: 25.2777777778cqw;
  left: 0cqw;
  width: 100cqw;
}
@media (width >= 960px) {
  .look--03 .look__fig--a {
    top: 14.3484626647cqw;
    left: 18.5212298682cqw;
    width: 62.9575402635cqw;
  }
}
.look--03 .look__fig--b {
  top: 202.5925925926cqw;
  left: 25cqw;
  width: 49.8148148148cqw;
}
@media (width >= 960px) {
  .look--03 .look__fig--b {
    top: 123.0600292826cqw;
    left: 28.8433382138cqw;
    width: 42.3133235725cqw;
  }
}

.look--04 {
  height: 276.3888888889cqw;
  margin-top: 41.7592592593cqw;
}
@media (width >= 960px) {
  .look--04 {
    height: 88.4333821376cqw;
    margin-top: 33.0161054173cqw;
  }
}
.look--04 .look__ttl {
  top: 0cqw;
  left: 36.1111111111cqw;
  width: 27.7777777778cqw;
}
@media (width >= 960px) {
  .look--04 .look__ttl {
    top: 0cqw;
    left: 41.21522694cqw;
    width: 17.5695461201cqw;
  }
}
.look--04 .look__price {
  top: 9.4444444444cqw;
  left: 17.962962963cqw;
  width: 64.0740740741cqw;
}
@media (width >= 960px) {
  .look--04 .look__price {
    top: 4.1727672035cqw;
    left: 29.5021961933cqw;
    width: 40.9956076135cqw;
  }
}
.look--04 .look__fig--a {
  top: 25.2777777778cqw;
  left: 0cqw;
  width: 100cqw;
}
@media (width >= 960px) {
  .look--04 .look__fig--a {
    top: 14.4216691069cqw;
    left: 0cqw;
    width: 50cqw;
  }
}
.look--04 .look__fig--b {
  top: 202.5925925926cqw;
  left: 25cqw;
  width: 49.8148148148cqw;
}
@media (width >= 960px) {
  .look--04 .look__fig--b {
    top: 14.3484626647cqw;
    left: 50cqw;
    width: 50cqw;
  }
}

.look--05 {
  height: 230.9259259259cqw;
  margin-top: 38.2407407407cqw;
}
@media (width >= 960px) {
  .look--05 {
    height: 185.7979502196cqw;
    margin-top: 32.9428989751cqw;
  }
}
.look--05 .look__ttl {
  top: 0cqw;
  left: 36.1111111111cqw;
  width: 27.7777777778cqw;
}
@media (width >= 960px) {
  .look--05 .look__ttl {
    top: 0cqw;
    left: 41.21522694cqw;
    width: 17.5695461201cqw;
  }
}
.look--05 .look__price {
  top: 9.4444444444cqw;
  left: 17.962962963cqw;
  width: 64.0740740741cqw;
}
@media (width >= 960px) {
  .look--05 .look__price {
    top: 4.1727672035cqw;
    left: 29.5021961933cqw;
    width: 40.9956076135cqw;
  }
}
.look--05 .look__fig--a {
  top: 25.2777777778cqw;
  left: 10.1851851852cqw;
  width: 79.6296296296cqw;
}
@media (width >= 960px) {
  .look--05 .look__fig--a {
    top: 14.4216691069cqw;
    left: 18.5212298682cqw;
    width: 62.9575402635cqw;
  }
}
.look--05 .look__fig--b {
  top: 156.8518518519cqw;
  left: 25cqw;
  width: 50cqw;
}
@media (width >= 960px) {
  .look--05 .look__fig--b {
    top: 123.1332357247cqw;
    left: 28.8433382138cqw;
    width: 42.3133235725cqw;
  }
}

.look--06 {
  height: 230.9259259259cqw;
  margin-top: 38.2407407407cqw;
}
@media (width >= 960px) {
  .look--06 {
    height: 91.8740849195cqw;
    margin-top: 33.0161054173cqw;
  }
}
.look--06 .look__ttl {
  top: 0cqw;
  left: 36.1111111111cqw;
  width: 27.7777777778cqw;
}
@media (width >= 960px) {
  .look--06 .look__ttl {
    top: 0cqw;
    left: 41.21522694cqw;
    width: 17.5695461201cqw;
  }
}
.look--06 .look__price {
  top: 9.4444444444cqw;
  left: 17.962962963cqw;
  width: 64.0740740741cqw;
}
@media (width >= 960px) {
  .look--06 .look__price {
    top: 4.1727672035cqw;
    left: 29.5021961933cqw;
    width: 40.9956076135cqw;
  }
}
.look--06 .look__fig--a {
  top: 25.2777777778cqw;
  left: 10.1851851852cqw;
  width: 79.6296296296cqw;
}
@media (width >= 960px) {
  .look--06 .look__fig--a {
    top: 14.5680819912cqw;
    left: 47.7306002928cqw;
    width: 52.2693997072cqw;
  }
}
.look--06 .look__fig--b {
  top: 156.8518518519cqw;
  left: 25cqw;
  width: 50cqw;
}
@media (width >= 960px) {
  .look--06 .look__fig--b {
    top: 14.5680819912cqw;
    left: 0cqw;
    width: 52.2693997072cqw;
  }
}

.logoEnd {
  height: 1px;
  margin-top: 44.1666666667vw;
}
@media (width >= 960px) {
  .logoEnd {
    margin-top: 14.3484626647vw;
  }
}

.footer {
  position: relative;
  width: 100%;
  height: 177.7777777778cqw;
  color: #fff;
}
@media (width >= 960px) {
  .footer {
    height: 68.7408491947cqw;
  }
}
.footer__bg {
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.footer__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.footer__inr {
  position: absolute;
  inset: 0;
  text-align: center;
}
.footer__credit {
  position: absolute;
  top: 44.2592592593cqw;
  left: 0;
  width: 100%;
  font-size: 2.5925925926cqw;
  line-height: 1.71;
  letter-spacing: 0.04em;
}
.footer__credit span {
  display: block;
}
@media (width >= 960px) {
  .footer__credit {
    top: 20.0585651537cqw;
    font-size: 1.0248901903cqw;
    line-height: 1.71;
  }
}
.footer__snsblock {
  position: absolute;
  top: 131.1111111111cqw;
  left: 0;
  width: 100%;
}
@media (width >= 960px) {
  .footer__snsblock {
    top: 42.6061493411cqw;
  }
}
.footer__snsttl {
  font-size: 3.8888888889cqw;
  letter-spacing: 0.05em;
}
@media (width >= 960px) {
  .footer__snsttl {
    font-size: 1.9033674963cqw;
  }
}
.footer__sns {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 3.7962962963cqw;
  column-gap: 7.037037037cqw;
}
.footer__sns li:nth-child(2).is-show {
  animation-delay: 0.12s;
}
@media (width >= 960px) {
  .footer__sns {
    margin-top: 2.1229868228cqw;
    column-gap: 3.513909224cqw;
  }
}
.footer__sns a {
  display: flex;
  align-items: center;
  column-gap: 1.6666666667cqw;
  font-size: 2.7777777778cqw;
  letter-spacing: 0.04em;
}
@media (width >= 960px) {
  .footer__sns a {
    column-gap: 0.878477306cqw;
    font-size: 1.4641288433cqw;
  }
}
.footer__sns img {
  width: 4.8148148148cqw;
}
@media (width >= 960px) {
  .footer__sns img {
    width: 2.4890190337cqw;
  }
}
.footer__logo {
  position: absolute;
  top: 153.2407407407cqw;
  left: 40.462962963cqw;
  width: 19.0740740741cqw;
}
@media (width >= 960px) {
  .footer__logo {
    top: 54.0995607613cqw;
    left: 45.3879941435cqw;
    width: 9.8828696925cqw;
  }
}
.footer__copy {
  position: absolute;
  top: 161.7592592593cqw;
  left: 0;
  width: 100%;
  font-family: Inter, sans-serif;
  font-size: 2.5925925926cqw;
  letter-spacing: 0.05em;
}
@media (width >= 960px) {
  .footer__copy {
    top: 58.6383601757cqw;
    font-size: 1.1713030747cqw;
  }
}

@keyframes maskShow {
  0% {
    mask-position: 0 0;
  }
  100% {
    mask-position: 0 100%;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(2.4svh);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInSlide {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  30% {
    opacity: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.js-mask {
  mask-image: linear-gradient(to bottom, transparent 0%, transparent 38%, rgba(0, 0, 0, 0.5) 60%, #000 82%, #000 100%);
  mask-repeat: no-repeat;
  mask-position: 0 0;
  mask-size: 100% 500%;
  animation-duration: 3.2s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-fill-mode: both;
}
.js-mask.is-show {
  animation-name: maskShow;
}
.js-mask.is-done {
  mask-image: none;
  animation-name: none;
}

.js-fadeup {
  opacity: 0;
}
.js-fadeup.is-show {
  animation: fadeInUp 1.2s cubic-bezier(0.16, 1, 0.3, 1) both;
}

.js-lineanim .line {
  overflow: hidden;
}
.js-lineanim .line > * {
  display: block;
  opacity: 0;
  transform: translateY(100%);
}
.js-lineanim.is-show .line > * {
  animation: fadeInSlide 1.2s cubic-bezier(0.33, 1, 0.68, 1) both;
}
.js-lineanim.is-show .line:nth-child(1) > * {
  animation-delay: calc(var(--base-delay, 0s) + 0s);
}
.js-lineanim.is-show .line:nth-child(2) > * {
  animation-delay: calc(var(--base-delay, 0s) + 0.08s);
}
.js-lineanim.is-show .line:nth-child(3) > * {
  animation-delay: calc(var(--base-delay, 0s) + 0.16s);
}
.js-lineanim.is-show .line:nth-child(4) > * {
  animation-delay: calc(var(--base-delay, 0s) + 0.24s);
}
.js-lineanim.is-show .line:nth-child(5) > * {
  animation-delay: calc(var(--base-delay, 0s) + 0.32s);
}
.js-lineanim.is-show .line:nth-child(6) > * {
  animation-delay: calc(var(--base-delay, 0s) + 0.4s);
}
.js-lineanim.is-show .line:nth-child(7) > * {
  animation-delay: calc(var(--base-delay, 0s) + 0.48s);
}
.js-lineanim.is-show .line:nth-child(8) > * {
  animation-delay: calc(var(--base-delay, 0s) + 0.56s);
}

.js-txtanim {
  opacity: 0;
  overflow: hidden;
  animation-duration: 1.4s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-fill-mode: both;
}
.js-txtanim.is-show {
  animation-name: fadeInSlide;
}