@media screen and (max-width: 430px) {
   /* ウィンドウ幅スマホ用430px以下指定 */
.movie {width:100%; height: 100vh; margin:0;}		
.movie img {width:100%; height: 100%; object-fit:cover; object-position: 50% 50%; font-family: 'object-fit:cover; object-position: 50% 50%'; /*IE対策*/}
	
.slide01{width:70%; height:75vh; left:15%; bottom:10vh; padding:0% 0%; z-index:5; text-align:center;}	
.slide01 img {object-fit:cover; object-position: 50% 100%; font-family: 'object-fit: cover; object-position: 50% 100%;'; /*IE対策*/}	
.slide-t0{width: 70%; height:auto; top:8vh; left:15%; text-align:center; z-index:10; line-height: 1.4rem; font-size: calc(2vw + 0.05rem); padding: 5% 5%;}
.slide-t1{width: 0%; display:none;}    
.slide-t2{width: 100%; height:auto; left:0; bottom:10vh;  text-align: center; background:rgba(89,87,87,1); z-index:20; padding:2% 0%;}	
.slide-t3{width:100%; height:auto; bottom:0vh; z-index:10; text-align:center;}	
.slide-t3 .slide_l{width:100%; float: left; text-align: center;}
.slide-t3 .slide_l img{width:75%; padding:0% 0% 0% 10%;}      
.slide-t3 .slide_r{width:100%; float: left; text-align: center;}
.slide-t3 .slide_r img{width:80%; padding:0% 0% 0% 0%;}      
.slide-t4{width: 100%; height: 80vh; bottom:20vh; text-align:left; right:0;  z-index:1; line-height: calc(2vw + 0.05rem) ;}    
.slide-t5{width: 100%; height: 80vh; bottom:20vh; text-align:left; left:0;  z-index:1; line-height: calc(2vw + 0.05rem) ;}    
.slide-t0 img{
	width:90%;
	padding:0% 0% 0%;	
}
.slide-t2 img{
	width:75%;
	padding:0% 0%;
}      
.slide-t3-2 img{
	width:75%;
	padding:0% 0%;
}
}


   /* iPadMini縦768*1024 */
@media screen and (min-width: 431px)  {
.movie {width:100%; height: 100vh; margin:0;}		
.movie img {width:100%; height: 100%; object-fit:cover; object-position: 50% 50%; font-family: 'object-fit:cover; object-position: 50% 50%'; /*IE対策*/}    
.slide01{width:50%; height:70vh; left:50%; bottom:20vh; padding:0% 0%; z-index:5; text-align:center;}	
.slide01 img {object-fit:cover; object-position: 50% 100%; font-family: 'object-fit: cover; object-position: 50% 100%;'; /*IE対策*/}
.slide-t0{width: 100%; height:auto; top:7vh; left:0%; text-align:left; z-index:10; line-height: 1.4rem;  padding: 5% 5%;}
.slide-t1{width: 100%; height:auto; top:20vh; left:0%; text-align:left; z-index:10; line-height: 1.4rem; padding: 5% 5%;} 
.slide-t0 img{width:40%;}
.slide-t1 img{width:40%;}    
.slide-t2 {width: 100%; height:auto; left:0; bottom:10vh;  text-align: center; background:rgba(89,87,87,1); z-index:20; padding:2% 0%;}	
.slide-t3 {width:100%; height:auto; bottom:2vh; z-index:10; text-align:center;}	
.slide-t3 .slide_l{width:50%; float: left; text-align: left;}
.slide-t3 .slide_l img{width:100%; padding:2% 0% 3% 15%;}      
.slide-t3 .slide_r{width:50%; float: left; text-align: left;}
.slide-t3 .slide_r img{width:95%; padding:2% 1% 3% 2%;}       
.slide-t4{width: 100%; height: 80vh; bottom:20vh; text-align:left; right:0;  z-index:1; line-height: calc(2vw + 0.05rem) ;}    
.slide-t5{width: 100%; height: 80vh; bottom:20vh; text-align:left; left:0;  z-index:1; line-height: calc(2vw + 0.05rem) ;}    
.slide-t0 img{width:70%;padding:0% 0% 2%;}
.slide-t2 img{width:80%;padding:0% 0%;}     
.slide-t3-2 img{width:80%;padding:0% 0%;}    
}



@media screen and (min-width: 1024px) {
.movie {width:100%; height:100vh; margin:0vh;}
.movie img {width:100%;height:100%;}
.slide01{width:50%; height:75vh; right:0%; top:10vh; z-index:10;}
.slide01 img{object-fit:contain; object-position: 70% 0%; font-family: 'object-fit:contain; object-position: 0% 0%;'; /*IE対策*/}
.slide-t0{width: 60%; height: auto; top:12vh; text-align:left; left:0%;  z-index:10;}
.slide-t1{width: 50%; height: auto; top:25vh; text-align:left; left:0%;  z-index:10;line-height: calc(2vw + 0.05rem) ;}
.slide-t2{width: 100%; height: auto; bottom:12vh;  z-index:40;padding:0% 0%;}      
.slide-t3{width:100%; height:auto; bottom:0vh; z-index:50; }	    
.slide-t2-1{width: 100%; height: auto; background:rgba(89,87,87,1);  z-index:50; display:inline-block;padding:1% 0%;}
.slide-t3-2{width: 100%; height: auto; z-index:60;}	
.slide-t4{width: 100%; height: auto; bottom:12vh; text-align:left; right:0;  z-index:1; line-height: calc(2vw + 0.05rem) ;}    
.slide-t5{width: 100%; height: auto; bottom:12vh; text-align:left; left:0;  z-index:1; line-height: calc(2vw + 0.05rem) ;}
.slide-t2 .slide_l{width:40%; float: left; text-align: right;}
.slide-t2 .slide_l img{width:90%; padding:0% 0 0 10%;}    
.slide-t2 .slide_r {width:60%; float: left; text-align: right;}
.slide-t2 .slide_r img{width:85%; padding: 0% 5% 0% 0;}     
.slide-t3 .slide_l{width:50%; float: left; text-align: left;}
.slide-t3 .slide_l img{width:100%; padding:2% 0% 3% 15%;}      
.slide-t3 .slide_r{width:50%; float: left; text-align: left;}
.slide-t3 .slide_r img{width:95%; padding:2% 1% 3% 2%;}     
    
    
.slide-t0 img{
	width:90%;
	padding:0% 0% 5% 0%;}
.slide-t1 img{
	width:80%;
	padding:0% 0% 5% 0%;}

}



.movie {
position: relative;	
    max-width: 1920px;
    margin: 0 auto;
}




.slide-t0{		
	color: #000;
	overflow:hidden;
	position: absolute;
	transform: translate3d(0,0,0);
    display: inline-block;	
}


/* アニメーション*/
@keyframes slide-t0 {
  0% {opacity: 0; transform: translate3d(-30px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

@-webkit-keyframes slide-t0 {
  0% {opacity: 0; transform: translate3d(-30px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

.slide-t0{;
	animation: slide-t0 2s ease-out 3s 1 normal both;
    -webkit-animation: slide-t0 2s ease-out 3s 1 normal both;
}


.slide-t1{	
	color: #000;   
	overflow:hidden;
	position: absolute;	
	transform: translate3d(0,0,0);
    display: inline-block;	

	animation: slide-t1 2s ease-out 3.5s 1 normal both;
    -webkit-animation: slide-t1 2s ease-out 3.5s 1 normal both;
}


/* アニメーション*/
@keyframes slide-t1 {
  0% {opacity: 0; transform: translate3d(-30px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

@-webkit-keyframes slide-t1 {
  0% {opacity: 0; transform: translate3d(-30px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

.slide-t2{	
	color: #000;   
	overflow:hidden;
	position: absolute;	
	transform: translate3d(0,0,0);
    display: inline-block;	

	animation: slide-t2 2s ease-out 1s 1 normal both;
    -webkit-animation: slide-t2 2s ease-out 1s 1 normal both;
}


/* アニメーション*/
@keyframes slide-t2 {
  0% {opacity: 0; transform: translate3d(0,-10px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

@-webkit-keyframes slide-t2 {
  0% {opacity: 0; transform: translate3d(0,-10px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

.slide-t4{	
	color: #000;   
	overflow:hidden;
	position: absolute;	
	transform: translate3d(0,0,0);
    display: inline-block;	

	animation: slide-t4 2s ease-out 1s 1 normal both;
    -webkit-animation: slide-t4 2s ease-out 1s 1 normal both;
}


/* アニメーション*/
@keyframes slide-t4 {
  0% {opacity: 0; transform: translate3d(-30px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

@-webkit-keyframes slide-t4 {
  0% {opacity: 0; transform: translate3d(-30px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

.slide-t5{	
	color: #000;   
	overflow:hidden;
	position: absolute;	
	transform: translate3d(0,0,0);
    display: inline-block;	

	animation: slide-t5 2s ease-out 1.5s 1 normal both;
    -webkit-animation: slide-t5 2s ease-out 1.5s 1 normal both;
}


/* アニメーション*/
@keyframes slide-t5 {
  0% {opacity: 0; transform: translate3d(0,30px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

@-webkit-keyframes slide-t5 {
  0% {opacity: 0; transform: translate3d(0,30px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

.slide-t3{
	overflow:hidden;
	position: absolute;
	transform: translate3d(0,0,0);
    display: inline-block;	
	animation: slide-t3 2s ease-out 0s 1 normal both;
    -webkit-animation: slide-t3 2s ease-out 0s 1 normal both;
}


/* アニメーション*/
@keyframes slide-t3 {
  0% {opacity: 0; transform: translate3d(0,-10px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

@-webkit-keyframes slide-t3 {
  0% {opacity: 0; transform: translate3d(0,-10px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}





.slide01{
	overflow:hidden;
	position: absolute;
	transform: translate3d(0,0,0);
    display: inline-block;
}

/* 1つ目の画像 */
.slide01 img {
animation: loop 2s ease-out 3.5s 1 normal both;
	-webkit-animation: loop 2s ease-out 3.5s 1 normal both;	
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

/*アニメーション*/
@keyframes loop {
  0% {opacity: 0; transform: translate3d(0,15px,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
  }


@-webkit-keyframes loop {
  0% {opacity: 0; transform: translate3d(0,15px,0)
  }
  to {opacity: 1; transform: translate3d(0,0,0)
  }
}