@charset "UTF-8";
body{
	min-width:1200px;
	width:100%!important;
	position:relative;
	background:url(../images/bg.jpg) repeat-y top left;
	background-attachment: fixed;
}
@media (max-width:640px) {
	body{
		min-width:320px;
		width:100%!important;
		position:relative;
		background:url(../images/bg.jpg) repeat-y top left;
		background-attachment: fixed;
	}
}
/********************************
	header
********************************/
#header{
	width:100%;
	height:70px;
	background:#000;
	z-index:1000;
}
.headerIn{
	overflow:hidden;
	max-width:1200px;
	margin:0 auto;
}
.headerInLeft{
	float:left;
	width:128px;
	margin:0;
}
.headerInRight{
	float:right;
	width:160px;
	margin:0;
}
.headericon{
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}
.headericon li{
	float:left;
	margin:0 5px 0 0;
}
.headericon li.last{
	float:left;
	margin:0;
}
@media (max-width:640px) {
	#header{
		width: auto;
		height:auto;
		background:#000;
	}
	.headerIn{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.headerInLeft{
		float:left;
		width:21%;
		margin:2% 0 0 5%;
	}
	.headerInLeft img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.headerInRight{
		float:right;
		width:175px;
		margin:0 1% 0 0;
	}
	.headericon{
		overflow:hidden;
		list-style:none;
		margin:0;
		padding:0;
	}
	.headericon li{
		float:left;
		margin:0 5px 0 0;
	}
	.headericon li img{
		display:block;
		max-width:90%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.headericon li.last{
		float:left;
		margin:0;
	}
}
@media (max-width:370px) {
	.headerInLeft{
		float:left;
		width:21%;
		margin:2.5% 0 0 5%;
	}
	.headerInRight{
		float:right;
		width:50%;
		margin:0;
	}
	.headericon li{
		float:left;
		margin:0 2px 0 0;
	}
	.headericon li img{
		display:block;
		max-width:80%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
/********************************
	top
********************************/
.top{
	position:relative;
	width:100%;
	height:600px;
	margin:0 auto;
	background:url(../images/main_bg.jpg) repeat-x center top;
}
.top__image{
	max-width:1200px;
	margin:0 auto;
}
@media (max-width:640px) {
	.top{
		position:relative;
		width:auto;
		height:auto;
		background:none;
	}
	.top__image{
		width:auto;
		margin:0 auto;
	}
	.top__image img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
/********************************
	content
********************************/
.content{
	width:100%;
	line-height: 1.8;
}
/* movie */
.movie{
	width:100%;
}
.movie__text{
	margin:0;
	padding:60px 0 15px;
	color:#fff;
	font-size:18px;
	text-align:center;
}
.movie__ttl{
	max-width:859px;
	margin:0 auto 30px;
}
.movie__youtube{
	max-width:800px;
	height:450px;
	margin:0 auto 70px;
}
@media (max-width:640px) {
	.movie{
		width:100%;
		background:url(../images/sp_movie_bg.jpg) no-repeat center top;
	}
	.movie__text{
		margin:0 5%;
		padding:40px 0 20px;
		color:#fff;
		font-size:18px;
		text-align:left;
	}
	.movie__ttl{
		width:auto;
		margin:0 auto 30px;
	}
	.movie__ttl img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.movie__youtube{
		width:auto;
		height:auto;
		margin:0px auto;
		padding: 0 5% 11%;
	}
	.movie__youtube iframe{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}

}
/* profile */
.profile{
	position: relative;
	width:100%;
	height:600px;
	background:url(../images/pro_bg.jpg) no-repeat center top;
}
.profileInner{
	overflow: hidden;
	max-width:1200px;
	height:600px;
	margin:0 auto;
}
.profile__box{
	float:right;
	max-width:640px;
	padding: 90px 0;
}
.profile__name{
	max-width:640px;
	margin:0 0 20px;
}
.profile__text{
	color:#fff;
	margin:0 0 100px;
}
.profile__comment{
	max-width:640px;
	margin:20px 0 0;
}
@media (max-width:640px) {
	.profile{
		position: relative;
		width:100%;
		height:auto;
		background:url(../images/sp_profile_bg.jpg) no-repeat center bottom;
	}
	.profileInner{
		overflow: hidden;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.profile__box{
		float:none;
		width:auto;
		height:auto;
		padding: 0;
	}
	.profile__photo{
		width:auto;
		margin:0 0 20px;
	}
	.profile__photo img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.profile__name{
		width:auto;
		margin:25px 0 15px;
	}
	.profile__name img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.profile__text{
		color:#fff;
		margin:0 5%;
		padding:0 ;
	}
	.profile__comment{
		width:auto;
		margin:20px 0 25px;
	}
	.profile__comment img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
}
/* btn */
.btn{
	overflow:hidden;
	max-width:1190px;
	height:100px;
	margin:80px auto;
}
.btn__left{
	float:left;
	width:580px;
	height:100px;
	background:#fff;
}
.btn__right{
	float:right;
	width:580px;
	height:100px;
	background:#fff;
}
@media (max-width:640px) {
	.btn{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.btn__left{
		float:none;
		width:auto;
		height:auto;
		margin: 7% 5% 3%;
	}
	.btn__left img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}
	.btn__right{
		float:none;
		width:auto;
		height:auto;
		margin: 2% 5% 7%;
	}
	.btn__right img{
		display:block;
		max-width:100%;
		width: auto;
		height:auto;
		margin: 0 auto;
	}

}
/********************************
	footer
********************************/
#footer{
	width: 100%;
	height:70px;
	background:#000;
}
.footerIn{
	overflow:hidden;
	width:1200px;
	margin:0 auto;
}
.footerInLeft{
	float:left;
	margin:24px 0 0;
}
.footerInRight{
	float:right;
	width:160px;
	margin:0;
}
.footericon{
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
}
.footericon li{
	float:left;
	margin:0 5px 0 0;
}
.footericon li.last{
	float:left;
	margin:0;
}
.copy{
	margin:0 auto;
	color:#fff;
	font-size:12px;
}
@media (max-width:640px) {
	#footer{
		width:auto;
		height:auto;
		background:#000;
	}
	.footerIn{
		display: table;
		width:auto;
		height:auto;
		margin:0 auto;
	}
	.footerInLeft{
		display: table-footer-group;
		float:none;
		margin:0 auto;
	}
	.footerInRight{
		float:none;
		width:100%;
		margin:5px auto 0;
	}
	.footericon{
		overflow:hidden;
		list-style:none;
		width: 67%;
		margin:0 auto;
		padding:0;
	}
	.footericon li{
		float:left;
		margin:0 5px 0 0;
	}
	.footericon li.last{
		float:left;
		margin:0;
	}
	.copy{
		margin:0 auto 29px;
		color:#fff;
		text-align:center;
		font-size:.8em;
	}
}
.pc{
		display:block;
}
.sp{
		display:none;
}
@media (max-width:640px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
}
br{
	display:block;
}
.br{
	display:none!important;
}
@media (max-width:640px) {
	br {
			display:none;
	}
	.br{
		display:block!important;
	}
}
a:hover .fadeImg {
	opacity: 0.7;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	transition: opacity .5s;
}