@charset "UTF-8";


body{
	overflow-x:hidden;
}


/*****************************************************
　.pagehead　
*****************************************************/
.pagehead{
	background:url('../img/recruit/pagehead_bg.jpg') no-repeat center center;
	background-size:cover;
}


/*****************************************************
　採用情報　
*****************************************************/
/* リード 
------------------------------------------------- */
#lead{
	background:#2255a4;
	margin:170px 0 190px;
	position:relative;
}
#lead:before{
	background:url('../img/recruit/bg.png') no-repeat center center;
	background-size:contain;
	content:"";
	display:block;
	height:47.29vw;
	left:0;
	position:absolute;
	top:-10.41vw;
	width:64.11vw;
	z-index:-1;
}
#lead .lead_inner{
	margin:0 auto;
	max-width:1270px;
	padding:70px 0 60px;
	position:relative;
	width:100%;
}
#lead .lead_inner .lead-txt{
	max-width:657px;
	width:52%;
}
#lead .lead_inner .lead-img{
	bottom:0;
	max-width:708px;
	position:absolute;
	right:-143px;
	width:56%;
	z-index:0;
}
/* サブリード 
------------------------------------------------- */
#sub-lead{
	margin-bottom:140px;
}
/* ----- テキスト ----- */
#sub-lead .sl-txt{
	color:#2255a4;
	font-size:45px;
	font-size:4.5rem;
	letter-spacing:0.14em;
	line-height:1.7;
	margin-bottom:100px;
	text-align:center;
}
#sub-lead .sl-txt span{
	font-size:inherit;
	letter-spacing:inherit;
	position:relative;
}
#sub-lead .sl-txt span:before{
	background:#fcf363;
	bottom:-15px;
	box-sizing:content-box;
	content:'';
	display:inline-block;
	font-size:inherit;
	height:30px;
	left:0;
	position:absolute;
	width:100%;
	z-index:-1;
}
/* ----- 動画 ----- */
#sub-lead .sl-video_wrap{
	margin:0 auto;
	max-width:700px;
	width:100%;
}
#sub-lead .sl-video{
	text-align:center;
}
#sub-lead .sl-video_copyright{
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:0.05em;
	margin:8px 1em 0 0;
	line-height: 1.3em;
	text-align:right;
}
.nivo-lightbox-overlay{
	background:rgba(255,255,255,0.8);
}
.nivo-lightbox-content{
	margin:0 auto;
	position:relative;
	width:80%;
}
.nivo-lightbox-content video{
	width:100%;
}
/* コーソクを知る 
------------------------------------------------- */
#know{
	margin-bottom:170px;
	text-align:center;
}
/* ----- タイトル ----- */
#know .ttl{
	margin-bottom:40px;
	text-align:center;
}
#know .ttl span{
	color:#2255a4;
	font-size:37px;
	font-size:3.7rem;
	font-weight:normal;
	letter-spacing:0.14em;
	line-height:1.4;
	position:relative;
}
#know .ttl span:before{
	background:#fcf363;
	bottom:-15px;
	box-sizing:content-box;
	content:'';
	display:inline-block;
	font-size:inherit;
	height:30px;
	left:-0.5em;
	padding:0 0.5em;
	position:absolute;
	width:100%;
	z-index:-1;
}
/* ----- テキスト ----- */
#know .txt{
	letter-spacing:0.05em;
	line-height:2;
	margin-bottom:85px;
}
#know .txt br.sp{
	display:none;
}
/* ----- サブタイトル ----- */
#know .subttl{
	color:#2255a4;
	font-size:33px;
	font-size:3.3rem;
	letter-spacing:0.1em;
	line-height:1.4;
	margin-bottom:40px;
}
/* コーソクで働く環境と制度 
------------------------------------------------- */
#point{
	margin-bottom:170px;
}
/* ----- タイトル ----- */
#point > .ttl{
	margin-bottom:40px;
	text-align:center;
}
#point > .ttl span{
	color:#2255a4;
	font-size:37px;
	font-size:3.7rem;
	font-weight:normal;
	letter-spacing:0.14em;
	line-height:1.4;
	position:relative;
}
#point > .ttl span:before{
	background:#fcf363;
	bottom:-15px;
	box-sizing:content-box;
	content:'';
	display:inline-block;
	font-size:inherit;
	height:30px;
	left:-0.5em;
	padding:0 0.5em;
	position:absolute;
	width:100%;
	z-index:-1;
}
/* ----- テキスト ----- */
#point .point-txt{
	text-align:center;
	letter-spacing:0.05em;
	line-height:2;
	margin-bottom:140px;
}
/* ----- .point-block ----- */
.point-block{
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	max-width:1300px;
	width:100%;
}
.point-block + .point-block{
	margin-top:85px;
}
.point-block .img{
	max-width:540px;
	width:42%;
}
.point-block .txt{
	align-items:center;
	display:flex;
	justify-content:space-between;
	max-width:760px;
	width:58%;
}
.point-block .txt p{
	letter-spacing:0.05em;
	line-height:2;
	text-align:justify;
}
.point-block:nth-child(odd) .img{
	text-align:right;
}
.point-block:nth-child(even){
	flex-direction:row-reverse;
}
.point-block:nth-child(even) .img{
	text-align:left;
}
.point-block:nth-child(1) .img{
	padding-right:100px;
}
.point-block:nth-child(1) .txt .num{
	width:114px;
}
.point-block:nth-child(1) .txt .txt_inner{
	width:calc(100% - 114px - 40px);
}
.point-block:nth-child(2) .img{
	padding-left:60px;
}
.point-block:nth-child(2) .txt .num{
	width:165px;
}
.point-block:nth-child(2) .txt .txt_inner{
	width:calc(100% - 165px - 40px);
}
.point-block:nth-child(3) .img{
	padding-right:25px;
}
.point-block:nth-child(3) .txt .num{
	width:155px;
}
.point-block:nth-child(3) .txt .txt_inner{
	width:calc(100% - 155px - 40px);
}
.point-block:nth-child(4) .img{
	padding-left:90px;
}
.point-block:nth-child(4) .txt .num{
	width:150px;
}
.point-block:nth-child(4) .txt .txt_inner{
	width:calc(100% - 150px - 40px);
}
.point-block .ttl{
	color:#2255a4;
	font-size:33px;
	font-size:3.3rem;
	font-weight:normal;
	letter-spacing:0.1em;
	line-height:1.4;
	margin-bottom:15px;
}
/* 職種・経歴・年収例 
------------------------------------------------- */
#example{
	margin-bottom:170px;
}
/* ----- タイトル ----- */
#example > .ttl{
	margin-bottom:110px;
	text-align:center;
}
#example > .ttl span{
	color:#2255a4;
	font-size:37px;
	font-size:3.7rem;
	font-weight:normal;
	letter-spacing:0.14em;
	line-height:1.4;
	position:relative;
}
#example > .ttl span:before{
	background:#fcf363;
	bottom:-15px;
	box-sizing:content-box;
	content:'';
	display:inline-block;
	font-size:inherit;
	height:30px;
	left:-0.5em;
	padding:0 0.5em;
	position:absolute;
	width:100%;
	z-index:-1;
}
/* ----- リスト ----- */
ul.example-list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	/*margin-left:110px;*/
	margin-left:7%;
	max-width:990px;
	position:relative;
	width:66%;
}
.example-list:before{
	background:url('../img/recruit/example_img.png') no-repeat center center;
	background-size:contain;
	content:'';
	display:block;
	height:385px;
	position:absolute;
	/*top:15px;*/
	top:1%;
	/*right:-245px;*/
	right:-24%;
	/*width:186px;*/
	width:18%;
	z-index:0;
}
.example-list li{
	margin-top:30px;
	max-width:452px;
	width:47%;
}
.example-list li:nth-child(1),
.example-list li:nth-child(2){
	margin-top:0;
}
/* ----- テキスト ----- */
#example .txt{
	letter-spacing:0.05em;
	line-height:2;
	margin:35px auto 0;
	max-width:1050px;
	width:100%;
}
/* ふるさと人材バンク 
------------------------------------------------- */
#furusato-jinzaibank{
	background:#fcf363;
	margin:0 auto;
	max-width:1215px;
	padding:55px 55px 35px;
	position:relative;
	width:100%;
}
/* ----- 「さらに、」 ----- */
#furusato-jinzaibank .sarani{
	color:#2255a4;
	font-size:54px;
	font-size:5.4rem;
	font-weight:normal;
	left:210px;
	letter-spacing:-0.08em;
	line-height:1.4;
	position:absolute;
	top:-30px;
	transform:rotate(-5deg);
	z-index:0;
}
/* ----- タイトル ----- */
#furusato-jinzaibank > .ttl{
	color:#2255a4;
	font-size:33px;
	font-size:3.3rem;
	font-weight:normal;
	letter-spacing:0.05em;
	line-height:1.4;
	margin-bottom:25px;
	text-align:center;
}
#furusato-jinzaibank > .ttl span{
	color:#2255a4;
	font-size:54px;
	font-size:5.4rem;
	font-weight:normal;
	letter-spacing:0.05em;
	line-height:1.4;
	position:relative;
	z-index:0;
}
#furusato-jinzaibank > .ttl span:before{
	background:#fbfbfb;
	bottom:-15px;
	box-sizing:content-box;
	content:'';
	display:inline-block;
	font-size:inherit;
	height:30px;
	left:-0.5em;
	padding:0 0.5em;
	position:absolute;
	width:100%;
	z-index:-1;
}
/* ----- テキスト ----- */
#furusato-jinzaibank .txt{
	letter-spacing:0.05em;
	line-height:2;
	text-align:center;
}
#furusato-jinzaibank .txt br.sp{
	display:none;
}
/* ----- リンクテキスト ----- */
#furusato-jinzaibank .linktxt{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.14em;
	line-height:2;
	margin-top:20px;
	text-align:center;
}
#furusato-jinzaibank .linktxt a{
	background:url('../img/recruit/arrow.png') no-repeat left center;
	background-size:contain;
	color:#2255a4;
	display:inline-block;
	padding-left:58px;
	line-height:41px;
	text-decoration:underline;
}
/* ----- 画像 ----- */
#furusato-jinzaibank:before,
#furusato-jinzaibank:after{
	bottom:0;
	content:'';
	display:block;
	position:absolute;
	z-index:0;
}
#furusato-jinzaibank:before{
	background:url('../img/recruit/fjb_img1.png') no-repeat center center;
	background-size:contain;
	height:358px;
	left:40px;
	width:252px;
}
#furusato-jinzaibank:after{
	background:url('../img/recruit/fjb_img2.png') no-repeat center center;
	background-size:contain;
	height:343px;
	right:70px;
	width:212px;
}
/* 応募から採用までの流れ 
------------------------------------------------- */
#flow{
	margin-top:160px;
}
/* ----- タイトル ----- */
#flow .ttl{
	margin-bottom:70px;
	text-align:center;
}
#flow .ttl span{
	color:#2255a4;
	font-size:37px;
	font-size:3.7rem;
	font-weight:normal;
	letter-spacing:0.14em;
	line-height:1.4;
	position:relative;
}
#flow .ttl span:before{
	background:#fcf363;
	bottom:-15px;
	box-sizing:content-box;
	content:'';
	display:inline-block;
	font-size:inherit;
	height:30px;
	left:-0.5em;
	padding:0 0.5em;
	position:absolute;
	width:100%;
	z-index:-1;
}
/* ----- 画像 ----- */
#flow .img{
	text-align:center;
}
/* 募集概要 
------------------------------------------------- */
#recruit{
	background:url('../img/recruit/recruit_bg.png') repeat 0 0;
	margin:130px auto 200px;
	padding:80px 0 120px;
}
/* ----- タイトル ----- */
#recruit .ttl{
	margin-bottom:110px;
	text-align:center;
}
#recruit .ttl span{
	color:#2255a4;
	font-size:37px;
	font-size:3.7rem;
	font-weight:normal;
	letter-spacing:0.14em;
	line-height:1.4;
	position:relative;
	z-index:0;
}
#recruit .ttl span:before{
	background:#fcf363;
	bottom:-15px;
	box-sizing:content-box;
	content:'';
	display:inline-block;
	font-size:inherit;
	height:30px;
	left:-0.5em;
	padding:0 0.5em;
	position:absolute;
	width:100%;
	z-index:-1;
}
/* ----- ボタン ----- */
#recruit .recruit-btn{
	background:#2255a4;
	margin:0 auto;
	text-align:center;
	max-width:767px;
	width:100%;
}
#recruit .recruit-btn a{
	color:#fff;
	display:block;
	padding:35px 0 41px;
}
#recruit .recruit-btn a .largetxt{
	display:block;
	font-size:50px;
	font-size:5.0rem;
	letter-spacing:0.2em;
	line-height:1.4;
	margin-bottom:10px;
}
#recruit .recruit-btn a .smalltxt{
	background:url('../img/common/tab_white.png') no-repeat center right;
	background-size:14px 12px;
	font-size:20px;
	font-size:2.0rem;
	display:inline-block;
	padding-right:28px;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　採用情報　
	*****************************************************/
	/* リード 
	------------------------------------------------- */
	#lead{
		margin:15vw 0;
	}
	#lead:before{
		height:70.93vw;
		top:-20vw;
		width:96.17vw;
	}
	#lead .lead_inner{
		max-width:none;
		padding:10.93vw 0 0;
	}
	#lead .lead_inner .lead-txt{
		max-width:none;
		width:auto;
	}
	#lead .lead_inner .lead-img{
		margin:5vw 0 0 auto;
		max-width:none;
		position:static;
		width:60vw;
	}
	#lead .lead_inner .lead-txt img,
	#lead .lead_inner .lead-img img{
		width:100%;
	}
	/* サブリード 
	------------------------------------------------- */
	#sub-lead{
		margin-bottom:20.31vw;
	}
	/* ----- テキスト ----- */
	#sub-lead .sl-txt{
		font-size:4.21vw;
		letter-spacing:0.01em;
		margin-bottom:10.93vw;
	}
	#sub-lead .sl-txt span:before{
		bottom:-1.56vw;
		height:3.12vw;
	}
	/* ----- 動画 ----- */
	#sub-lead .sl-video_wrap{
		max-width:none;
		width:84.37vw;
	}
	#sub-lead .sl-video_wrap img{
		width:100%;
	}
	#sub-lead .sl-video_copyright{
		font-size:1.87vw;
		margin:1.25vw 1em 0 0;
	}
	/* コーソクを知る 
	------------------------------------------------- */
	#know{
		margin-bottom:17.18vw;
	}
	/* ----- タイトル ----- */
	#know .ttl{
		margin-bottom:7.5vw;
	}
	#know .ttl span{
		font-size:5.93vw;
	}
	#know .ttl span:before{
		bottom:-1.56vw;
		height:4.68vw;
	}
	/* ----- テキスト ----- */
	#know .txt{
		margin-bottom:10.93vw;
	}
	#know .txt br.sp{
		display:block;
	}
	/* ----- サブタイトル ----- */
	#know .subttl{
		font-size:4.37vw;
		margin-bottom:3.9vw;
	}
	/* コーソクで働く環境と制度 
	------------------------------------------------- */
	#point{
		margin-bottom:28.12vw;
	}
	/* ----- タイトル ----- */
	#point > .ttl{
		margin-bottom:7.03vw;
	}
	#point > .ttl span{
		font-size:5.93vw;
	}
	#point > .ttl span:before{
		bottom:-1.56vw;
		height:4.68vw;
	}
	/* ----- テキスト ----- */
	#point .point-txt{
		margin-bottom:8.59vw;
	}
	/* ----- .point-block ----- */
	.point-block{
		display:block;
	}
	.point-block + .point-block{
		margin-top:10.15vw;
	}
	.point-block .img{
		margin:0 auto  3.12vw;
		max-width:none;
		width:100%;
	}
	.point-block .img img{
		width:100%;
	}
	.point-block .txt{
		display:block;
		margin:0 auto;
		max-width:none;
		position:relative;
		width:81.25vw;
	}
	.point-block .txt .num{
		position:absolute;
		z-index:0;
	}
	.point-block .txt .num img{
		width:100%;
	}
	.point-block:nth-child(1) .img{
		padding-right:0;
		width:27.81vw;
	}
	.point-block:nth-child(1) .txt .num{
		left:-1.56vw;
		top:-14.06vw;
		width:11.56vw;
	}
	.point-block:nth-child(1) .txt .txt_inner{
		width:auto;
	}
	.point-block:nth-child(2) .img{
		padding-left:0;
		width:25.31vw;
	}
	.point-block:nth-child(2) .txt .num{
		left:-5.46vw;
		top:-14.06vw;
		width:17.96vw;
	}
	.point-block:nth-child(2) .txt .txt_inner{
		width:auto;
	}
	.point-block:nth-child(3) .img{
		padding-right:0;
		width:30.46vw;
	}
	.point-block:nth-child(3) .txt .num{
		left:-5vw;
		top:-14.06vw;
		width:16.25vw;
	}
	.point-block:nth-child(3) .txt .txt_inner{
		width:auto;
	}
	.point-block:nth-child(4) .img{
		padding-left:0;
		width:25.46vw;
	}
	.point-block:nth-child(4) .txt .num{
		left:-5vw;
		top:-14.06vw;
		width:15.15vw;
	}
	.point-block:nth-child(4) .txt .txt_inner{
		width:auto;
	}
	.point-block .ttl{
		font-size:5vw;
		margin-bottom:4.68vw;
		margin-left:14.84vw;
	}
	/* 職種・経歴・年収例 
	------------------------------------------------- */
	#example{
		margin-bottom:25vw;
	}
	/* ----- タイトル ----- */
	#example > .ttl{
		margin-bottom:8.59vw;
	}
	#example > .ttl span{
		font-size:5.93vw;
	}
	#example > .ttl span:before{
		bottom:-1.56vw;
		height:4.68vw;
	}
	/* ----- リスト ----- */
	ul.example-list{
		display:block;
		margin-left:0;
		max-width:none;
		width:100%;
	}
	.example-list:before{
		display:none;
	}
	.example-list li{
		margin:4.68vw auto 0;
		max-width:none;
		width:70.62vw;
	}
	.example-list li:nth-child(2){
		margin-top:4.68vw;
	}
	.example-list li img{
		width:100%;
	}
	/* ----- テキスト ----- */
	#example .txt{
		margin:5.46vw auto 0;
	}
	/* ふるさと人材バンク 
	------------------------------------------------- */
	#furusato-jinzaibank{
		margin:0 -9.38vw 0 -4.69vw;
		max-width:none;
		padding:8.59vw 0 59.37vw;
		width:calc(100% + 9.38vw);
	}
	/* ----- 「さらに、」 ----- */
	#furusato-jinzaibank .sarani{
		font-size:8.43vw;
		left:7.81vw;
		top:-5vw;
	}
	/* ----- タイトル ----- */
	#furusato-jinzaibank > .ttl{
		font-size:5.15vw;
		margin-bottom:4.68vw;
	}
	#furusato-jinzaibank > .ttl span{
		font-size:7.81vw;
	}
	#furusato-jinzaibank > .ttl span:before{
		bottom:-1.56vw;
		height:4.68vw;
	}
	/* ----- テキスト ----- */
	#furusato-jinzaibank .txt br.sp{
		display:block;
	}
	/* ----- リンクテキスト ----- */
	#furusato-jinzaibank .linktxt{
		font-size:3.12vw;
		margin-top:3.43vw;
	}
	#furusato-jinzaibank .linktxt a{
		padding-left:9.37vw;
		line-height:6.4vw;
	}
	/* ----- 画像 ----- */
	#furusato-jinzaibank:before{
		height:55.93vw;
		left:7.81vw;
		width:39.37vw;
	}
	#furusato-jinzaibank:after{
		height:53.59vw;
		right:14.06vw;
		width:33.12vw;
	}
	/* 応募から採用までの流れ 
	------------------------------------------------- */
	#flow{
		margin-top:25vw;
	}
	/* ----- タイトル ----- */
	#flow .ttl{
		margin-bottom:10.93vw;
	}
	#flow .ttl span{
		font-size:5.78vw;
	}
	#flow .ttl span:before{
		bottom:-2.34vw;
		height:4.68vw;
	}
	/* ----- 画像 ----- */
	#flow .img img{
		width:100%;
	}
	/* 募集概要 
	------------------------------------------------- */
	#recruit{
		margin:24.21vw auto 32.81vw;
		padding:14.06vw 0 15.62vw;
	}
	/* ----- タイトル ----- */
	#recruit .ttl{
		margin-bottom:15.62vw;
	}
	#recruit .ttl span{
		font-size:5.93vw;
	}
	#recruit .ttl span:before{
		bottom:-1.56vw;
		height:4.68vw;
	}
	/* ----- ボタン ----- */
	#recruit .recruit-btn{
		max-width:none;
	}
	#recruit .recruit-btn a{
		padding:5.46vw 0 6.4vw;
	}
	#recruit .recruit-btn a .largetxt{
		font-size:7.81vw;
		margin-bottom:1.56vw;
	}
	#recruit .recruit-btn a .smalltxt{
		background-size:2.18vw 1.87vw;
		font-size:3.12vw;
		padding-right:4.37vw;
	}
}