@charset "UTF-8";
/* CSS Document */


.mr-10 {
    margin-right: 10px;
}


*{
	font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #fff;
	line-height: 1.6em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}
body{
	height:100%;
	margin:0 auto;
	-webkit-text-size-adjust: 100%;
}
html{
	height:100%;
	overflow-y:scroll;
}
a{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
img{
	max-width: 100%;
	height: auto;
}
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix{
	zoom: 1;
} /* IE6 */
*:first-child+html .clearfix{
	zoom: 1;
} /* IE7 */
.center-block{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.cta{
	position: relative;
	width: 73%;
}
.cta.cta01{
	margin: 5% auto;
}
.cta.cta02{
	margin: 0 auto 5%;
}
.cta ul{
	width: 65%;
	position: absolute;
	right: 5%;
	bottom: 12%;
	overflow: hidden;
}
.cta ul li{
	float: left;
	width: 50%;
}

h1{
	margin-bottom: -5.3%;
}

.movie{
	position: relative;
	width: 73%;
	margin: 5% auto 0;
}
.movie iframe{
	width: 78%;
	height: 40%;
	position: absolute;
	bottom: 7%;
	left:0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.image08{
	width: 73%;
	margin: 5% auto 0;
}
.image10{
	width: 73%;
	margin: 5% auto;
}

footer{
	background: #000000;
	padding: 50px 15px 40px;
}
footer .logo{
	max-width: 153px;
	margin: 0 auto 25px;
}
footer ul{
	text-align: center;
	max-width: 1140px;
	margin: 0 auto 15px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 15px 0;
}
footer ul li{
	display: inline-block;
	margin: 0 15px;
}
footer ul li a{
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
footer .copy{
	font-size: 12px;
	color: #fff;
	text-align: center;
	letter-spacing: 1px;
}


@media only screen and (min-width: 750px) {
	/* PC、スマホ切り替え */
	.pc_display{
		display:block !important;
	}
	.sp_display{
		display:none !important;
	}
}

@media only screen and (max-width: 749px) {
	/* PC、スマホ切り替え */
	.pc_display{
		display:none !important;
	}
	.sp_display{
		display:block !important;
	}

	.cta{
	width: 89%;
}
.cta.cta01{
	margin: 10% auto;
}
.cta.cta02{
	margin: 0 auto 10%;
}
.cta ul{
	width: 88%;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
	bottom: 4%;
}
.cta ul li{
	float: none;
	width: 100%;
}
.cta ul li:first-child{
	margin-bottom: 2%;
}

h1{
	margin-bottom: -4%;
}

.movie{
	width: 100%;
	margin: 0 auto;
}
.movie iframe{
	width: 89%;
	height: 19%;
	bottom: 5%;
}

.image08{
	width: 100%;
	margin: 0 auto;
}
.image10{
	width: 89%;
	margin: 15% auto;
}

footer{
	padding: 40px 15px 30px;
}
footer .logo{
	max-width: 153px;
	margin: 0 auto 25px;
}
footer ul{
	margin: 0 auto;
	padding: 12px 0;
}
footer ul li{
	margin: 0 5px;
}
footer ul li a{
	font-size: 11px;
}
footer .spNavi{
	margin-bottom: 15px;
}
footer .spNavi ul:first-child{
	border-bottom: none;
}
footer .copy{
	font-size: 11px;
}

}