@charset "UTF-8";

.lp_wrap .bb2_1_1 {
  width: 100%;
  max-width:750px;
  overflow: hidden;
}
.lp_wrap .bb2_1_1 .slider_wrap {
  overflow: hidden;
  z-index: 3333;
}
.lp_wrap .bb2_1_1 .slider_wrap .slider{
  position: absolute;
  top: -1%;
  left: 0%;
  width: 250%;
  z-index: 5555;
}
.lp_wrap .bb2_1_1 .bb2_kakure {
  position: absolute;
  top: 18%;
  left: 50%;
  width: 29.46667%;
  max-width: 221px;
}
.lp_wrap .bb2_1_1 .bb2_kakure.trigger {
transition-duration: 1s;
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  /* clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); */
}
.lp_wrap .bb2_1_1 .bb2_kakure.trigger.move {
  /* clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); */
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.lp_wrap .bb2_1_1 .bb2_kakure.trigger img {
transition-duration: 1s;
  opacity: 1;
}
.lp_wrap .bb2_1_1 .bb2_kakure.trigger.move img {
  opacity: 1;
}
.lp_wrap .bb2_1_1 .bb2_toge {
  position: absolute;
  top: 75%;
  left: 5%;
  width: 26.6667%;
  max-width: 200px;
}
.lp_wrap .bb2_1_1 .bb2_toge .cycle {
  animation:10s linear infinite guruguru;
}
@keyframes guruguru{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
.lp_wrap .bb2_1_1 .bb2_toge.trigger {
  transition: 0.6s;
  transform: scale(0);
}
.lp_wrap .bb2_1_1 .bb2_toge.trigger.move {
  transform: scale(1);
}
.lp_wrap .bb2_1_1 .bb2_toge_jitua {
  position: absolute;
  top: 40%;
  left: 34.5%;
  width: 33.5%;
}