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

/*-------------------------------------------------------------------------------- start */
.company_navi_area {
	padding:5% 0;
	background:#FFF;
}

.company_navi {
	width:1000px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	list-style: none;
}

.company_navi li{
	width: 320px;
	margin-right: 20px;
	display: flex;
}

.company_navi li:last-child {
	margin-right: 0;
}

.company_navi li a:link,.company_navi li a:active,.company_navi li a:visited {
	width: 100%;
	border: 2px solid #333;
	padding:2% 0 2.5% 5%;
	font-size: 1.8rem;
	color: #333;
	letter-spacing: 0.1rem;
	text-decoration: none;
	position: relative;
	transition: 0.3s;
	display: flex;
	align-items: center;
}

.company_navi li a:hover {
	color: #FFF;
	background: #333;
}

.company_navi_inner .sub {
	font-size:1.2rem;
}

/* .company_navi li a:after {
	font-family: 'Glyphicons Halflings';
	content: "\e258";
	position: absolute;
	right: 5%;
} */

.company_navi li > a > span.glyphicon {
	display: block;
	position: absolute;
	top: 50%;
	right: 14px;
	transform: translateY(-50%);
}
/*-------------------------------------------------------------------------------- end */



@media screen and (max-width: 960px) {
/*-------------------------------------------------------------------------------- start */
	.company_navi {
		width:90%;
	}

	.company_navi li{
		width: 32%;
		margin-right: 2%;
	}
/*-------------------------------------------------------------------------------- end */
}




@media screen and (max-width: 767px) {
/*-------------------------------------------------------------------------------- start */
	.company_navi {
		flex-wrap: wrap;
	}

	.company_navi li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 2%;
		min-height: 50px;
	}
/*-------------------------------------------------------------------------------- end */
}