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

body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: black;
	color: white;
	padding: 4em 0;
	font-size: 14px;
	line-height: 1.5em;
}

a {
	color: white;
	text-decoration: none;
	transition: all ease 0.2s;
}

a:hover {
	opacity: 0.7;
	text-decoration: underline;
}

.floLeft{
	float:left;
}

.floRight{
	float:right;
}

.smart_br{
	display: inline;
}

/*
 * header
 */

header {
	width: 960px;
	margin: 0 auto;
	margin-bottom: 1.5em;
}

header ul li {
	float: left;
}

header ul.logo h1 {
	margin-right: 1em;
}

header menu ul {
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 0.85em;
}

header menu ul li {
	margin-right: 1em;
}

header menu ul li:last-child {
	margin-right: 0;
}

/*
 * main
 */

main {
	width: 960px;
	margin: 0 auto;
}

main img.mainImg {
	width: 100%;
}

/*
 * footer
 */

footer {
	width: 960px;
	margin: 0 auto;
	margin-top: 0.5em;
}

footer address {
	float: left;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 0.85em;
	line-height: 2em;
}

footer div.contact a {
	float: right;
	background: rgba(114,113,113,1.00);
	padding: 4px 24px 4px 8px;
	font-size: 0.85em;
}

footer div.contact a:hover {
	text-decoration: none;
}

footer div.contact a i{
	margin-right: 0.5em;
}

/*
 * recruit
 */

main.recruit h2 {
	margin-top: 2em;
	border-bottom: 3px double #FFF;
	padding-left: 2em;
	padding-bottom: 0.5em;
	margin-bottom: 2em;
}

main.recruit section {
	margin-bottom: 6em;
}

main.recruit section h3 {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.9em;
	padding-left: 1em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #FFF;
	line-height: 1em;
}

.title_copyright {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 1.4em;
	padding-left: 1.4em;
	margin-bottom: 0.5em;
	display: block;
}

main.recruit section .sub_head {
	border-bottom: 1px solid #FFF;
	margin-bottom: 2em;
	padding-bottom: 2em;
}

main.recruit section p {
	padding: 0 84px 20px;
}

main.recruit section.fast p {
	padding-bottom: 0;
	border-bottom: 0px;
}

main.recruit section table,
main.access section table {
	width: 95%;
	margin: 0 auto;
}

main.recruit section table tr {
	border-bottom: 1px dashed #FFF;
}

main.recruit section table tr th,
main.recruit section table tr td,
main.access section table tr th,
main.access section table tr td {
	padding: 1em;
	text-align: left;
	font-weight: 100;
}

main.recruit section table tr th,
main.access section table tr th {
	width: 15%;
}

main.recruit section.last .sub_head {
	border-bottom: 0;
}

main.recruit section.last img {
	margin-right: 20px;
	float: left;
}

main.recruit section.mail img {
	margin-right: 20px;
}

main.recruit section.mail a {
	width: 240px;
	height: 51px;
	text-align: center;
	background: #7d0000;
	display: inline-block;
	line-height: 51px;
	border-radius: 1em;
}

main.recruit section.mail a:hover {
	text-decoration: none;
}


/*
 * access
 */


main.access h2 {
	margin-top: 4em;
	border-bottom: 3px double #FFF;
	padding-left: 2em;
	padding-bottom: 0.5em;
	margin-bottom: 2em;
}

main.access iframe {
	height: 575px;
	margin: 2em 0;
}

main.access section {
	margin-bottom: 4em;
}


@media only screen and (max-width: 480px) {
	
	body {
		width: 95%;
		margin: 0 auto;
	}
	
	header,
	main,
	footer {
		width: 100%;
	}
	
	.smart_br{
		display: block;
	}
	
	header ul.logo li{
		float: none;
	}
	header ul.logo h1 img {
		width: 72px;
		height: 16px;
	}
	header ul.logo i img {
		width: 108px;
		height: 16px;
	}
	
	main.recruit h2 {
		padding-left: 0;
	}

	main.recruit h2 img {
		width: 187px;
		height: 11px;
	}

	main.recruit section.fast {
	}

	main.recruit section h3 {
		font-size: 1em;
	}

	main.recruit section h3,
	main.recruit section p,
	main.recruit section table tr th,
	main.recruit section table tr td,
	main.access section table tr th,
	main.access section table tr td {
		padding-left: 0;
		padding-right: 0;
	}

	main.recruit section h3{
		line-height: 1.4em;
	}

	main.recruit section table,
	main.access section table {
		width: 100%;
	}

	main.recruit section table tr th,
	main.access section table tr th {
		width: 25%;
	}

	main.recruit section.last img {
		margin-right: 0;
		float: none;
		width: 100%;
	}
	
	main.recruit section.mail img {
		margin-right: 0;
		margin-bottom: 20px;
	}

	main.recruit section.mail a {
		width: 100%;
	}

	main.access iframe {
		height: auto;
	}

	.title_copyright {
		font-size: 1em;
		padding-left: 0;
		margin-bottom: 0.5em;
		display: block;
	}

	.w320imgs img {
		width: 100%;
	}
	
	.mail img {
		width: 100%;
	}

}