@charset "UTF-8";
.order2 .order2_theorys_01 {
  position: absolute;
  top: 20%;
  right: 0;
  width: 87%;
}
.order2 .order2_theorys_02 {
  position: absolute;
  top: 26.6%;
  right: 0;
  width: 87%;
}
.order2 .order2_theorys_03 {
  position: absolute;
  top: 33%;
  right: 0;
  width: 87%;
}
.order2 .order2_theorys {
  position: absolute;
  top: 20%;
  left: 3%;
  width: 16%;
}
.order2 .order2_theorys_txt_01 {
  position: absolute;
  top: 38%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 90%;
}
.order2 .order2_theorys_txt_02 {
  position: absolute;
  top: 51%;
  right: 5%;
  width: 44%;
}
.order2 .order2_theorys_txt_02 {
  -webkit-transition: -webkit-transform 0.8s ease-in-out 0.3s;
  transition: -webkit-transform 0.8s ease-in-out 0.3s;
  transition: transform 0.8s ease-in-out 0.3s;
  transition: transform 0.8s ease-in-out 0.3s, -webkit-transform 0.8s ease-in-out 0.3s;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.order2 .order2_theorys_txt_02.move {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
  -webkit-animation: scaleBack 0.3s forwards 0.8s;
          animation: scaleBack 0.3s forwards 0.8s; /* 1.3から1に戻るアニメーション */
}
@-webkit-keyframes scaleBack {
  from {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scaleBack {
  from {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.order2 .order2_slider {
  position: absolute;
  top: 69%;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 17%;
}
.order2 .order2_slider .slick-list {
  max-height: 100%;
  height: 100%;
  overflow: visible;
}
.order2 .order2_slider .slick-list .slick-track {
  max-height: 100%;
  height: 100%;
}
.order2 .order2_slider .slide-arrow {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}
.order2 .order2_slider .slide-arrow:hover {
  cursor: pointer;
}
.order2 .order2_slider .slide-arrow.prev-arrow {
  left: 10%;
  width: 8%;
}
.order2 .order2_slider .slide-arrow.next-arrow {
  right: 10%;
  width: 8%;
}
.order2 .order2_slider .order2_slider_img {
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.order2 .order2_slider .slick-dots {
  bottom: -40px;
}
.order2 .order2_slider .slick-dots li button {
  background-color: #fff;
  border: 1px solid #4D4D4D;
  border-radius: 50%;
}
.order2 .order2_slider .slick-dots li button::before {
  font-size: 0;
}
.order2 .order2_slider .slick-dots li.slick-active button {
  background-color: #4D4D4D;
}
.order2 .order2_autoSlider {
  position: absolute;
  bottom: 1%;
  -webkit-animation: logo 10s infinite linear 0.5s;
          animation: logo 10s infinite linear 0.5s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 2%;
}
.order2 .order2_autoSlider img {
  width: 170%;
  -o-object-fit: contain;
     object-fit: contain;
}
@-webkit-keyframes logo {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes logo {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes logo_reverse {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}
@keyframes logo_reverse {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}