@charset "utf-8";
/* CSS Document */
#wrapper{text-align: center;}
#left{
	position: fixed;
	width: 30%;
	margin: auto;
	top: 90px;
	left: 0;
	z-index: 10;
	background: url(../img/mv_bg.jpg) top center no-repeat;
	background-size: cover;
}


#left div.detail{
	width: 100%;
	height: 90%;
	padding-top: 18%;
	text-align: center;
	position:relative;
}

#left div.detail a{
	display: block;
	/*text-align: center;*/
	width: 80%;
	
	position: absolute;
	margin: auto;
	/*top: 0;
	bottom: 0;*/
	left: 0;
	right: 0;
}

#left div.detail img.title{
	width: 100%;
}

#left div.detail img.teacher{
	margin-top: 30px;
}

#left div.detail b{
	display: block;
	font-size: 18px;
	line-height: 18px;
	margin: 20px auto;
}

#left div.detail span{
	display: block;
	font-size: 15px;
	line-height: 22px;
}


#contents0{display: none;}

@media screen and (max-width: 1100px) {
	#left{
		position: absolute;
		width: 100%;
		top: 0;
	}
	
	/*#left div.detail a{display: table; top: 0; bottom: 0;}*/
	#left div.detail a{top: 15%;}

}

@media screen and (max-width: 1015px){
#contents0 {
    display: block;
}
}

.scroll{
	position: absolute;
	margin:0 auto;
	left: 0;
	right: 0;
	bottom: 120px;
}

/* 動き */
.contents1_h2,.contents1_txt,.contents1_a,.scroll {
	opacity: 0;
	-webkit-transition: all 1s;
 	-moz-transition: all 1s;
    -ms-transition: all 1s;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
}

.mov01 {
	opacity: 1.0;
	transition: all 1s;
	-webkit-transition: all 1s;
 	-moz-transition: all 1s;
    -ms-transition: all 1s;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.mov02 {
	opacity: 1.0;
	transition: all 1s;
	-webkit-transition: all 1s;
 	-moz-transition: all 1s;
    -ms-transition: all 1s;
	transition-delay:0.8s;
	-webkit-transition-delay:0.8s;
	-moz-transition-delay:0.8s;
    -ms-transition-delay:0.8s;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.mov03 {
	opacity: 1.0;
	transition: all 1s;
	-webkit-transition: all 1s;
 	-moz-transition: all 1s;
    -ms-transition: all 1s;
	transition-delay:1.6s;
	-webkit-transition-delay:1.6s;
	-moz-transition-delay:1.6s;
    -ms-transition-delay:1.6s;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.mov04 {
	opacity: 1.0;
	transition: all 1s;	
	-webkit-transition: all 1s;
 	-moz-transition: all 1s;
    -ms-transition: all 1s;
	transition-delay:2.4s;
	-webkit-transition-delay:2.4s;
	-moz-transition-delay:2.4s;
    -ms-transition-delay:2.4s;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

@media only screen and (max-width: 780px) {
	.scroll{display: none!important;}
}