.items{
  position: absolute;
  top: 0;
  left: 50%;
  width: 1600px;
  transform: translateX(-50%);
  height:100vh;
} 
.items>div{
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100vh;
}




/* 4 */
.items.item_4{
  width: 100%;
  background:#fff;
  height:100vh;
  top:100%;
  z-index:5;
  transition:top 1s;
}
.items.item_4>div{
  top:50%;
  transform: translateY(-50%);
}
.items.item_4 img{
  width:100%;
}
.items.item_4.show{
  top:0;
}





/* 3 */
#video1.about{
  top: 0;left: 0; 

}
#video1.about.out{
  position: relative;
  top:100%;
  transition:top 2s;
}
.items.item_3{
  width: 100%;
  background:#191919;
  height:100vh;
  top:100%;
}
.items.item_3>div{
  top:50%;
  transform: translateY(-50%);
}
.items.item_3 img{
  width:100%;
  position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.items.item_3.show{
  top:0;
  transition:top 2s;
}
.items.item_3._show{
  
  transition:top 0.5s;
}
.items.item_3.out{
  top:100%;
  transition:top 1s;
}
/* .items.item_3>div{
  top:102px
} */




/* 2 */
.items.item_2{
  width: 1600px;

}
.items.item_2 img{
  width:100%;
    position: absolute;
    top: 50%;
    transform: translateY(-55%);
}
.items.item_2>div{
  transform: translateY(50px);
  opacity: 0;
  transition:all 1s;
}
.items.item_2>div.show{
  transform: translateY(0);
  opacity: 1;
}

.items.item_2>div:nth-child(1){transition-delay: 0;}
.items.item_2>div:nth-child(2){transition-delay: .5s;}
.items.item_2>div:nth-child(3){transition-delay: 1s;}







/* 1 */
.items.item_1{
  height:17px;
}
.items.item_1>div:nth-child(1){
  width: 1600px;
  height:17px;
  overflow: hidden;
  width:550px;
  height: 100vh;
}
.items.item_1>div:nth-child(1).show{
  width:1600px;
  transition:width ease-in-out 3s;
}
.items.item_1>div:nth-child(1)>div{ 
    width: 1600px;
    position:absolute;
    top: 50%;
    transform: translateY(-50px);
    left:0;
    background-image: url(/resources/image/about/01_ABOUT_TEXT_01.png);
    background-size:auto;
    background-repeat: no-repeat;
    background-position:center top;
    height:17px;
}
.items.item_1>div:nth-child(1).show.out{
  width:1600px;
  transition:top linear .5s;
  top:-145px;
}

.item_1>div:nth-child(2){
  transform: translateY(50px);
  opacity: 0;
  transition:all linear .5s;
}
.item_1>div:nth-child(2)>img{
    position: absolute;
	width:100%;
      top: 50%;
    transform: translateY(-50%);
}
.item_1>div:nth-child(2).show{
  transform: translateY(0);
  opacity: 1;
  top:0;
  transition:all 2s;
  height:100vh;
}
.item_1>div:nth-child(2).out{
  transform: translateY(-100px);
  opacity: 0;
  transition:all linear .5s;
}



@media screen and (max-width: 1600px) {
  
  .items{ width: 1600px;left :0;transform: translateX(0); }
  .items>div{ width: 1600px; }



}

@media screen and (min-width: 2314px) {
.items.item_4 img{  
    width: 2314px;
    display: block;
    margin: auto;
}



}