@media screen and (max-width: 639px) {
   /* ウィンドウ幅スマホ用768px以下指定 */
.movie {width:100%; height: 100vh;}		
.movie img {width:100%;height:100vh; object-fit:cover;object-position:50% 50%; }
.slide-t1{width:80%; bottom:40vh; right:10%; text-align:center;font-size:1em;}
.slide-t2{width:70%; bottom:40vh; right:15%; text-align:center;font-size:1em;}
.slide-t3{width:100%; bottom:0vh; right:0%;   object-fit:none;}	
	
}

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

.movie {width:100%; height:100vh;}
.movie img {width:100%;height:100vh; object-fit: cover; object-position: 100% 100%;}	
.slide-t1{width: 70%;bottom:50vh; left:15%; text-align: left; font-size:3em;}	
.slide-t2{width:70%; bottom:50vh; right:15%; text-align: center; font-size:3em;}
.slide-t3{width: 60%;bottom:0vh; left:40%; text-align:center;  object-fit:none;}	
}

.movie {
position: relative;	
transform: translate3d(0,0,0);
animation: movie 2s ease-out 0s 1 normal both;
-webkit-animation: movie 2s ease-out 0s 1 normal both;
}


.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;		
	letter-spacing:0.2em;
	color: #000;
	overflow:hidden;
	position: absolute;	
	z-index:2;	

	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;	
	text-shadow:1px 1px 1px #fff, 1px 1px 5px #fff;
	display: inline-block;		
	letter-spacing:0.2em;
	color: #000;
	overflow:hidden;
	position: absolute;
	z-index:10;	

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


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

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


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

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

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

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



.slide_effect02{
	height:100vh;
	overflow:hidden;
	position: absolute;
	z-index:4;
	right:0%;	
	transform: translate3d(0,0,0);
	animation: slide-effect02 1.5s ease-out 4s 1 normal both;
    -webkit-animation: slide-effect02 1.5s ease-out 4s 1 normal both;	

}
/* アニメーション*/
@keyframes slide-effect02 {
  0% {opacity: 0; background-color: #fff; filter:  brightness(1); width:100%;}
  40% {opacity: 0.8; background-color: #fff; filter: brightness(1.5); width:100%;}	
  100% {opacity:0; background-color: #fff; filter: brightness(1.5); width:0%;}
}
@-webkit-keyframes slide-effect02 {
  0% {opacity: 0; background-color: #fff; filter:  brightness(1); width:100%;}
  40% {opacity: 0.8; background-color: #fff; filter: brightness(1.5); width:100%;}	
  100% {opacity:0; background-color: #fff; filter: brightness(1.5); width:0%;}
}


.slide-t3{
	display: inline-block;		
	letter-spacing:0.2em;
	color: #000;
	overflow:hidden;
	position: absolute;
	z-index:15;	
   background-color: rgba(255,255,255,0.90);
	animation: slide-t3 2s ease-out 5s 1 normal both;
    -webkit-animation: slide-t3 2s ease-out 5s 1 normal both;
}


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

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

.slide3_wrap{
	float:left;
}

.slide3_wrap img{
	width:32.5%;
	height:auto;
	padding:2%;
	float:left;	
}