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


/* @group Contents */
#contents {
	text-align: left;
}
#contents div#slide-show {
	margin-bottom: 2em;
}
#contents section {
	padding: 0 1em 2em;
}
#contents section div.youtube {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 1em;
}
#contents section div.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* @end */

/*500px*/
@media screen and (min-width : 500px) {


/*768px*/
@media screen and (min-width : 768px) {
 #contents section {
 padding: 0 8em 2em;
}
#contents section figure {
 float: right;
 margin: 0 0 0 1em;
}
}

/*1024px*/
@media screen and (min-width : 1024px) {
#contents section {
	padding: 0 12em 3em;
}
}
/* @end */