html, body {
	position: relative;
	height: 100%;
}
#contents {
	padding-top:40px;
}
#contents h1 {
	background-color:#FFF;
	height:50px;
	width:100%;
	position:relative;
	z-index:10;
}
#contents h1 img {
	position:absolute;
	top:50%;
	left:50%;
	width:165px;
	height:35px;
	margin:-17.5px 0 0 -82.5px;
}
#contents #mov_area {
	background-size:cover;
	width:100%;
	height:auto;
}
#contents #mov_area:after {
	content: " ";
	width:100%;
	height:100%;
	background:url(../../common/images/dot2.png) 0 0 repeat;
	display:block;
	padding-top:50px;
	position: fixed;
	top:0;
	left:0;
	z-index:5;
}
.tousyou {
	position:fixed;
	width:100%;
	height:100%;
	background:url(../images/bg_tousyou.jpg) center center no-repeat;
	background-size:cover;
}
.usyou {
	position:fixed;
	width:100%;
	height:100%;
	background:url(../images/bg_usyou.jpg) center center no-repeat;
	background-size:cover;
}
#contents .yt_area {
	background-color:#000;
	width:100%;
	height:100%;
	position: relative;
	padding:0;
	top:0;
	left:0;
	z-index:10;
	margin:0;
}
#contents .yt_area .inner {
	width:100%;
	height:100%;
	padding-top:56.25%;
	position:relative;
}
#contents .yt_area iframe {
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
	z-index:2;
}
#contents .yt_area h4 {
	display:none;
}
#contents .yt_area p {
	display:none;
}
#contents #txt_area {
	background-color:#000;
	width:100%;
	position:relative;
	z-index:20;
}
#contents #txt_area .inner {
	margin:0 auto;
	padding: 40px 0;
}
#contents #txt_area .inner:before {
	content:" ";
	display:block;
	background:url(../images/list_top.png) top center no-repeat;
	background-size:20px 16px;
	width:20px;
	height:16px;
	margin:20px auto;
}
#contents #txt_area .inner:after {
	content:" ";
	display:block;
	background:url(../images/list_bottom.png) top center no-repeat;
	background-size:20px 16px;
	width:20px;
	height:16px;
	margin:20px auto;
}
#contents #txt_area h2 {
	color:#FFF;
	font-size:21px;
	line-height:30px;
	letter-spacing:1px;
	text-align:center;
	font-weight:normal;
	margin-bottom:30px;
}
#contents #txt_area h2 strong {
	font-size:28px;
	line-height:48px;
	display:block;
	font-weight:normal;
}
#contents #txt_area p {
	color:#FFF;
	font-size:12px;
	line-height:22px;
	letter-spacing:1px;
	text-align:left;
	font-weight:normal;
	padding:0 20px;
}
#contents #txt_area p br {
	display:none;
}


@media screen and (min-width: 737px) {
html, body {
	position: relative;
	height: 100%;
}
#contents {
	padding-top:110px;
}
#contents h1 {
	background-color:#FFF;
	height:130px;
	width:100%;
	position:relative;
	z-index:10;
}
#contents h1 img {
	position:absolute;
	top:50%;
	left:50%;
	width:330px;
	height:70px;
	margin:-35px 0 0 -165px;
}
#contents #mov_area {
	background-size:cover;
	width:100%;
	height:850px;
}
#contents #mov_area:after {
	content: " ";
	width:100%;
	height:100%;
	background:url(../../common/images/dot.png) 0 0 repeat;
	display:block;
	padding-top:110px;
	position: fixed;
	top:0;
	left:0;
	z-index:5;
}
.tousyou {
	position:fixed;
	width:100%;
	height:100%;
	background:url(../images/bg_tousyou.jpg) center center no-repeat;
	background-size:cover;
}
.usyou {
	position:fixed;
	width:100%;
	height:100%;
	background:url(../images/bg_usyou.jpg) center center no-repeat;
	background-size:cover;
}
#contents .yt_area {
	background-color:#FFF;
	width:712px;
	height:460px;
	position:absolute;
	padding:12px;
	top:350px;
	left:50%;
	z-index:10;
	margin:0 0 0 -368px;
}
#contents .yt_area .inner {
	width:100%;
	height:401px;
	padding-top:0;
}
#contents .yt_area iframe {
	width:100%;
	height:401px;
}
#contents .yt_area h4 {
	font-size:16px;
	letter-spacing:1px;
	position:absolute;
	bottom:12px;
	left:12px;
	display:block;
}
#contents .yt_area h4 em {
	font-size:11px;
}
#contents .yt_area p {
	font-size:11px;
	position:absolute;
	bottom:12px;
	right:12px;
	display:block;
}
#contents #txt_area {
	background-color:#000;
	width:100%;
	position:relative;
	z-index:20;
}
#contents #txt_area .inner {
	margin:0 auto;
	padding: 80px 0;
}
#contents #txt_area .inner:before {
	content:" ";
	display:block;
	background:url(../images/list_top.png) top center no-repeat;
	width:40px;
	height:32px;
	margin:40px auto;
}
#contents #txt_area .inner:after {
	content:" ";
	display:block;
	background:url(../images/list_bottom.png) top center no-repeat;
	width:40px;
	height:32px;
	margin:40px auto;
}
#contents #txt_area h2 {
	color:#FFF;
	font-size:26px;
	line-height:66px;
	letter-spacing:1px;
	text-align:center;
	font-weight:normal;
	margin-bottom:30px;
}
#contents #txt_area h2 strong {
	font-size:48px;
	line-height:66px;
	display:block;
	font-weight:normal;
}
#contents #txt_area p {
	color:#FFF;
	font-size:14px;
	line-height:36px;
	letter-spacing:1px;
	text-align:center;
	font-weight:normal;
}
#contents #txt_area p br {
	display: block;
}
}