@media screen and (max-width: 834px) {
   /* ウィンドウ幅スマホ用1250px以下指定 */
.movie {width:100%; height: 90vh; margin:0vh;}		
.movie img {width:100%;height:100vh; object-fit:scale-down;object-position:0% 0%; }
.slide-t1{width:95%; top:10vh; left:5%; text-align:left;font-size:1.4em;letter-spacing:0.1em;}
.slide-t2{width:95%; top:19vh; left:5%; text-align:left;font-size:1em;}
.movie_box {width:50%; height:50vh;}	
	
.slide01{width:80%; height:40vh; right:10%; top:30vh;}
.slide02{width:80%; height:40vh; right:10%; top:30vh;}
.slide03{width:80%; height:40vh; right:10%; top:30vh;}
.slide04{width:80%; height:40vh; right:10%; top:30vh;}
.slide05{width:80%; height:40vh; right:10%; top:30vh;}		
	
}

@media screen and (min-width: 835px) {
   /* ウィンドウ幅1250px以上指定 */

.movie {width:100%; height:97vh; margin:0vh;}
.movie img {width:100%;height:100%; object-fit:cover; object-position: 50% 50%;}	
.slide-t1{width: 95%;bottom:55vh; left:5%; text-align: left; font-size:2.5em; float:right; border-bottom: solid 1px #999; 	letter-spacing:0.1em;}	
.slide-t2{width: 80%;bottom:45vh; left:5%; text-align: left; font-size:2em;}
.slide01{width:50%; height:90vh; right:0; bottom:0;}
.slide02{width:50%; height:90vh; right:0; bottom:0;}
.slide03{width:50%; height:90vh; right:0; bottom:0;}
.slide04{width:50%; height:90vh; right:0; bottom:0;}
.slide05{width:50%; height:90vh; right:0; bottom:0;}		


.movie_box {width:35%; height:65vh; margin:0% 0%;}


}

.movie_box {
	background-color: #EDEBDE;
	overflow:hidden;
	position: absolute;
	animation: movie_box 2s ease-out 0.5s 1 normal both;
	-webkit-animation: movie_box 2s ease-out 0.5s 1 normal both;}


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

@-webkit-keyframes movie_box {
  0% {opacity: 0; transform: translate3d(-50px,0,0);}
  100% {opacity: 1; transform: translate3d(0,0,0);}
}

.movie {
position: relative;	
}


.slide-t1{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;	
	text-shadow:1px 1px 1px #fff, 1px 1px 5px #fff;
	display: inline-block;		
	color: #000;
	overflow:hidden;
	position: absolute;	
	z-index:2;
	line-height: 2em;

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


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

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

.slide-t2{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", serif;
	display: inline-block;		
	letter-spacing:0.3em;
	line-height: 1em;
	color: #000;
	overflow:hidden;
	position: absolute;
	z-index:3;	

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

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

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


.slide-t2-cap{
	font-size: 0.6em;
	letter-spacing:0em;
	line-height: 0.8em;
}


.slide01{
	overflow:hidden;
	position: absolute;
	z-index:4;	
	transform: translate3d(0,0,0);
    display: inline-block;
	animation: slide1 1s ease-out 2.5s 1 normal both;
    -webkit-animation: slide1 1s ease-out 2.5s 1 normal both;		
	
}
/* アニメーション*/
@keyframes slide1 {
  0% {opacity: 0; background-color: #fff; filter: blur(1px);}
  100% {opacity: 1; background-color: #fff; filter: blur(0px);}	
}

@-webkit-keyframes slide1 {
  0% {opacity: 0; background-color: #fff; filter: blur(1px);}
  100% {opacity: 1; background-color: #fff; filter: blur(0px);}	
}

.slide02{	
	overflow:hidden;
	position: absolute;
	z-index:5;
	transform: translate3d(0,0,0);	
    display: inline-block;	
	animation: slide2 1s ease-out 5s 1 normal both;
    -webkit-animation: slide2 1s ease-out 5s 1 normal both;	
		
}
/* アニメーション*/
@keyframes slide2 {
  0% {opacity: 0; background-color: #fff; filter: blur(1px);}
  100% {opacity:1; background-color: #fff; filter: blur(0px);}
}

@-webkit-keyframes slide2 {
  0% {opacity: 0; background-color: #fff; filter: blur(1px);}
  100% {opacity:1; background-color: #fff; filter: blur(0px);}
}

.slide03{
	overflow:hidden;
	position: absolute;
	z-index:6;
	transform: translate3d(0,0,0);
	
	animation: slide3 1s ease-out 7.5s 1 normal both;
    -webkit-animation: slide3 1s ease-out 7.5s 1 normal both;	

}
/* アニメーション*/
@keyframes slide3 {
  0% {opacity: 0; background-color: #fff; filter: blur(1px) ;}
  100% {opacity: 1; background-color: #fff; filter: blur(0px);}
}
@-webkit-keyframes slide3 {
  0% {opacity: 0; background-color: #fff; filter: blur(1px);}
  100% {opacity: 1; background-color: #fff; filter: blur(0px);}
}


.slide04{
	overflow:hidden;
	position: absolute;
	z-index:7;
	transform: translate3d(0,0,0);
	
	animation: slide4 1s ease-out 10s 1 normal both;
    -webkit-animation: slide4 1s ease-out 10s 1 normal both;	

}
/* アニメーション*/
@keyframes slide4 {
  0% {opacity: 0; background-color: #fff; filter: blur(1px) ;}
  100% {opacity: 1; background-color: #fff; filter: blur(0px);}
}
@-webkit-keyframes slide4 {
  0% {opacity: 0; background-color: #fff; filter: blur(1px);}
  100% {opacity: 1; background-color: #fff; filter: blur(0px);}
}


.slide05{
	overflow:hidden;
	position: absolute;
	z-index:8;
	transform: translate3d(0,0,0);
	
	animation: slide5 1s ease-out 12.5s 1 normal both;
    -webkit-animation: slide5 1s ease-out 12.5s 1 normal both;	

}
/* アニメーション*/
@keyframes slide5 {
  0% {opacity: 0; background-color: #fff; filter: blur(1px) ;}
  100% {opacity: 1; background-color: #fff; filter: blur(0px);}
}
@-webkit-keyframes slide5 {
  0% {opacity: 0; background-color: #fff; filter: blur(1px);}
  100% {opacity: 1; background-color: #fff; filter: blur(0px);}
}