@charset "UTF-8";
/* CSS Document */
img{
	vertical-align:bottom;
}


/*プリントアウト用CSS（PCと同内容）*/
img{
	width:auto;
}
#Header{
	text-align:center;
	background:#00418F;
	padding:20px 0;
}
	#Header img{
		width:auto;
	}

.movie{
	width:768px;
	margin:50px auto;
}

.to_home{
	text-align:center;
	margin-bottom:60px;
}
	.to_home img{
		width:auto;
	}
	
footer{
	background-color:#CCC;
	padding:2em;
	text-align:center;
}
	footer p{
		margin:0;
		padding:0;
	}
	footer .footer_br{
		display:none;
	}
	
	

/*  スマホ向けのスタイル：0px以上*/
@media only screen and (min-width: 0px) {
img{
	width:100%;
}
#Header{
	text-align:center;
	background:#00418F;
	padding:10px 0;
}
	#Header img{
		width:50%;
	}
		

.movie{
	width:90%;
	margin:40px auto;
}

.to_home{
	text-align:center;
	margin-bottom:40px;
}
	.to_home img{
		width:90%;
	}
	
footer{
	background-color:#CCC;
	padding:2em;
	text-align:center;
	font-size:95%;
}
	footer p{
		margin:0;
		padding:0;
	}
	footer .footer_br{
		display:block;
	}
	
}



/*  タブレット向けのスタイル：768px以上*/
@media only screen and (min-width: 768px) {
img{
	width:100%;
}
#Header{
	text-align:center;
	background:#00418F;
	padding:20px 0;
}
	#Header img{
		width:50%;
	}
		
.movie{
	width:600px;
	margin:50px auto;
}


.to_home{
	text-align:center;
	margin-bottom:60px;
}
	.to_home img{
		width:50%;
	}
	
footer{
	background-color:#CCC;
	padding:2em;
	text-align:center;
	font-size:100%;
}
	footer p{
		margin:0;
		padding:0;
	}
	footer .footer_br{
		display:block;
	}
	
}

/*  PC向けのスタイル：1000px以上*/
@media only screen and (min-width: 1000px) {
img{
	width:auto;
}
#Header{
	text-align:center;
	background:#00418F;
	padding:20px 0;
}
	#Header img{
		width:auto;
	}

.movie{
	width:768px;
	margin:50px auto;
}

.to_home{
	text-align:center;
	margin-bottom:60px;
}
	.to_home img{
		width:auto;
	}
	
footer{
	background-color:#CCC;
	padding:2em;
	text-align:center;
}
	footer p{
		margin:0;
		padding:0;
	}
	footer .footer_br{
		display:none;
	}
	
}