@charset "utf-8";
/* CSS Document */
body{
}


/*******************
	header
*******************/
header{
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: 1px solid #f1f1f1;
}
header .wrap{
	width:1200px;
	margin:0 auto;
}
@media screen and (max-width: 1333px) {
	header .wrap{
		width:90%;
	}
}
header img{
	width:100%;
	height:auto;
}
header h1{
	width:66px;
	float:left;
	margin:5px 0 0 10px;
}
header h2{
	width:320px;
	float:left;
	margin:40px 0 0 10px;
}
@media screen and (max-width: 644px) {
	header h1{
		width:18%;
		margin:2% 0 0 0.5%;
	}
	header h2{
		width:78%;
		float:left;
		margin:13% 0 0 2%;
	}
}
header ul{
	float:right;
}
header ul li{
	display:inline-block;
	float:left;
}
header ul li a{
	display:inline-block;
	padding:56px 20px 0 20px;
	font-size:110%;
	text-align:center;
}
header ul li a:link,
header ul li a:visited,
header ul li a:active{
	color: #333333;
	text-decoration:none;
	transition: all 0.4s 0s ease;-webkit-transition: all 0.4s 0s ease;
}
header ul li a:hover {
	color: #00abd0;
	text-decoration:none;
	transition: all 0.4s 0s ease;-webkit-transition: all 0.4s 0s ease;
}
header ul li a span{
	display:block;
	width:0%;
	height:3px;
	margin:26px 0 0;
	font-size:0;
	line-height:0;
	background-color:#00abd0;
	transition: all 0.4s 0s ease;-webkit-transition: all 0.4s 0s ease;
}
header ul li a.ac span{
	width:100%;
}
header ul li a:hover span{
	width:100%;
	transition: all 0.4s 0s ease;-webkit-transition: all 0.4s 0s ease;
}
@media screen and (max-width: 644px) {
	header ul{
		width:100%;
		float:none;
		clear:both;
	}
	header ul li:nth-child(1){
		width:44%;
	}
	header ul li:nth-child(2),
	header ul li:nth-child(3){
		width:28%;
	}
	header ul li a{
		width:100%;
		padding:20px 0 0 0;
		font-size:90%;
	}
	header ul li a span{
		margin:16px 0 0;
	}
}
/*******************
	END header
*******************/

#conWrap{
	-webkit-backface-visibility: hidden;
	/*background-image: url(../images/common/back.png);
	background-position: center top;*/
}
#conWrap #content{
	width:1200px;
	margin:0 auto;
	padding:0 0 50px;
}
#content img{
	width:100%;
	height:auto;
}
@media screen and (max-width: 1333px) {
	#conWrap #content{
		width:90%;
		padding:0 0 4.5%;
	}
}
@media screen and (max-width: 1200px) {
	#conWrap{
		background-size: 16.666666% auto;
	}
}
@media screen and (max-width: 644px) {
	#conWrap{
		/*background-image: url(../images/common/back2.png);*/
	}
}
/*******************
	footer
*******************/
footer{
	text-align:center;
	border-top: 1px solid #f1f1f1;
	background-color:#FFFFFF;
}
footer ul{
	display: inline-block;
	border-left: 1px solid #666666;
	line-height:100%;
	margin:20px 0 0;
}
footer ul li{
	display: inline-block;
	padding: 0 10px;
	font-size: 90%;
	border-right: 1px solid #666666;
}
footer #footerLogo{
	width:400px;
	margin:10px auto 0;
}
footer #footerLogo img{
	width:100%;
	height:auto;
}
footer #cop{
	font-size: 70%;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 644px) {
	footer ul{
		width:90%;
		margin:4% auto 0;
		border-left:none;
	}
	footer ul li{
		display:inline-block;
		padding:0;
		border-right:none;
		float:left;
	}
	footer ul li.ac{
	border-bottom: 3px solid #00abd0;
	}
	footer ul li:nth-child(1){
		width:44%;
	}
	footer ul li:nth-child(2),
	footer ul li:nth-child(3){
		width:28%;
	}
	footer ul li a{
		display:inline-block;
		width:100%;
		padding:20px 0 20px 0;
	}
	footer ul li a:link,
	footer ul li a:visited,
	footer ul li a:active,
	footer ul li a:hover{
	}
	footer #footerLogo{
		width:90%;
		margin:2% auto 0;
	}
	
}
/*******************
	END footer
*******************/


/*******************
	共通
*******************/
.scrollMov1{
	position:relative;
	transition: all 0.5s 0s ease;-webkit-transition: all 0.5s 0s ease;
}
.scrollMov2{
	position:relative;
	transition: all 0.5s 0s ease;-webkit-transition: all 0.5s 0s ease;
}
/*******************
	END 共通
*******************/









/************************/