@charset "Shift-JIS";

.sp-on {
	display: none;
}
#main_media {
	background: url("../img/main_media-2.jpg") no-repeat center top / cover;
}
#med_index {
    width: 100%;
    margin: 0 auto 70px auto;
    max-width: 1200px;
}
.med-detail {
	width: 60%;
	margin: 0 auto 70px auto;
}
.med-media-title {
	margin: 0 0 60px 0;
	font-size: 25px;
	text-align: center;
}
.med-text {
	float: left;
	width: 32%;
	margin: 0 2% 70px 0;
}
.med-text:nth-child(3n) {
	margin: 0 0 70px 0;
}
h2 {
	margin: 0 0 10px 0;
	font-size: 20px;
	line-height: 140%;
	text-align: center
}
.med-title {
	line-height: 140%;
}
.med-movie iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}
.med-site {
	width: 100%;
	height: auto;
	margin: 0 0 10px 0;
	aspect-ratio: 16 / 9;
}
/* clearŠÖŒW */
.clear{
	clear: both ;
}
/* for modern brouser */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix {
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* clearŠÖŒW */


	/* tablet */
@media (max-width: 840px) {
}


	/* mobile */
@media (max-width: 640px) {
	.sp-on {
		display: block;
	}
	.med-detail {
		width: 100%;
		margin: 0 0 40px 0;
	}
	.med-text {
		width: 49%;
		margin: 0 2% 40px 0;
	}
	.med-text:nth-child(3n) {
		margin: 0 2% 40px 0;
	}
	.med-text:nth-child(even) {
		margin: 0 0 40px 0;
	}
}