@charset "utf-8";
body{
	color:#555;
	-webkit-text-size-adjust:100%;
	background:#f7f7f7;
}

a {color:#6caefe;text-decoration:none;}
a:hover {color:#488fdd;}
a:active, a:focus {outline:0;}

.wrapper {margin:0 auto;width:100%;}

/* 社名 ----------------------------- */
#company {height:80px;}
#company .logo {max-width:960px;float:left;
}
#company .logo a {color:#555;}
#company h1 {
	padding:32px 0 0;
	font-size:12px;
	font-weight:normal;
}

/* 準備中 ------------------------------------ */
body#closed #company {
	margin: 0 auto;
}

body#closed section.content {
	width: 90%;
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
}

/* メインイメージ ------------------------- */
#mainImg {
	margin:0 auto;
	padding:0 1%;
	width:98%;
	position:relative;
}
#imgWrapper {
	clear:both;
	margin:25px auto 40px;
	padding:0;
	position:relative;
	text-align:center;
}
#imgWrapper .wrapper {position:relative;}
#imgWrapper img {max-width:100%;height:auto;}
.mainMessage {
	color:#fff;
	font-weight:bold;
	position:absolute;
	max-width:100%;
	height:auto;
	bottom:42%;
	left:40px;
	padding:5px 10px;
	line-height:1.4;
	text-align:left;
}
.mainMessage h2 {font-size:22px;}

/* コンテンツ -------------------------- */
.content .content_title h3 {
	margin:10px 0 0 0;
	padding:10px 0 4px 0;
	font-size:1em;
	font-weight:bold;
	border-bottom:1px solid #ddd;
}
.content .content_img {

}
.content .content_text p {padding-bottom:10px;}

/* フッター ---------------------------- */
#footer {clear:both;}
#footer a {color:#555;}
#footer a:hover {color:#999;}
#footer .wrapper {padding:40px 0;overflow:hidden;}
#footer .container {margin:0;}
#footer #info {float:left;}
#footer #info .info {float:none;}
#footer #info .info {
	clear:both;
	padding:5px 0 0;
	text-align:left;
}
#footer .logo {font-size:18px;}
#footer .sub-title {font-size:.8em;}

ul.footernav {
	float:right;
	width:620px;
	padding:10px 0;
}
ul.footernav ul {display:none;}

ul.footernav li {
	float:left;
	font-size:.8em;
	margin:10px 0;
	padding:0 12px 0 10px;
	border-right:1px solid #c4c4c4;
}
ul.footernav li:first-child {
	border-left:1px solid #c4c4c4;
}

#copyright {
	text-align:center;
	font-style:normal;
	font-size:1em;
	color:#555;
}

/* PC用
------------------------------------------------------------*/
@media only screen and (min-width:960px) {
	#company,#mainImg,.wrapper {
		max-width:960px;
		padding:0;
		margin:0 auto;
	}
	#nav div.menu-item {float:right;}

	#nav {
		clear:both;
		z-index:10;
		position:relative;
	}

	#nav li {float:left;position:relative;}
	#nav li a {
		color:#555;
		display:block;
		text-align:center;
		font-size:13px;
		width:111px;
		padding:15px 0;
	}

	#nav li a span,#nav li a strong {display:block;}
	#nav ul ul {width:160px;background:#fff;}
	#nav li ul {display:none;}

	#nav li:hover ul {
		display:block;
		position:absolute;
		top:64px;
		z-index:500;
	}

	#nav li.current-menu-item a,
	#nav li a:hover,
	#nav li.current-menu-item li a:hover {
		color:#999;
		border-bottom:solid 1px #c4c4c4;
		padding-bottom:2px;
	}

	#mainImg {clear:both;padding:20px 0;}

	#company .logo {width: auto;}
}

@media only screen and (max-width:959px) {
	* {
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-o-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
	}
	
	#nav {width:100%;margin:0 auto;}
	#nav .menu-item {
		width:fit-content;
		margin:0 auto;
		padding: 0 0 1em;
	}
	#nav ul {margin:0;padding:0;}
	#nav li {float:left;border:0;}
	#nav li a {color:#555;padding:15px 10px;}

	#nav li a:hover,
	#nav li a:active,
	#nav li.current-menu-item a {color:#555;}

	#company {padding-left:10px;}

	#footer .container,
	#footer ul.footernav {
		float:none;
		width:100%;
		text-align:center;
	}
	ul.footernav li {
		float:none;
		font-size: 1em;
		display:inline-block;}

	.container {
		float:left;
		width:32%;
		margin:10px 0 0 1%;
	}

	#footer .logo img {float:none;padding:0;}
	#footer .logo a {display: none;}
}

@media only screen and (max-width:640px) {
	#company {height:auto;padding-bottom:20px;}
	#company h1,.logo {text-align:center;}
	.logo {clear:both;width:100%;float:none;}
	.logo img {float:none;padding:0;}
}

@media only screen and (max-width:480px) {
	.container {width:100%;margin:10px 0;}
	#imgWrapper h2,#imgWrapper p {font-size:80%;}
}