@charset "utf-8";
/*recruit*/

@media print, screen and (min-width:768px) {
	#hBtnCon a{
		color:#aace36;
	}
}
#footer{
	background-color:#666;
}
.mv{
	width: 100%;
}
.mv img{
	width: 100%;
}

/**/

#recruit01 .recListTtl{
	background-color: #c7df7b;
	font-weight: normal;
	text-align: left;
	padding: 15px 20px;
	font-size: 1.6rem;
	line-height: 1.5;
	border-top:1px solid rgba(0,0,0,0.5);
}
#recruit01 .recListTtl em{
	font-size: 115%;
}
#recruit01 .clist01{
	font-size: 1.5rem;
}
#recruit01 .clist01 dt{
	background-color: #fff;
}
@media print, screen and (min-width:768px) {
	#recruit01 .recListTtl{
		font-size: 1.9rem;
	}
	#recruit01 .clist01{
		font-size: 1.8rem;
	}
	#recruit01 .clist01 dt{
		border-right:1px solid rgba(0,0,0,0.5);
	}
}

/**/

#recruit02{
	background-image: url(../images/bg01_2x.jpg);
	background-position: top -18vw left -10vw;
	background-size: 210% auto;
	background-repeat: no-repeat;
	margin: 80px auto 40px
}
#recruit03{
	background-image: url(../images/bg02_2x.jpg);
	background-position: top -20vw right -8vw;
	background-size: 210% auto;
	background-repeat: no-repeat;
	margin:0 auto 80px;
}
@media print, screen and (min-width:768px) {
	#recruit02{
		background-position: top center;
		background-size: 100% auto;
		margin: 0 auto;
		max-width: 1280px;
	}
	#recruit03{
		background-position: top center;
		background-size: 100% auto;
		margin: -20px auto 80px;
		max-width: 1280px;
	}
}
/**/
.recWrap{
	width: 90%;
	margin: 0 auto;
	max-width: 1000px;
}
/**/
.recTtl01{
	text-align: left;
}
.recTtl01 .en{
	color: #9fca68;
	font-family: 'Roboto', sans-serif;
	font-weight:700;
	font-size: 10vw;
	line-height: 1.1;
	letter-spacing: 0.1em;
}
.recTtl01 .jp{
	font-size: 4.5vw;
}
@media print, screen and (min-width:768px) {
	.recTtl01{margin-top: 6rem;}
	.recTtl01 .en{font-size: 6.5rem;}
	.recTtl01 .jp{font-size: 2.7rem;}
}
/**/
.recNameWrap{
	height: 110vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 6vw; 
}
.recName{
	line-height: 1.4;
	margin-left: 36%;
	text-align: left;
}
#recruit03 .recNameWrap{
	justify-content: flex-end;
	height: 100vw;
	margin-bottom: 0; 
}
#recruit03 .recName{
	margin-left:10%;
}
.recName01{
	font-weight: bold;
	font-size: 3.2vw;
	color: #aace36;
}
.recName02{
	font-weight: bold;
	font-size: 6vw;
}
.recName03{
	color: #aace36;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-style: italic;
	font-size: 3.2vw;
}
/**/
.recBody{}
.recNum{
	color: #aace36;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-style: italic;
	font-size: 6vw;
	text-align: right;
	margin-bottom: 2vw;
}
#recruit03 .recNum{
	text-align: left;
}
.recImg{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.recImg figure{
	width: 48%;
}
.recImg figure img{
	width: 100%;
}
.recTxt01{
	font-size: 1.6rem;
	text-align: left;
}

@media print, screen and (min-width:768px) {
	.recWrap{
		display: flex;
	}
	#recruit03 .recWrap{
		flex-direction: row-reverse;
	}
	.recBody{
		width: 50%;
		padding-top: 10vw;
	}
	.recNameWrap{
		width: 50%;
		height: 65vw;
		padding-bottom: 4vw;
		margin-bottom: 0; 
	}
	#recruit03 .recNameWrap{
		height: 64vw;
	}
	.recName{
		margin-left: 36%;
	}
	#recruit03 .recName{
		margin-left:40%;
	}
	.recName01{
		font-size: 1.6rem;
	}
	.recName02{
		font-size: 2.6rem;
	}
	.recName03{
		font-size: 1.5rem;
	}
	.recNum{
		color: #fff;
		font-size: 4rem;
		margin-bottom: 0;
	}
}
@media print, screen and (min-width:1280px) {
	.recBody{
		padding-top:120px;
	}
	.recNameWrap {
		height: 840px;
		padding-bottom: 80px;
	}
	#recruit03 .recNameWrap {
		height: 780px;
		padding-bottom: 40px;
	}
}