@charset "UTF-8";

.next .effect.fade_bottom {
  transition:0.7s ease 0.6s;
  transition-property: opacity,transform;
  opacity:0;
  transform:translateY(.5rem);
}
.next .effect.animated.fade_bottom {
  opacity:1;
  transform:translateX(0);
}


.index .main_box.effect .main_slide::before{
  content: " ";
  width:120%;
  height:110%;
  display: block;
  background: #fff;
  position:absolute;
  top:0;
  right:-10%;
  bottom:0; 
  z-index:9999;
  transition:1s cubic-bezier(1, 0.21, 0.01, 0.99);
  transition-property: width;
}
.index .main_box.effect.animated .main_slide::before{
  width:0%;
}

.index .main_box.effect .slick-dots{
  transition:0.5s ease 2s;
  transition-property: opacity,transform;
  transform:translateX(-20px);
  opacity:0;
}
.index .main_box.effect.animated .slick-dots{
    transform:translateX(0);
    opacity:1;
}

.index .main_box.effect .main_slide{
  transition:1.3s cubic-bezier(0.68, 0.18, 0.25, 1);
  transform:scale(1.1,1.1);
  transition-property: transform;

}
.index .main_box.effect.animated .main_slide{
  transform:scale(1,1);

}

.index .main_box.effect h2{
  transition:1.2s ease 1s;
  transition-property: opacity,transform;
  opacity:0;
}
.index .main_box.effect.animated h2{
  opacity:1;
}
.index .main_box.effect .text_box p{
  transition:1.2s ease 1s;
  transition-property: opacity,transform;
  opacity:0;
}
.index .main_box.effect.animated .text_box p{
  opacity:1;
}

.index .comment_box.effect .loop_box::before{
  transition:1.2s ease 0.5s;
  transition-property: opacity,top;
  top:-1.2rem;
  opacity:0;
}
.index .comment_box.effect.animated .loop_box::before{
  top:-3.2rem;
  opacity:1;
}
.index .comment_box.effect .title{
  transition:1.2s ease 0.5s;
  transition-property: opacity,transform;
  opacity:0;
}
.index .comment_box.effect.animated .title{
  opacity:1;
}
.index .comment_box.effect .text_box p{
  transition:1.2s ease 0.8s;
  transition-property: opacity,transform;
  opacity:0;
}
.index .comment_box.effect.animated .text_box p{
  opacity:1;
}


.index .about_box .image_box.effect {
  transition:0.8s ease 0.5s;
  transition-property: opacity,transform;
  transform:translateX(30px);
  opacity:0;
}
.index .about_box .image_box.effect.animated {
  transform:translateX(0);
  opacity:1;
}
.index .about_box .text_box.effect {
  transition:0.8s ease 0.8s;
  transition-property: opacity,transform;
  transform:translateX(-30px);
  opacity:0;
}
.index .about_box .text_box.effect.animated {
  transform:translateX(0);
  opacity:1;
}


.index .company_box .hd_box.effect {
  transition:0.8s ease 0.5s;
  transition-property: opacity,transform;
  transform:translateX(30px);
  opacity:0;
}
.index .company_box .hd_box.effect.animated {
  transform:translateX(0);
  opacity:1;
}
.index .company_box.effect::before{
  transition:0.8s ease 0.5s;
  transition-property: opacity,top;
  top:3rem;
  opacity:0;
}
.index .company_box.effect.animated::before {
  top:-.8rem;
  opacity:1;
}

.index .company_box li.effect{
  transition:0.8s ease 0.5s;
  transition-property: opacity,transform;
  transform:translateX(50px);
  opacity:0;
}
.index .company_box li.effect.animated {
  transform:translateX(0);
  opacity:1;
}


.index .staff_box .hd_box.effect {
  transition:0.8s ease 0.5s;
  transition-property: opacity,transform;
  transform:translateX(30px);
  opacity:0;
}
.index .staff_box .hd_box.effect.animated {
  transform:translateX(0);
  opacity:1;
}
.index .staff_box.effect::before{
  transition:0.8s ease 0.5s;
  transition-property: opacity,top;
  top: 2.8rem;
  opacity:0;
}
.index .staff_box.effect.animated::before {
  top:-.8rem;
  opacity:1;
}

.index .staff_box .list_box li.effect{
  transition:0.8s ease 0.5s;
  transition-property: opacity,transform;
  transform:translateX(50px);
  opacity:0;
}
.index .staff_box .list_box li.effect.animated {
  transform:translateX(0);
  opacity:1;
}

.index .staff_box .list_box.effect::before{
  transition:0.8s ease 0.5s;
  transition-property: width;
  width:0;
}
.index .staff_box .list_box.effect.animated::before {
  width: 2.94rem;
}




.index .intern_box .image_box.effect {
  transition:0.8s ease 0.5s;
  transition-property: opacity,transform;
  transform:translateX(30px);
  opacity:0;
}
.index .intern_box .image_box.effect.animated {
  transform:translateX(0);
  opacity:1;
}
.index .intern_box h3.effect {
  transition:0.8s ease 0.8s;
  transition-property: opacity,transform;
  transform:translateX(-30px);
  opacity:0;
}
.index .intern_box h3.effect.animated {
  transform:translateX(0);
  opacity:1;
}
.index .intern_box .text_box.effect {
  transition:0.8s ease 0.8s;
  transition-property: opacity,transform;
  transform:translateX(-30px);
  opacity:0;
}
.index .intern_box .text_box.effect.animated {
  transform:translateX(0);
  opacity:1;
}


.next.history .effect{
  transition:1s cubic-bezier(0.03, 0.83, 0.57, 1.01) .5s;
  transition-property:opacity,text-shadow,letter-spacing;
  transition-duration:1.5s,1.5s,1.5s ;
  opacity:0;
  letter-spacing: .3em !important;
  text-shadow: .3rem 0 .05em rgba(255,255,255,.5),-.3rem 0 .05rem rgba(255,255,255,.8);
}
.next.history .effect.animated{
  opacity:1;
  letter-spacing: 0.25em !important;
  text-shadow: 0 0 0 rgba(255,255,255,0) ,0 0 0 rgba(255,255,255,0);
}
.next.history .large.effect{
  letter-spacing: 0.09em !important;
}
.next.history .large.effect.animated{
  letter-spacing: 0.05em !important;
}


.next.interview .list_box li.effect{
  transition:0.8s ease 0.5s;
  transition-property: opacity,transform;
  transform:translateX(50px);
  opacity:0;
}
.next.interview .list_box li.effect.animated {
  transform:translateX(0);
  opacity:1;
}

.next.interview .list_box.effect::before{
  transition:0.8s ease 0.5s;
  transition-property: width;
  width:0;
}
.next.interview .list_box.effect.animated::before {
  width:2.94rem;
}


.next.products .info_box.effect::before{
  transition:0.8s ease 0.5s;
  transition-property: width;
  width:0 !important
}
.next.products .info_box.effect.animated::before{
  width:107vw !important;
}



.next.products .info_box.effect::before{
  transition:0.8s ease 1s;
  transition-property: width,min-width;
  width:0 !important;
  min-width: 0 !important;
}
.next.products .info_box.effect.animated::before{
  width:120vw !important;
  min-width: 1500px !important;
}

.next.products .info_box.effect .image{
  transition:0.8s ease 0.5s;
  transition-property: opacity,transform;
  opacity:0;
  transform:translateX(.5rem);
}
.next.products .info_box.effect.animated .image{
  opacity:1;
  transform:translateX(0);
}
.next.products .info_box.effect .text_box{
  transition:0.7s ease 0.6s;
  transition-property: opacity,transform;
  opacity:0;
  transform:translateX(.5rem);
}
.next.products .info_box.effect.animated .text_box{
  opacity:1;
  transform:translateX(0);
}

.next.products .place_box.effect {
  transition:0.7s ease 0.6s;
  transition-property: opacity,transform;
  opacity:0;
  transform:translateY(.5rem);
}
.next.products .place_box.effect.animated {
  opacity:1;
  transform:translateX(0);
}