/* -----------------------
  cv
----------------------- */
.cv {
  background: url(../img/cv_bg.png) no-repeat center top / 100%, #5DCCC9;
}
.cv_shoes{
  position: absolute;
  bottom: 0;
  z-index: 1;
}
.cv_in li{
  position: absolute;
  top: min(calc(545 / 960 * 100vw), 545px);
  z-index: 0;
  width: min(calc(133 / 960 * 100vw), 133px);
}

.cv_in li:nth-child(1){
  top: min(calc(535 / 960 * 100vw), 535px);
  left: min(calc(50 / 960 * 100vw), 50px);
}

.cv_in li:nth-child(2){
  left: min(calc(365 / 960 * 100vw), 365px);
}

.cv_in li:nth-child(3){
  right: min(calc(150 / 960 * 100vw), 150px);
}

.cv_top{
  position: relative;
  margin-bottom: min(calc(659 / 960 * 100vw), 659px);
}

.tab-container {
  width: min(calc(842 / 960 * 100vw), 842px);
  margin: 0 auto;
}

.tab-buttons {
  display: flex;
  align-items: flex-end;
  gap: min(calc(5 / 960 * 100vw), 5px);
}

.tab-buttons .tab-button{
  width: min(calc(277/ 960 * 100vw),277px);
  cursor: pointer;
  height: auto;
}

.tab-content {
  display: none;
}

.tab-content.active {
  display: block;
}

.tab-content img{
  width: min(calc(842 / 960 * 100vw),842px);
}
.tab1{
  background: url(../img/cv06_bg.png) no-repeat center top / cover;
}
.tab2{
  background: url(../img/cv04_bg.png) no-repeat center top / cover;
}
.tab3{
  background: url(../img/cv02_bg.png) no-repeat center top / cover;
}
.cv_price .cv_pop {
  position: absolute;
  top: min(calc(86 / 960 * 100vw), 86px);
  right: max(calc(-28 / 960 * 100vw), -28px);
  width: min(calc(248 / 960 * 100vw), 248px);
}
.tab1 .cv_price .cv_pop{
  top: min(calc(90 / 960 * 100vw), 90px);
}
.tab3 .cv_price .cv_pop{
  top: max(calc(-40 / 960 * 100vw), -40px);
  right: max(calc(-10 / 960 * 100vw), -10px);
  width: min(calc(202 / 960 * 100vw), 202px);
}
.tab3 .cv_btn{
  padding-bottom: min(calc(12 / 960 * 100vw), 12px);

}
.cv_btn a{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: min(calc(781 / 960 * 100vw), 781px);
  animation: pulseScale 1.8s ease-in-out infinite;
}

@keyframes pulseScale {
  0% {
    transform: translateX(-50%) scale(1);
  }
  50% {
    transform: translateX(-50%) scale(1.05);
  }
  100% {
    transform: translateX(-50%) scale(1);
  }
}



.cv_in li:nth-child(1).scaleUp.move {
  transition-delay: 0s;
}
.cv_in li:nth-child(2).scaleUp.move {
  transition-delay: 0.5s;
}
.cv_in li:nth-child(3).scaleUp.move {
  transition-delay: 1.0s;
}