@charset "shift_jis";


/*キーイメージ*/
#keyimgBox {
	width: 100%;
	background: url(/credo/images/index/keyimg_h1.jpg);
	margin: 0px 0;
}


@media screen and (max-width:767px){
	#keyimgBox{
	margin-top : 62px;
	width : 100%;
	background:url(/credo/images/index/keyimg_h1.jpg);
	background-position: right 54% bottom 11%;
	background-repeat: no-repeat;
	background-size: 220% auto;
	}
}



.naviBox li{
	background-color: #ea0f37;
	border:solid 1px #ea0f37;
	boxshadow:1px;
	-webkit-transition: all .3s;
	transition: all .3s;
	color:#fff;
	box-sizing: border-box;
	-webkit-appearance: none;
	-webkit-text-size-adjust: 100%;
}

.naviBox li:hover {
	border:solid 1px #ccc;
	background-color: #fff;
}

.naviBox li a{
	color:#fff;
display:flex;
	padding:15px;
	font-size:0.95em;
}

.naviBox a:hover {
	color:#be0d13;
	text-decoration:none;
}


/*スマートフォン幅*/
@media screen and (max-width:767px) {
	.Catch {
		line-height: 1.4;
		font-size: 22px;
	}
	ul.naviBox li.grid4{
		clear: none;
		float:left;
		width:46.93617021276596%;
		/*margin-left: 2.08%;*/
		margin-left: 8px;
		margin-top: 0 !important;
		/*height: 40px;*/
		margin-bottom: 10px;

	}
	/*スマホの時個別で高さ揃え*/
	.naviBox li.h82{
		height: 82px;
	}
	.naviBox li a{
		color:#fff;
	display:inline-block;
		padding:10px;
	}
}




.naviBox_outer{
	background: #f2f2f2;
	padding: 20px;
}

ul.naviBox{
	margin-bottom: 0px;
}

.naviBox li{
	border-radius: 3px;
	}
	

.naviBox li a,.naviBox li.other{
	font-size: 0.9em;
	}


/*スマートフォン幅*/
@media screen and (max-width:767px) {
	ul.naviBox{
	margin-bottom: 0px;
	}
	ul.naviBox li{
	margin-bottom: 10px;
	}
	.naviBox li a {
	padding: 10px;
	}
	.naviBox_outer{
	padding: 10px;
	}

}
 
/*採用関連ボタン*/
.naviBox li.other{
	background:#fff;
	border:solid 1px #ccc;
	-webkit-transition: all .3s;
	transition: all .3s;
	color:#fff;
	box-sizing: border-box;
}
.naviBox li.other:hover {
	border:solid 1px #ea0f37;
	background-color: #ea0f37;
}
.naviBox li.other a{
	color:#333;
	/*display:flex;*/
	/*padding:15px;*/
	font-size:0.95em;
}

.naviBox .other a:hover {
	color:#fff;
	text-decoration:none;
}