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

/*-------------------------------------------------------------------------------- start */
.recruit_index_section {
	margin: 4rem 0 15%;
}

.recruit_index_section_inner {
	max-width:1000px;
	width:100%;
	margin: 0 auto;
	text-align: center;
}

.recruit_title {
	padding: 6rem 0 8rem;
	font-size: 2.7rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.8rem;
	color: #333;
	line-height: 190%;
}

.recruit_index_list {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	padding: 0;
}

.recruit_index_btn {
	width: 47.5%;
	margin:0 5% 5% 0;
	padding: 0.5%;
	position: relative;
	display: flex;
	align-items: center;
	transition: 0.3s;
	cursor: pointer;
	background: #0068a5; /* Old browsers */
	background: -moz-linear-gradient(left, #0068a5 0%, #009fa5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #0068a5 0%,#009fa5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #0068a5 0%,#009fa5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0068a5', endColorstr='#009fa5',GradientType=1 ); /* IE6-9 */
}

.recruit_index_btn:nth-child(2n) {
	margin-right: 0;
}

.recruit_index_btn_text {
	font-size:1.8rem;
	font-weight: 600;
	letter-spacing: 0.3rem;
	background: #FFF;
	text-align:left;
	padding: 5% 0 5% 3%;
	width: 60%;
}

.recruit_index_btn_img {
	width: 40%;
	background-image: url(../img/recruit/index/icon_arrow_white.png);
	background-size: 15% auto;
  	background-position: center right 6%;
  	background-repeat: no-repeat;
  	transition: 0.3s;
}

.recruit_index_btn_img a {
	display: block;
	width: 50%;
	text-align:center;
	margin:0 auto;
}

.recruit_index_btn:hover {
	opacity: 0.8;
}

.recruit_index_btn:hover .recruit_index_btn_img {
	background-position: center right 1%;
}


.recruit_index_btn_img a img {width: 100%;}
/*-------------------------------------------------------------------------------- end */



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




@media screen and (max-width: 767px) {
/*-------------------------------------------------------------------------------- start */
.recruit_index_btn {
	width:100%;
	margin-right: 0;
	margin-bottom: 3%;
	padding: 0.8%;
}
/*-------------------------------------------------------------------------------- end */
}