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

/*
	kvArea
-----------------------------------------------------------------------------------------------*/
.kvArea{
	height: 470px;
	background: url(../images/kv_recruit_top_pc.png) no-repeat top 20% center;
	background-size: cover;
	background-color: #0096d2;
}
.kvBox,.listChoice{
	display: flex;
	justify-content: center;
}
.kvBox{
	align-items: center;
	width: 1200px;
	height: 100%;
	padding: 30px;
	margin: 0 auto;
	position: relative;
}

/* tit */
.kvBox .tit{
	text-align: center;
	margin: 0;
}

/* txt */
.kvBox .txt{
	color: #fff;
	font-size: 2.0rem;
	margin: 0 0 0 20px;
	position: absolute;
	left: 50%;
	bottom: 110px;
}
.kvBox .txt span{
	display: block;
	margin: 0 0 0 35px;
}

/* btn */
.kvBox .btnArea{
	width: 100%;
	padding:0;
	margin: 70px 0 0 0;
	position: static;
	bottom: 0;
	left: 0;
}

/* listChoice */
.listChoice li:first-of-type{
	margin: 0 50px 0 0;
}
.listChoice li .tit{
	text-align: left;
	color: #fff;
	font-size: 2.0rem;
	font-family: 'Kosugi Maru',"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","メイリオ",Meiryo,sans-serif;
	font-weight: normal;
	padding: 0 0 5px 0;
}
.listChoice select{
	width: 270px;
}


/*
	phlinkBox
-----------------------------------------------------------------------------------------------*/
/* figure */
.listPhlink a figure::before{
	background-color: #0096d2;
}

/* tag */
.listPhlink .tagArea.gray{
	margin: 10px 0 0 0;
}

/* tit */
.listPhlink a:hover .tit{
	color: #0096d2;
}

/* recruit */
.phlinkBox.recruit::before{
	top:-40px;
}
.recruit::before{
	width: 484px;
	height: 182px;
	background: url(../images/bg_top_recruit_pc.png) no-repeat;
}


@media screen and (max-width:667px){
	/*
		kvArea
	-----------------------------------------------------------------------------------------------*/
	.kvArea{
		height: 320px;
		background: url(../images/kv_recruit_top_sp.png) no-repeat bottom 30% center;
		background-size: cover;
	}
	.kvBox{
		width:100%;
		padding: 15px;
	}

	/* txt */
	.kvBox .txt{
		line-height: 130%;
		font-size: 1.8rem;
		margin: 0;
		bottom: 100px;
		transform: translateX(-50%);
	}
	.kvBox .txt span{
		display: block;
		white-space: nowrap;
		margin: 0 0 0 35px;
	}

	/* listChoice */
	form{
		width: 80%;
	}
	.listChoice{
		display: block;
		width: 100%;
	}
	.listChoice li:first-of-type{
		margin: 0 0 15px 0;
	}
	.listChoice li .tit{
		font-size: 1.8rem;
	}
	.listChoice select{
		width: 100%;
	}

	/* btn */
	.kvBox .btnArea{
		padding: 0;
		margin: 30px 0 0 0;
	}


	/*
		phlinkBox
	-----------------------------------------------------------------------------------------------*/
	/* recruit */
	.phlinkBox.recruit::before{
		top:-25px;
	}
	.recruit::before{
		width: 184px;
		height: 69px;
		background: url(../images/bg_top_recruit_sp.png) no-repeat;
		background-size: 184px;
	}
}