@charset "utf-8";


header {
	background: rgba(0,155,216,0.80);
}

/* コピー
------------------------------*/
main #copy {
	text-align: center;
	padding: 330px 0 270px;
	height: 48px;
	background: url(../../img/bg_top_main.png) center;
	background-size: cover;
}
main #copy img {
	opacity: 0;
}

@media screen and (max-width: 767px) {
	main #copy {
		padding: 140px 20px 90px;
	}
		main #copy img {
			width: 283px;
		}
}

#infomation,
#contents {
	margin: 60px auto;
}
	#infomation h1,
	#contents h1 {
		text-align: center;
		margin-bottom: 40px;
	}
	
	#infomation ul li {
		border-top: 1px solid #dcdcdc;
		padding: 7px 0;
		width: 100%;
		overflow: hidden;
	}
		#infomation ul li:first-child {
			border-top: none;
		}
		#infomation ul li time,
		#infomation ul li span {
			float: left;
			margin-right: 10px;
		}
		#infomation ul li p {
			float: right;
			width: 760px;
			color: #333;
		}
		
	#contents .clearfix {
		margin-bottom: 20px;
	}
		#contents .clearfix div {
			float: left;
			width: 470px;
			margin-right: 20px;
		}
		#contents .clearfix div:last-child {
			margin-right: 0;
		}
		#contents .clearfix ul li:first-child {
			margin-bottom: 20px;
		}

@media screen and (max-width: 767px) {
	#infomation {
		margin: 25px 3%;
		width: 94%;
	}
		#infomation h1 {
			margin-bottom: 10px;
		}
			#infomation h1 img.sp {
				width: 134px;
				display: inline-block;
			}
		#infomation ul li time {
			font-size: 13px;
		}
		#infomation ul li span img {
			width: 50px;
			margin-top: -7px;
		}
		#infomation ul li p {
			float: none;
			clear: both;
			width: 100%;
			display: block;
			font-size: 13px;
			line-height: 1.2;
		}
	
	#contents {
		margin: 0 3% 20px;
		width: 94%;
	}
		#contents h1 {
			margin: 25px auto 10px;
		}
		#contents ul {
			width: 100%;
			overflow: hidden;
		}
		#contents ul li {
			width: 48%;
			float: left;
			margin-bottom: 10px;
		}
		#contents ul li:nth-child(odd) {
			margin-right: 4%;
		}
}


#youtube {
	background: #000;
	color: #fff;
	padding: 50px 0;
}
	#youtube h1 {
		text-align: center;
		margin-bottom: 30px;
	}
	#youtube ul {
		width: 100%;
		overflow: hidden;
	}
		#youtube ul li {
			width: 220px;
			text-align: center;
			float: left;
			margin-right: 15px;
		}
		#youtube ul li:last-child {
			margin-right: 0;
		}
			#youtube ul li a {
				color: #fff;
			}

@media screen and (max-width: 767px) {
	#youtube {
	padding: 30px 0 10px;
	}
		#youtube h1 {
			margin-bottom: 30px;
		}
			#youtube h1 img {
				width: 62px;
			}
		#youtube ul li {
			width: 300px;
			text-align: center;
			float: none;
			margin: 0 auto 20px;
		}
		#youtube ul li:last-child {
			margin: 0 auto 20px;
		}
}