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

	- header
	+ article
		+ main
			- box01

-----------------------------------------*/

/*----------------------------------------
	header
-----------------------------------------*/

#header_bg {
	top: 0;
}

/*----------------------------------------
	article
-----------------------------------------*/

article {
	min-width: 100%;
	margin-top: 161px;
	border-top: 10px solid #fde07a;
	background: url(../../img/common_bg01.gif) repeat left top;
}

@media screen and (max-device-width:500px) {
	article {
		margin-top: 332px;
	}
}

/*----------------------------------------
	main
-----------------------------------------*/

#main {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 40px;
}

@media screen and (max-device-width:500px) {
	#main {
		width: 100%;
	}
}

#main h1#tit01 {
	padding: 29px 20px 30px;
}

@media screen and (max-device-width:500px) {
	#main h1#tit01 {
		width: 440px;
		margin: 0 auto;
	}
	
	#main h1#tit01 img {
		height: auto;
	}
}

/*----------------------------------------
	box01
-----------------------------------------*/

#box01 {
	padding: 46px 70px 50px;
	background: #ffffff;
}

@media screen and (max-device-width:500px) {
	#box01 {
		width: 410px;
		margin: 0 auto;
		padding: 27px 35px 26px;
	}
}

#main section {
	margin-top: 66px;
}

#main section:first-child {
	margin-top: 0;
}

#main section .tit01 {
	margin-bottom: 19px;
	padding:0 0 10px;
	background:url(../img/common_line.png) repeat-x left bottom;

}

#main section .movie {
	width: 720px;
	height: 405px;
	margin: 0 auto;
}

@media screen and (max-device-width:500px) {
	#main section .movie {
		width: 410px;
		height: 230px;
		margin: 0 auto;
	}
}

#main section .movie div {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

#main section .movie div iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}