@charset "UTF-8";

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

.lp_wrap .bb3_1_1 .slider_wrap {
  overflow: hidden;
  z-index: 3333;
}
.lp_wrap .bb3_1_1 .slider_wrap {
  position: absolute;
  top: 45%;
  left: 0%;
  width: 280%;
  overflow: hidden;
}

.lp_wrap .bb3_1_1 .bb3_point01{
  position: absolute;
  top: 53%;
  left: 7%;
  width: 25.3334%;
  max-width: 190px;
  z-index: 5555;
}

/* 1文字ずつ表示*/
.lp_wrap .bb3_1_1 .bb3_t li{
    position: absolute;
    opacity: 0;
}
.lp_wrap .bb3_1_1 .bb3_t li:nth-of-type(1) {
  top: 17%;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 85.73334%;
  max-width: 643px;
  transition: 0.5s;
}
.lp_wrap .bb3_1_1 .bb3_t li:nth-of-type(2) {
  top: 17%;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 85.73334%;
  max-width: 643px;
  transition: 0.5s 0.2s;
}
.lp_wrap .bb3_1_1 .bb3_t li:nth-of-type(3) {
  top: 17%;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 85.73334%;
  max-width: 643px;
  transition: 0.5s 0.4s;
}
.lp_wrap .bb3_1_1 .bb3_t li:nth-of-type(4) {
  top: 17%;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 85.73334%;
  max-width: 643px;
  transition: 0.5s 0.6s;
}
.lp_wrap .bb3_1_1 .bb3_t li:nth-of-type(5) {
  top: 17%;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 85.73334%;
  max-width: 643px;
  transition: 0.5s 0.8s;
}
.lp_wrap .bb3_1_1 .bb3_t li:nth-of-type(6) {
  top: 17%;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 85.73334%;
  max-width: 643px;
  transition: 0.5s 1s;
}
.lp_wrap .bb3_1_1 .bb3_t li:nth-of-type(7) {
  top: 17%;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 85.73334%;
  max-width: 643px;
  transition: 0.5s 1.2s;
}
.lp_wrap .bb3_1_1 .bb3_t li:nth-of-type(8) {
  top: 17%;
  left: 0%;
  right: 0%;
  margin: auto;
  width: 85.73334%;
  max-width: 643px;
  transition: 0.5s 1.4s;
}
.lp_wrap .bb3_1_1.trigger.move ul li {
    opacity: 1;
}



.lp_wrap .bb3_1_1 .bb3_p1_33 {
    position: absolute;
    top: 63%;
    left: 7%;
    width: 45.86667%;
    max-width: 344px;
    z-index:5555;
}
.lp_wrap .bb3_1_1 .bb3_p1_33.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 .bb3_1_1 .bb3_p1_33.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 .bb3_1_1 .bb3_p1_33.trigger img {
  transition-duration: 1s;
    opacity: 1;
}
.lp_wrap .bb3_1_1 .bb3_p1_33.trigger.move img {
    opacity: 1;
}



.lp_wrap .bb3_1_1 .bb3_p1_eiyou {
    position: absolute;
    top: 90%;
    left: 7%;
    width: 83.2%;
    max-width: 624px;
    z-index:5555;
}
.lp_wrap .bb3_1_1 .bb3_p1_eiyou.trigger {
  transition-duration: 1s;
  transition-delay: 0.2s;
    /* clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%); */
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
.lp_wrap .bb3_1_1 .bb3_p1_eiyou.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 .bb3_1_1 .bb3_p1_eiyou.trigger img {
  transition-duration: 1s;
  transition-delay: 0.2s;
    opacity: 1;
}
.lp_wrap .bb3_1_1 .bb3_p1_eiyou.trigger.move img {
    opacity: 1;
}