@charset "utf-8";
/****************************************************************************************************

各ページ用css

****************************************************************************************************/
	




/*==========================================================================================================

プリントアウト用（PC用CSSと同内容）

=============================================================================================================*/
.Main{
	width:1000px;
	margin:0 auto;	
}
.contents{
	width:950px;
	margin:0 auto;	
}

.index{
	
}
	.index .ttl{
		text-align:center;
		margin-bottom:100px;
	}
	.index .section01{
		width:640px;
		margin:0 auto 80px;
	}
		.index .video_ttl{
			text-align:center;
			margin-bottom:10px;
		}
		.index .video_container{
			width:640px;
		}
			.index .video_container iframe{
				width:640px;
				height:360px;
			}
	.index .section02{
		width:640px;
		margin:0 auto 80px;
	}



	
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* スマホ向けのスタイル：0px〜720px（基準は320px）*/
@media only screen and (min-width: 0px) {
.Main{
	width:98%;
	margin:0 auto;	
}
.index{
	
}
	.index .ttl{
		text-align:center;
		margin-bottom:50px;
	}
	.index .section01{
		width:100%;
		margin:0 auto 50px;
	}
		.index .video_ttl{
			text-align:center;
			margin-bottom:0;
			width:100%;
		}
			.index .video_ttl img{
				width:100%;
			}
		.index .video_container{
			width:100%;
		}
			.index .video_container iframe{
				width:100%;
				height:auto;
			}
	.index .section02{
		width:100%;
		margin:0 auto 40px;
	}


}


/* タブレット向けのスタイル：721px ～ 949px */
@media only screen and (min-width: 721px) {
.Main{
	width:98%;
	margin:0 auto;	
}
.index{
	
}
	.index .ttl{
		text-align:center;
		margin-bottom:100px;
	}
	.index .section01{
		width:640px;
		margin:0 auto 80px;
	}
		.index .video_ttl{
			text-align:center;
			margin-bottom:0;
		}
			.index .video_ttl img{
				width:auto;
			}
		.index .video_container{
			width:640px;
		}
			.index .video_container iframe{
				width:640px;
				height:360px;
			}
	.index .section02{
		width:640px;
		margin:0 auto 80px;
	}

	
}

/*  PC向けのスタイル：950px以上*/
@media only screen and (min-width: 950px) {
.Main{
	width:1000px;
	margin:0 auto;	
}
.contents{
	width:950px;
	margin:0 auto;	
}

.index{
	
}
	.index .ttl{
		text-align:center;
		margin-bottom:100px;
	}
	.index .gakubu_movie{
		width:640px;
		margin:0 auto 80px;
	}
		.index .video_ttl{
			text-align:center;
			margin-bottom:0;
		}
		.index .video_container{
			width:640px;
		}
			.index .video_container iframe{
				width:640px;
				height:360px;
			}
	.index .section02{
		width:640px;
		margin:0 auto 80px;
	}
	
}