/*------------------------------
コンテンツ枠
------------------------------*/
#container {
	margin: 0 auto;
	text-align: center;
}
/*------------------------------
背景色違い
------------------------------*/
#wrap_top {
	background: url(images/bg.jpg);
	background-attachment: fixed;
}
/*------------------------------
メインコンテンツ枠
------------------------------*/
#main p {
	margin: 0;
	padding: 40px 0 0 0;
}
.frame-wrapper__video {
	position: relative;
	margin: auto;
    background-color: #10a74f;
}
.frame-wrapper__video_inner {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.frame-wrapper__video_inner iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
@media only screen and (min-width: 751px) {
	.frame-wrapper__video {
		width: 764px;
        padding: 8px;
	}
	.contents {
		position: relative;
		z-index: 10;
	}
	.frame-wrapper {
		position: absolute;
		margin: 90px auto 0;
		z-index: 20;
		width: -webkit-fill-available;
		left: 0;
		right: 0;
	}
}

@media only screen and (max-width: 750px) {
	#container {
		width: 100%;
	}
	
	img {
	border: 0;
	vertical-align: top;
	width: 100%
	}
	
	.contents {
		position: relative;
		z-index: 10;
	}
	.frame-wrapper {
		position: absolute;
		margin: 40px auto 0;
		z-index: 20;
		width: -webkit-fill-available;
		left: 0;
		right: 0;
	}
	.frame-wrapper__video {
		width: 70vw;
        padding: 8px;
	}
}