@charset "UTF-8";
/*====================================
	for recruit.html
	Date of 2016.6.17
====================================*/

.recruitList {
	margin-bottom: 40px;
}
.recruitList li {
    text-align: center;
    position: relative;
    margin: 0 auto 20px;
    width: 85%;
}
.recruitList li a {
	display: block;
}
.recruitList li img {
    display: block;
    width: 100%;
}
.recruitList li p {
    width: 100%;
    color: #FFF;
    font-size: 105%;
    position: absolute;
    bottom: 0;
    background-color: #0B1A36;
    padding: 0.8% 0;
}
.recruitList li p:before {
	content: "\f0da\f0da";
    font-family: FontAwesome;
	float: left;
	margin-left: 15px;
	margin-right: -25px;
}
.recruitRelationLink li {
	width: 90%;
	margin: 0 auto 8px;
}
.recruitRelationLink li a {
	display: block;
	color: #888888;
	border: 1px solid #888888;
	padding: 5px 0;
	text-decoration: none;
}
.recruitRelationLink li span {
	display: inline-block;
	margin-left: 20%;
}
.recruitRelationLink li a:before {
	content: "\f0da\f0da";
    font-family: FontAwesome;
	float: left;
	margin-left: 25px;
}

/* 769px */
@media print, screen and (min-width: 769px){
.recruitList {
	text-align: center;
}
.recruitList li {
    width: 37%;
	display: inline-block;
	margin-right: 1%;
}
.recruitList li:last-child {
	margin-right: 0;
}
.recruitList li p {
	font-size: 125%;
	padding: 0.6% 0;
}
.recruitRelationLink li {
	width: 40%;
}
.recruitRelationLink li a {
	padding: 9px 0;
}
.recruitRelationLink li a:before {
	margin-left: 10%;
}
.recruitRelationLink li a:hover {
	background: #AAAAAA;
	color: #FFF;
}
}