img {
  width: 100%;
  height: auto;
}

.kicks {
  overflow-x: hidden;
}
.kicks .sec-in {
  max-width: 61.4286vw;
  margin-inline: auto;
}
.kicks .cv__tit {
  width: 39.2857vw;
  margin-inline: auto;
  margin-bottom: 2.1429vw;
}
.kicks .cv__area {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.4286vw;
  max-width: 70vw;
  margin-inline: auto;
}
.kicks .cv__area > a {
  transition: 0.3s;
}
.kicks .cv__area > a:hover {
  opacity: 0.7;
}
.kicks .cv-block__inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.4286vw;
  max-width: 70vw;
}
.kicks .cv-block__inner a {
  transition: 0.3s;
}
.kicks .cv-block__inner a:hover {
  opacity: 0.7;
}
.kicks .float-bottom-conversion {
  height: 7.8571vw;
}
.kicks .footnote {
  background-color: #2e2e2e;
  padding-block: 2.8571vw;
  color: #fff;
}
.kicks .secHero {
  position: relative;
  background: url(../img/hero_bg.png) no-repeat top center/100% auto;
  z-index: 1;
}
.kicks .secHero__deco {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.kicks .secHero__cv {
  margin-top: -3.5714vw;
}
.kicks .secHero__intro {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 35.7143vw;
  align-items: center;
  margin-top: 7.1429vw;
  max-width: 100vw;
  margin-inline: auto;
}
.kicks .secHero__intro--txt {
  position: relative;
  left: -6.0714vw;
}
.kicks .secHero__intro--scroll {
  position: absolute;
  bottom: -3.2143vw;
  left: calc(50% + 22.8571vw);
  width: 7.1429vw;
}
.kicks .secPoint {
  padding-top: 10.7143vw;
}
.kicks .secPoint__box + .secPoint__box {
  margin-top: 12.8571vw;
}
.kicks .secPoint__box._01 .secPoint__mainv--tit {
  width: 63.2857vw;
}
.kicks .secPoint__box._01 .secPoint__cnt--box:nth-child(1) .secPoint__cnt--tit {
  width: 39.4286vw;
}
.kicks .secPoint__box._01 .secPoint__cnt--box:nth-child(2) .secPoint__cnt--tit {
  width: 60.2143vw;
}
.kicks .secPoint__box._01 .secPoint__cnt--box:nth-child(3) .secPoint__cnt--tit {
  width: 42.8571vw;
}
.kicks .secPoint__box._02 .secPoint__mainv--tit {
  width: 47.1429vw;
}
.kicks .secPoint__box._02 .secPoint__cnt--box:nth-child(1) .secPoint__cnt--tit {
  width: 40.7143vw;
  margin-top: 4.2857vw;
}
.kicks .secPoint__box._02 .secPoint__cnt--box:nth-child(1) .secPoint__cnt--voice:nth-of-type(1) {
  padding-top: 0;
}
.kicks .secPoint__box._03 .secPoint__mainv--tit {
  width: 37.1429vw;
}
.kicks .secPoint__box._03 .secPoint__cnt--box:nth-child(1) .secPoint__cnt--tit {
  width: 38.7143vw;
}
.kicks .secPoint__box._03 .secPoint__cnt--box:nth-child(2) .secPoint__cnt--tit {
  width: 47.1429vw;
}
.kicks .secPoint__mainv {
  position: relative;
  background: url(../img/point_bg.png) no-repeat top center/cover;
  padding-block: 5vw;
}
.kicks .secPoint__mainv--num {
  position: absolute;
  top: -5.7143vw;
  left: calc(50% - 35.7143vw);
  width: 100%;
  height: 11.4286vw;
}
.kicks .secPoint__mainv--num img {
  width: auto;
  height: 100%;
}
.kicks .secPoint__mainv--tit {
  margin-inline: auto;
}
.kicks .secPoint__intro {
  max-width: 100vw;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 35.7143vw;
  align-items: center;
  gap: 3.5714vw;
  padding-block: 3.5714vw;
  padding-inline: 0 15vw;
}
.kicks .secPoint__intro:has(.secPoint__intro--img:only-child) {
  display: block;
  padding-inline: 0;
}
.kicks .secPoint__intro:has(.secPoint__intro--img:only-child) .secPoint__intro--img {
  width: 62.5vw;
  margin-inline: auto;
}
.kicks .secPoint__cnt {
  background: #3341A6;
  padding-block: 5vw 14.2857vw;
  color: #fff;
}
.kicks .secPoint__cnt--box + .secPoint__cnt--box {
  margin-top: 4.2857vw;
}
.kicks .secPoint__cnt--tit {
  margin-inline: auto;
}
.kicks .secPoint__cnt--img {
  margin-top: 3.5714vw;
}
.kicks .secPoint__cnt--img:has(.img) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5714vw;
}
.kicks .secPoint__cnt--img:has(.img) .note {
  display: block;
  font-size: 1.1429vw;
  margin-top: 0.5vw;
}
.kicks .secPoint__cnt--img:has(.img) .note .small {
  display: block;
  font-size: 0.9286vw;
  margin-top: 0.8571vw;
}
.kicks .secPoint__cnt--img > a {
  transition: 0.3s;
}
.kicks .secPoint__cnt--img > a:hover {
  opacity: 0.7;
}
.kicks .secPoint__cnt--slide {
  position: relative;
  margin-top: 3.5714vw;
}
.kicks .secPoint__cnt--slide.-colorSlide {
  margin-top: 5.7143vw;
}
.kicks .secPoint__cnt--slide.-colorSlide .swiper {
  margin-top: 3.5714vw;
}
.kicks .secPoint__cnt--slide.-colorSlide .swiper-button-next,
.kicks .secPoint__cnt--slide.-colorSlide .swiper-button-prev {
  top: 58%;
  background: none;
  width: 3.1429vw;
  height: 3.1429vw;
  border-radius: 0;
}
.kicks .secPoint__cnt--slide.-colorSlide .swiper-button-next::after,
.kicks .secPoint__cnt--slide.-colorSlide .swiper-button-prev::after {
  width: 70%;
  height: 70%;
  border-width: 0.2143vw;
}
.kicks .secPoint__cnt--slide.-colorSlide .swiper-button-next {
  right: -5vw;
}
.kicks .secPoint__cnt--slide.-colorSlide .swiper-button-prev {
  left: -5vw;
}
.kicks .secPoint__cnt--slide.-colorSlide .swiper-pagination {
  position: absolute;
  top: -2.1429vw;
  bottom: auto;
  left: 50%;
  z-index: 5;
  display: flex;
  justify-content: center;
  gap: 1.4286vw;
  width: auto;
  transform: translateX(-50%);
}
.kicks .secPoint__cnt--slide.-colorSlide .swiper-pagination-bullet {
  position: relative;
  width: 2.5vw;
  height: 2.5vw;
  background: var(--color-main);
  background-clip: padding-box;
  border: 0.0714vw solid transparent;
  border-radius: 50%;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  line-height: 1;
  opacity: 1;
  overflow: hidden;
  transition: 0.3s;
  cursor: pointer;
}
.kicks .secPoint__cnt--slide.-colorSlide .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  inset: 0 0 50%;
  background: var(--color-sub, var(--color-main));
}
.kicks .secPoint__cnt--slide.-colorSlide .swiper-pagination-bullet.swiper-pagination-bullet-active {
  border-color: #B8B8B8;
}
.kicks .secPoint__cnt--slide .swiper-button-next,
.kicks .secPoint__cnt--slide .swiper-button-prev {
  background: linear-gradient(120deg, rgb(46, 180, 189) 0%, rgb(38, 152, 189) 100%);
  border-radius: 100vmax;
  width: 3.5714vw;
  height: 3.5714vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
.kicks .secPoint__cnt--slide .swiper-button-next::after,
.kicks .secPoint__cnt--slide .swiper-button-prev::after {
  content: "";
  position: relative;
  left: -0.2143vw;
  width: 25%;
  height: 25%;
  border-right: 0.1429vw solid #fff;
  border-bottom: 0.1429vw solid #fff;
  rotate: -45deg;
}
.kicks .secPoint__cnt--slide .swiper-button-next::slotted(svg), .kicks .secPoint__cnt--slide .swiper-button-next svg,
.kicks .secPoint__cnt--slide .swiper-button-prev::slotted(svg),
.kicks .secPoint__cnt--slide .swiper-button-prev svg {
  display: none;
}
.kicks .secPoint__cnt--slide .swiper-button-next {
  right: -2.8571vw;
}
.kicks .secPoint__cnt--slide .swiper-button-prev {
  left: -2.8571vw;
}
.kicks .secPoint__cnt--slide .swiper-button-prev::after {
  rotate: 135deg;
  left: 0.2143vw;
}
.kicks .secPoint__cnt--slide .colorSlide__caption {
  text-align: center;
  margin-top: 1.1429vw;
  font-size: 1.1429vw;
  font-weight: 700;
  line-height: 1.7;
}
.kicks .secPoint__cnt--slide .colorSlide__grade {
  display: block;
}
.kicks .secPoint__cnt--voice {
  display: grid;
  grid-template-columns: 8vw 1fr;
  gap: 1.7857vw;
  align-items: center;
  color: #fff;
  padding-block: 2.5vw 5vw;
  border-bottom: 0.0714vw solid #fff;
  padding-inline: 2.8571vw;
}
.kicks .secPoint__cnt--voice.-borderless {
  border: none;
  padding-bottom: 0;
}
.kicks .secPoint__cnt--txt {
  font-size: 1vw;
  line-height: 1.8;
}
.kicks .secPoint__cnt--txt .strong {
  display: block;
  font-weight: bold;
  margin-top: 0.3571vw;
}
.kicks .secPoint__cnt--note {
  font-size: 0.8571vw;
  margin-top: 2.8571vw;
}
.kicks .secPoint__cv {
  margin-top: -8.5714vw;
}
.kicks .secGrade {
  padding-block: 7.1429vw 0;
}
.kicks .secGrade__inner {
  max-width: 62.8571vw;
  margin-inline: auto;
}
.kicks .secGrade__tit {
  width: 32.1429vw;
  margin-inline: auto;
}
.kicks .secGrade__list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 2.8571vw;
  padding-block: 1.4286vw;
  gap: 12.8571vw;
}
.kicks .secGrade__list::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 0.0714vw;
  height: 100%;
  background: #D9D9D9;
}
.kicks .secGrade__items--info {
  text-align: center;
  font-weight: bold;
  font-size: 1vw;
}
.kicks .secGrade__items--price {
  font-size: 1.4286vw;
  margin-top: 1.0714vw;
  line-height: 1;
}
.kicks .secGrade__items--price .num {
  font-size: 3.2857vw;
  display: block;
  margin-top: 0.7143vw;
}
.kicks .secGrade__items--price .num .small {
  font-size: 1.8571vw;
  margin-left: 0.3571vw;
}
.kicks .secGrade__items--note {
  font-size: 1vw;
  margin-top: 1.4286vw;
}
.kicks .secGrade__cv {
  margin-top: 7.1429vw;
}
.kicks .secGrade__bg {
  position: relative;
  z-index: -1;
  margin-top: -3.5714vw;
}/*# sourceMappingURL=index_tb.css.map */