@media screen and (max-width: 834px) {
   /* ウィンドウ幅スマホ用1250px以下指定 */
.movie {width:100%; height: 90vh;}		
.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:100%; height:70vh; top:10vh; }	
.slide02{width:100%; height:70vh; top:10vh; }		
.slide-t0{width: 100%; height:auto; bottom:10vh; left:0%; text-align:center; background:#fff; }
.slide-t1{width:100%; height:auto; bottom:6vh; left:0%; text-align:center; background:rgba(0,0,0,1); }
.slide-t2{width: 100%; height:auto; bottom:0; left:0; text-align: center; background:#fff;}	

.slide-t0 img{
	width:60%;
	padding:2% 0%;	
}
		
.slide-t1 img{
	width:80%;
	padding:1% 0%;
}	
	
.slide-t2 img{
	width:80%;
	padding:2% 0%;
}	

	
}


@media screen and (min-width: 835px) {
	
.movie {width:100%; height:100vh; margin:0vh;}
.movie img {width:100%;height:100%;}
	
.slide01{width:650px; height:90vh; left:0; top:10vh; z-index:20;}
.slide01 img{object-fit:cover; object-position: 50% 50%; font-family: 'object-fit: cover; object-position: 50% 50%;'; /*IE対策*/}	
.slide02{width:650px; height:90vh; left:0; top:10vh; z-index:30;}
.slide02 img{object-fit:cover; object-position: 50% 50%; font-family: 'object-fit: cover; object-position: 50% 50%;'; /*IE対策*/}		
.slide-t0{width: auto; height: 60vh; top:10vh; text-align:center; margin-left:650px;}	
.slide-t1{width: auto; height: 15vh; bottom:15vh; text-align: center; background:rgba(0,0,0,0.8); z-index:10;margin-left:650px;}	
.slide-t2{width: auto; height: 15vh; bottom:1vh; text-align: center; margin-left:650px; z-index:10;}	

.slide-t0 img{
	width:70%;
	padding:2%;
}
	
		
.slide-t1 img{
	width:80%;
	padding:2%;
}
			
.slide-t2 img{
	width:80%;
	padding:2%;		
}

}

@media screen and (min-width: 1650px) {

.movie {width:100%; height:100vh; margin:0vh;}
.movie img {width:100%;height:100%;}
	
.slide01{width:650px; height:90vh; left:0; top:10vh; z-index:20;}
.slide01 img{object-fit:cover; object-position: 50% 0%; font-family: 'object-fit: cover; object-position: 50% 0%;'; /*IE対策*/}
.slide02{width:650px; height:90vh; left:0; top:10vh; z-index:30;}
.slide02 img{object-fit:cover; object-position: 50% 0%; font-family: 'object-fit: cover; object-position: 50% 0%;'; /*IE対策*/}		
.slide-t0{width: 60%; height: 60vh; top:10vh; text-align:left; margin-left:650px;}	
.slide-t1{width: auto; height: 15vh; bottom:15vh; text-align:left; background:rgba(0,0,0,0.8); z-index:10;margin-left:650px;}	
.slide-t2{width: auto; height: 15vh; bottom:1vh; text-align:left; margin-left:650px;}
	

.slide-t0 img{
	width:70%;
	padding:2% 0% 2% 10%;
}
	
	
.slide-t1 img{
	width:70%;
	padding:2% 0% 2% 10%;
}
			
.slide-t2 img{
	width:90%;
	padding:2% 0% 2% 10%;	
}
	
	

}



.movie {
position: relative;	
}


.slide-t0{		
	color: #000;
	overflow:hidden;
	position: absolute;	
	line-height: 2em;
}


/* アニメーション*/
@keyframes slide-t0 {
  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-t0{;
	animation: slide-t0 2s ease-out 1.5s 1 normal both;
    -webkit-animation: slide-t0 2s ease-out 1.5s 1 normal both;
}


.slide-t1{
	display: inline-block;		
	color: #000;
	overflow:hidden;
	position: absolute;	
	z-index:4;

	animation: slide-t1 2s ease-out 2s 1 normal both;
    -webkit-animation: slide-t1 2s ease-out 2s 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);}
}


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

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

/*アニメーション*/
@keyframes loop {
  0% {opacity: 0; background-color: #fff; filter: blur(3px); transform: translate3d(0,-15px,0)
  }
  to {opacity: 1; background-color: #fff; filter: blur(0px); transform: translate3d(0,0,0)
  }
}

@-webkit-keyframes loop {
  0% {opacity: 0; background-color: #fff; filter: blur(3px); transform: translate3d(0,-15px,0)
  }
  to {opacity: 1; background-color: #fff; filter: blur(0px); transform: translate3d(0,0,0)
  }
}

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

/* 2つ目の画像 */
.slide02 img {
  -webkit-animation: loop2 10s ;
  animation: loop2 10s ;
  -webkit-backface-visibility: hidden;
  animation-iteration-count: 1;
  -webkit-animation-iteration-count: 1;	
  backface-visibility: hidden;
  will-change: transform;
  animation-fill-mode: forwards;	
}

/*アニメーション*/
@keyframes loop2 {
  0% {opacity: 0; background-color: #fff; filter: blur(2px); transform: translate3d(0,10px,0)
  }
  50% {opacity: 1; background-color: #fff; filter: blur(0px); transform: translate3d(0,0,0)
  }
  100% {opacity: 0; background-color: #fff; filter: blur(0px); transform: translate3d(0,0,0)
  }	
}

@-webkit-keyframes loop2 {
  0% {opacity: 0; background-color: #fff; filter: blur(2px); transform: translate3d(0,10px,0)
  }
  50% {opacity: 1; background-color: #fff; filter: blur(0px); transform: translate3d(0,0,0)
  }
  100% {opacity: 0; background-color: #fff; filter: blur(0px); transform: translate3d(0,0,0)
  }		
}





.slide-t2{
	position: absolute;	
	animation: slide-t2 2s ease-out 2s 1 normal both;
    -webkit-animation: slide-t2 2s ease-out 2s 1 normal both;
}


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

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