@charset "utf-8";


/* initialization
------------------------------*/
a,abbr,address,main,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video {margin: 0; padding: 0; outline: 0;}
main,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display: block;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
address,caption,cite,code,dfn,th,var {font-style: normal;font-weight: normal;}
body {background: #fff; font-size: 100%; line-height: 1; -webkit-text-size-adjust: 100%; font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ",Meiryo,'ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
del {text-decoration: line-through;}
ins {background-color: #ff9; color: #000; text-decoration: none;}
mark {background-color: #ff0; color: #000;}
table {border-collapse: collapse; border-spacing: 0;}
caption,th {text-align: left;}
fieldset,img {border: 0;}
ol,ul {list-style: none;}
input, textarea, select {font-family: inherit; font-weight: inherit; font-size: 100%;}
h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight: normal;}
hr {display: block; height: 1px;border: 0; border-top: 1px solid #ccc;}
img {vertical-align: top; max-width: 100%; height: auto;}
label,input[type="submit"], input[type="reset"] {cursor: pointer;}


/* clearfix
------------------------------*/
.clearfix {zoom:1;}
.clearfix:after {content: ""; display: block; clear: both; overflow: hidden;}


/* link
------------------------------*/
a:link, a:active, a:visited {text-decoration: none; color: #1b1b1b;}
a:hover, a:focus {text-decoration: underline; color: #96734b;}

.over:hover img,
.over input:hover,
a.overtxt:hover{
	-webkit-transition:opacity .2s ease-out;
	-moz-transition:opacity .2s ease-out;
	transition:opacity .2s ease-out;
	-moz-opacity: .5;
	-webkit-opacity: .5;
	opacity: .5;
	-ms-filter: alpha(opacity=50);
	filter: alpha(opacity=50);
}


/* outline
------------------------------*/
body {
	line-height: 1.6;
	font-size: 13px;
	color: #1b1b1b;
	min-width: 980px;
	border-top: 10px solid #41403f;
}
.container {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.tb, .sp, .tbsp { display: none; }
@media only screen and (min-width: 769px) {	/*pc*/
img.pctb { display: inline !important; }
#wrapper {
	min-width: 980px;
}
}
@media only screen and (min-width: 741px) and (max-width: 768px) {	/*tab*/
.pc, .sp { display: none !important; }
.tb { display: block !important; }
img.tb,img.pctb,img.tbsp { display: inline !important; }
body {
	min-width: 100%;
}
.container {
	width: 96%;
	margin: 0 2%;
}
}
@media only screen and (max-width: 740px) {	/*sp*/
.pctb, .pc, .tb { display: none !important; }
.sp { display: block !important; }
img.sp,img.tbsp { display: inline !important; }
body {
	min-width: 100%;
	border-top: 5px solid #41403f;
}
.container {
	width: 96%;
	margin: 0 2%;
}

.career #main {
	padding-bottom: 30px;
}
}


/* header
--------------------------------------------------*/
header div {
	margin: 15px 0;
}
header div > *,
header div li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
header div,
header div ul {
	display: table;
	width: 100%;
}

header div h1 {
	border-left: 1px solid #dcdcdc;
}
header div h1,
header div li {
	border-right: 1px solid #dcdcdc;
	padding: 0 3px;
}
header div a {
	display: block;
	width: 100%;
	padding: 10px 0;
	
}
header div h1 a {
	padding: 0;
	
}

@media only screen and (min-width: 741px) and (max-width: 768px) {	/*tab*/
header.container {
	width: 100%;
	margin: 0;
}
header div h1 img {
	max-width: 40px;
}
header div ul li img {
	max-width: 90px;
}
}
@media only screen and (max-width: 740px) {	/*sp*/
#top.container {
	width: 100%;
	margin: 0;
}
header .sp {
	margin: 5px 0 0;
}
header .spHead {
	width: auto;
	display: table;
	width: 96%;
	margin: 0 2% 5px;
}
	header .spHead h1,
	header .spHead span {
		display: table-cell;
		border: none;
	}
	header .spHead h1 {
		padding: 0 3px;
		text-align: left;
	}
	#menuBtn {
		text-indent: -9999px;
		width: 35px;
		height: 35px;
		background: url(/recruit/common/img/btn_manu_sp.png);
		background-size: cover;
	}
	#menuBtn.open {
		background: url(/recruit/common/img/btn_manu_close_sp.png);
		background-size: cover;
	}
header div nav {
	width: 100%;
	display: none;
	position: absolute;
	z-index: 100;
	background: #fff;
}
	header div li {
		display: block;
		border: none;
		padding: 0;
		border: 1px solid #ccc;
	}
	header div li a {
		display: block;
		color: #fff;
		background: #888a87;
	}
	header div li a:link, header div li a:active, header div li a:visited { color: #fff; }
	header div li a:hover, header div li a:focus { color: #fff; }

}


/* footer
--------------------------------------------------*/
#pageTop {
	text-align: right;
	position: relative;
	top: -29px;
}
@media only screen and (min-width: 741px) and (max-width: 768px) {	/*tab*/
#pageTop a {
	margin-right: 10px;
}
}
@media only screen and (max-width: 740px) {	/*sp*/
#pageTop {
	border-bottom: 5px solid #535353;
	width: 100%;
	margin: 0;
	top: -38px;
}
#pageTop a {
	margin-right: 10px;
}
}


/*footerNav*/
.footerNav {
	background: #f3f5ec;
	padding: 0 5px 20px;
}
	.footerNav ul {
		vertical-align: top;
		display: inline-block;
		border-left: 1px solid #aaaaaa;
		padding: 0 35px 0 15px;
		height: 8em;
	}
	.footerNav li {
		line-height: 1;
	}
		.footerNav li a {
			display: inline-block;
			padding: 0.5em;
		}

@media only screen and (min-width: 741px) and (max-width: 768px) {	/*tab*/
.footerNav ul {
	padding: 0 20px 0 10px;
	height: 10em;
}
}
@media only screen and (max-width: 740px) {	/*sp*/
.footerNav {
	background: #777976;
	padding: 0;
}
	.footerNav .container {
		width: 100%;
		margin: 0;
	}
	.footerNav ul {
		border: none;
		padding: 0;
		width: 100%;
		height: auto;
	}
	.footerNav ul.top {
		margin-top: -38px;
	}
	.footerNav li {
		padding: 0;
		width: 100%;
		border-bottom: 1px solid #fff;
	}
		.footerNav li a {
			text-align: center;
			color: #fff;
			display: block;
			padding: 15px;
		}
}

/*sns*/
.footerSns {
	background: #eaeddc;
}
	.footerSns ul {
		text-align: right;
		padding: 15px 0;
	}
	.footerSns li {
		display: inline-block;
		display: inline\9;
		zoom: 0\9;
		line-height: 30px;
		padding: 0 10px;
	}
		.footerSns li img {
			width: 30px;
			height: auto;
			padding: 0 8px 0 0;
		}

@media only screen and (max-width: 740px) {	/*sp*/
.footerSns {
	background: #fff;
}
	.footerSns p {
		text-align: center;
		padding-top: 20px;
	}
	.footerSns ul {
		text-align: center;
		padding: 15px 0;
	}
	.footerSns li {
		line-height: 35px;
	}
}


/*footer*/
.footerwrapper {
	text-align: center\9;
}
footer {
	color: #FFF;
	background: #777976;
	text-align: center\9;
	padding: 10px 0\9;
}
footer .container {
	text-align: right;
}
footer a:link, footer a:active, footer a:visited {
	color: #fff;
}
footer a:hover, footer a:focus {
	color: #fff;
	text-decoration: underline;
}
	footer ul {
		display: inline-block;
		display: inline\9;
		zoom: 0\9;
	}
	footer li {
		display: inline-block;
		display: inline\9;
		zoom: 0\9;
		padding: 0 15px;
		border-left: 1px solid #fff;
		line-height: 1;
	}
	footer li:first-child {
		border-left: none;
	}
	footer p {
		display: inline-block;
		display: inline\9;
		zoom: 0\9;
		padding: 10px 10px 10px 60px;
		font-size: 85%;
	}
	footer p.browser {
		clear: both;
		text-align: right;
		font-size: 87%;
		padding-top: 0;
	}

@media only screen and (max-width: 740px) {	/*sp*/
	footer {
		text-align: center;
		padding: 5px 0 20px;
	}
	footer .container {
		text-align: center;
	}
	footer ul {
		display: block;
	}
	footer li {
		display: block;
		padding-top: 15px;
		border-left: none;
	}
	footer p {
		padding: 15px 0 0;
	}
}