@charset "UTF-8";

.lp_wrap .bb4_3 {
  width: 100%;
  max-width:750px;
}

.lp_wrap .bb4_3 .movie1 {
  position: absolute;
  top: 3.75%;
  left: 32.4%;
  width: 56%;
  overflow: hidden;
  clip-path: circle(50% at 50% 50%);
}
.lp_wrap .bb4_3 .bb4_uv1_b {
  position: absolute;
  top: 10%;
  left: 12.6%;
  width: 39.0666%;
  z-index:5555;
}
.lp_wrap .bb4_3 .bb4_uv1_b.trigger {
  transition-duration: 0.5s;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.lp_wrap .bb4_3 .bb4_uv1_b.trigger.move {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.lp_wrap .bb4_3 .bb4_uv1_b.trigger img {
  transition-duration: 0.5s;
  opacity: 1;
}
.lp_wrap .bb4_3 .bb4_uv1_b.trigger.move img {
  opacity: 1;
}

.lp_wrap .bb4_3 .bb4_uv1 {
  position: absolute;
  top: 10%;
  left: 12.6%;
  width: 39.0666%;
  z-index:5555;
}
.lp_wrap .bb4_3 .bb4_uv1.trigger {
  transition-duration: 0.5s;
  transition-delay: 0.2s;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.lp_wrap .bb4_3 .bb4_uv1.trigger.move {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.lp_wrap .bb4_3 .bb4_uv1.trigger img {
  transition-duration: 0.5s;
  transition-delay: 0.2s;
  opacity: 1;
}
.lp_wrap .bb4_3 .bb4_uv1.trigger.move img {
  opacity: 1;
}




.lp_wrap .bb4_3 .movie2 {
  position: absolute;
  top: 37.27%;
  left: 11.6%;
  width: 56%;
  overflow: hidden;
  clip-path: circle(50% at 50% 50%);
}
.lp_wrap .bb4_3 .bb4_uv2_b {
  position: absolute;
  top: 43.56%;
  left: 50.4%;
  width: 36.9333%;
  z-index:5555;
}
.lp_wrap .bb4_3 .bb4_uv2_b.trigger {
  transition-duration: 0.5s;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.lp_wrap .bb4_3 .bb4_uv2_b.trigger.move {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.lp_wrap .bb4_3 .bb4_uv2_b.trigger img {
  transition-duration: 0.5s;
  opacity: 1;
}
.lp_wrap .bb4_3 .bb4_uv2_b.trigger.move img {
  opacity: 1;
}

.lp_wrap .bb4_3 .bb4_uv2 {
  position: absolute;
  top: 43.56%;
  left: 50.4%;
  width: 36.9333%;
  z-index:5555;
}
.lp_wrap .bb4_3 .bb4_uv2.trigger {
  transition-duration: 0.5s;
  transition-delay: 0.2s;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.lp_wrap .bb4_3 .bb4_uv2.trigger.move {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.lp_wrap .bb4_3 .bb4_uv2.trigger img {
  transition-duration: 0.5s;
  transition-delay: 0.2s;
  opacity: 1;
}
.lp_wrap .bb4_3 .bb4_uv2.trigger.move img {
  opacity: 1;
}




.lp_wrap .bb4_3 .movie3 {
  position: absolute;
  top: 68.97%;
  left: 32.4%;
  width: 56%;
  overflow: hidden;
  clip-path: circle(50% at 50% 50%);
}
.lp_wrap .bb4_3 .bb4_uv3_b {
  position: absolute;
  top: 75.26%;
  left: 12.6%;
  width: 32.8%;
  z-index:5555;
}
.lp_wrap .bb4_3 .bb4_uv3_b.trigger {
  transition-duration: 0.5s;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.lp_wrap .bb4_3 .bb4_uv3_b.trigger.move {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.lp_wrap .bb4_3 .bb4_uv3_b.trigger img {
  transition-duration: 0.5s;
  opacity: 1;
}
.lp_wrap .bb4_3 .bb4_uv3_b.trigger.move img {
  opacity: 1;
}

.lp_wrap .bb4_3 .bb4_uv3 {
  position: absolute;
  top: 75.26%;
  left: 12.6%;
  width: 32.8%;
  z-index:5555;
}
.lp_wrap .bb4_3 .bb4_uv3.trigger {
  transition-duration: 0.5s;
  transition-delay: 0.2s;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.lp_wrap .bb4_3 .bb4_uv3.trigger.move {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.lp_wrap .bb4_3 .bb4_uv3.trigger img {
  transition-duration: 0.5s;
  transition-delay: 0.2s;
  opacity: 1;
}
.lp_wrap .bb4_3 .bb4_uv3.trigger.move img {
  opacity: 1;
}