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

/****************************************************************
基本設定
****************************************************************/

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

body{
	margin:0;
	padding:0;
	border:0;
}

sub,sup{
	font-size: 0.7em;
}

sup{
	vertical-align: super;
}

@media print,all and (min-width: 788px) {

	html{
		font-size: 15px;
		line-height: 1.6;
	}

	.spOnly{display:none;}

}

@media screen and (min-width: 600px) and (max-width: 787px) {

	html{
		font-size: 13px;
		line-height: 1.5;
	}

	.spOnly{display:none;}

}


@media screen and (max-width: 599px) {

	html{
		font-size: 12px;
		line-height: 1.5;
	}

	.pcOnly{display:none;}

}


article#recruit{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif !important;
}

article#recruit img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/****************************************************************
コンテンツ設定
****************************************************************/

.recruit_contwrap01{
	background-color: #fff;
}

article#recruit .cmn_ttlArea01{
	text-align: center;
}

@media print,all and (min-width: 768px){

	.recruit_contwrap01,
	.recruit_contwrap02 {
		width: 980px;
		margin: 0 auto;
		padding: 40px 15px 30px;
		box-sizing: border-box;
	}

	article#recruit .cmn_ttlArea01 h1 img{
		width: auto;
		height: 36px;
	}

}


@media screen and ( max-width: 767px) {

	.recruit_contwrap01,
	.recruit_contwrap02 {
		padding: 30px 15px;
		box-sizing: border-box;
	}

	article#recruit .cmn_ttlArea01 h1 img{
		width: auto;
		height: 28px;
	}

}

/****************************************************************
footer
****************************************************************/


.recruit_fnav{
	background-color: #ddf2f7;
}

.recruit_fnav ul li a img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.recruit_fnav ul li a:hover img{
	opacity: 0.75;
}

@media print,all and (min-width: 768px){

	.recruit_fnav{
		width: 100%;
		max-width: 1280px;
		margin: auto;
		padding: 1px 0;
		border-top: #fff solid 50px;
	}

	.recruit_fnav ul{
		width: 670px;
		margin: 20px auto 10px;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.recruit_fnav ul li{
		width: 30%;
		margin-bottom: 10px;
	}

}


@media screen and ( max-width: 767px) {

	.recruit_fnav{
		border-top: #fff solid 30px;
	}

	.recruit_fnav ul{
		padding: 30px 20px;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.recruit_fnav ul li{
		width: 49%;
		margin-bottom: 2%;
	}

}