@charset "utf-8";
/*----------------------------------------
  サイト共通 スタイルシート
----------------------------------------*/
#pageTitle {background-position: center bottom;}

/* recruit
---------------------------------------- */
#recruit {background: url("../../images/recruit/bg01.jpg") no-repeat center center / cover;}
#recruit header {
	font-family: "Noto Serif JP", serif;
	color: #fff;
	text-align: center;
}
#recruit header #recruitTitle {
	font-family: "Noto Serif JP", serif;
	text-indent: 0.8em;
	text-align: center;
}
#recruit #recruitInner h3 {
	color: #13B6F2;
	font-family: "BIZ UDPGothic", sans-serif;
	font-weight: 400;
}
 #recruit #recruitInner p {
	color: #fff;
	text-align: center;
}
#recruitFlex {display: flex;}

.linkcolor {
	color: #fff !important;
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px){
	
	/* recruit
	---------------------------------------- */
	#recruit h2 {font-size: 1.8em;}
	#recruit #recruitTitle {font-size: 2.8em;}
	#recruit #recruitInner {padding-top: 1.5em;}
	#recruit #recruitInner h3 {
		font-size: 1.15em;
		margin-bottom: 0.3em;
		text-align: left;
	}
	#recruit #recruitInner p {
		line-height: 1.5em;
		text-align: left;
	}
	#recruitFlex {flex-wrap: wrap;}
	#recruitFlex li {width: 50%;}
	
	/* テーブルスタイル */
	.tableStyle01 .wageHeight dt {padding-top: 0.4em}
	
	/* information
	---------------------------------------- */
	#information table {margin-bottom: 1.5em;}
}

/*===============================================
●画面の横幅が730px以上(PCのみ)
===============================================*/
@media screen and (min-width: 730px){
	
	/* recruit
	---------------------------------------- */
	#recruit h2 {
		font-size: 3.8em;
		padding-top: 0.6em;
}
	#recruit #recruitTitle {font-size: 5.6em;}
	#recruit #recruitInner {padding: 5em 5em 3em;}
	#recruit #recruitInner h3 {
		font-size: 1.5em;
		line-height: 1.7em;
		margin-bottom: 1em;
		text-align: center;
	}
	#recruit #recruitInner p {
		line-height: 2em;
		text-align: center;
		padding: 0.8em 0 2em;
	}
	#recruitFlex  li {width: 100%;}
	#recruitFlex li img {
		width: 100%;
		max-width: initial;
	}
}