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


/* 採用情報 
-------------*/

.page.recruit #page_catch::before{
	background: url("../../recruit/images/recruit.png") no-repeat right center / contain;
}


.page.recruit #page_catch{
	margin-bottom: 3rem;
}


.page.recruit #main_img{
	background: url("../../recruit/images/main.jpg") no-repeat center / cover;
}


.recruit_wrap{
	margin-top: 2rem;	
}

.recruit_box{
	color: #ffffff;
	text-align: center;
	/*padding: 2rem;*/
	background: #ffffff;
	/*border-top: 5px solid rgb(0 0 0 / 30%);*/
	margin-bottom: 2rem;
	
	box-sizing: border-box;
	position: relative;
}

.recruit_box:nth-of-type(1) .name{ background-color: #009be5; }
.recruit_box:nth-of-type(2) .name{ background:linear-gradient(45deg, #3d9d3d, #218721);}
.recruit_box:nth-of-type(3) .name{ background-color: #bf873b; }

.recruit_box p{
	color: #333333;
	text-align: left;
}

.recruit_box figure{
	/*border:5px solid rgb(0 0 0 / 20%);*/
	border-top: none;
	margin-bottom: 1rem;
}

.recruit_box .name{
	font-size: 125%;
	padding: 1rem 0.5rem;
	border-bottom: 8px solid rgb(0 0 0 / 40%);
}

.recruit_box .btn_wrap{ margin-top: 2rem; }

.recruit_box .btn_wrap a{
	display: inline-block;
	width: 48%;
	padding:0.5rem 0.8rem;
	color: #fff;
	text-decoration: none;
    box-sizing: border-box;
	background: #5e5e5e;
	border-bottom: 6px solid rgb(0 0 0 / 50%);
}

/*.recruit_box .btn_wrap a:not(:first-of-type){ margin-top: 0.5rem; }*/

.recruit_box .btn_wrap a:last-of-type{
	width: 100%;
	margin-top: 1rem;
}

.recruit_box .btn_wrap a:nth-of-type(3){ background-color: #f59f00; padding:1rem 0.8rem; }


@media print, screen and (min-width: 1080px){
	
	
	.recruit_wrap{
		margin-top: 4rem;	
	}
	
	.recruit_box{
		margin-bottom: 0;
		/*padding: 3rem 2rem;*/
	}
	
	.recruit_box p{
		min-height: 4rem;
	}
	
	.recruit_box .btn_wrap{
		justify-content: space-between;
	}
	
	.recruit_box .btn_wrap a{
		width: calc(100% / 2 - 0.5rem);
	}
	
	.recruit_box .btn_wrap a:not(:last-of-type){ margin-top: 0; }
	
	/*.recruit_box .btn_wrap a:last-of-type{
		width: 100%;
		margin-top: 1rem;
	}*/
}


@media print, screen and (min-width: 1480px){

	.recruit_box{
		/*padding:2rem 3rem;*/
	}
}





/* 採用情報 - テキスト写真 */

.bg_recruit{
	padding: 5vh 0;
	background: #eaf7ff;
	background: #f3f3f3;
}

.recruit_info{
	background: #ffffff;
    padding: 0;
}


.recruit_text{
	margin-bottom: 1rem;
}



.recruit_info .h03{
	color: #ffffff;
    font-size: 125%;
	line-height: 1.5;
	text-align: left;
	
    margin-bottom: 1rem;
	padding: 1.2rem 1rem;
	
    background: #ebe1b2;
    background: #01163b;
}

.recruit_info .t{
	padding:0 1rem;
}

.recruit_info figure{
	border:  1px solid rgb(0 0 0 / 50%);
	box-sizing: border-box;
}

.recruit_text p{
	line-height: 2;
}

/*.recruit_text p:last-of-type{
	margin-bottom: 0;
}

.recruit_text p::first-letter{
	font-size: 150%;
	font-weight: bold;
	margin-right: 0.1rem;
}*/


@media print, screen and (min-width: 760px){
	
	.recruit_info{
	    padding: 5rem;
	}
	
	.recruit_info .layout-colmn2 .recruit_ph{ width: 55%; }
	
	.recruit_info .layout-colmn2 .recruit_ph figure{ width: calc( 100% / 2 - 1rem ); }
	
	.recruit_text{ 
		flex: 1; 
		margin-left: 5%;
		margin-bottom: 0;
	}
	
	
	.recruit_info .h03{
		letter-spacing: 3px;
	
    	margin-bottom: 2rem;
		padding: 1.2rem 2rem;
	}
}

@media print, screen and (min-width: 1480px){
	
}


/* 採用情報
-------------*/

.ta.recruit_ta th,
.ta.recruit_ta td{
	padding: 1rem;
	border: none;
	border-bottom: 1px solid #ccc;
	
}

.ta.recruit_ta th{
	border-right: 1px solid #ccc;
}

.ta.recruit_ta td{
	/*background-color: #f0f0f0;*/
}

.ta.recruit_ta th{
	font-size: 105%;
}

@media print, screen and (min-width: 1080px){
	.ta.recruit_ta th,
	.ta.recruit_ta td{
		padding: 1rem 2.5rem;
	}
	
	.page.recruit #page_catch::before{
		width: 25%;
	}
	
}



.page .h_left_line{
    border-left: 15px solid;
    padding-left: 1rem;
}

.catch_ph_text{
	background: #ffffff;
	/*align-items: center;*/
	margin-bottom: 2em;
}

.catch_ph_text.mb0{
	margin-bottom: 0;
}

.catch_text .strong{
	display: inline-block;
	color: #01163b;
}

.service .catch_text{
	font-size: 110%;
}

.catch_text div{
	display: inline;
}

.catch_t_block p{
	line-height: 2;
}

.catch_t_block p:last-of-type{
	margin-bottom: 0;
}

.catch_t_block .strong{
	/*font-size: 110%;*/
	color: #01163b;
	font-weight: bold;
}

.catch_h_block{
	margin-bottom: 1rem;
}

.recruit_btn{
	margin-top: 4rem;
}

.recruit_btn .button{
	width: 90%;
	padding: 1.6rem 1rem;
	margin-bottom: 4rem;
	border-bottom: 10px solid rgba(0,0,0,0.5);
}

.recruit_btn a:last-of-type{
	margin-bottom: 0;
}

.recruit_btn .button.red{
	background: #870000;
}

.recruit_btn .button.red:hover{
	background: #5c0000;
}


@media print, screen and (min-width: 1080px){

	.catch_h_block{
		flex: 1;
		margin: 0;
	}
	
	.catch_t_block{
		width: 65%;
		margin-top: 1rem;
		margin-left: 5%;
	}
	
	

	.service .catch_text{
		font-size: 140%;
	}
	
	.catch_text .strong{ font-size: 125%;}

	.catch_text div{
		display: block;
	}
	
	
	.page .h_left_line{
	    padding-left: 2rem;
	}

	.t_gap div:nth-child( n + 2){
		margin-left: 3em;
	}
	
	
	.catch_ph_text{
		background: #ffffff;
		/*align-items: center;*/
		margin-bottom: 4em;
	}

	.catch_ph_text.reverse{
		flex-flow: row-reverse;
	}
	
	.catch_ph_text.reverse .catch_h_block{
		text-align: right;
	}
	
	.catch_ph_text.reverse .catch_t_block{
		margin-left: 0;
		margin-right: 5%;
	}
	
	.recruit_btn .button{
		width: 45%;
		box-sizing: border-box;
		margin-bottom: 0;
	}

}


/*　食品加工スタッフ
---------------------------*/

.page.shokuhin #main_img{
	background: url("../../recruit/images/shokuhin/main.jpg") no-repeat center / cover;
}

.layout-colmn2.half{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.work_flow_name{
	color: #ffffff;
    font-size: 125%;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 3rem;
    padding: 1.2rem 1.5rem;
    background: #01163b;
	/*border-left: 10px solid #3a3723;*/
	/*border-left: 10px solid #a5a5a5;*/
}

.work_flow_box{
	position: relative;
}


.work_flow_box .step{
	display: inline-block;
	padding: 0.5rem 1rem;
	background: rgb(104 104 104 / 50%);
	color: #fff;
	
	position: absolute;
	top: 0; left: 0;
}

.work_flow_box figure{
	text-align: center;
	margin-bottom: 2rem;
}


@media print, screen and (min-width: 1080px){
	
	#work_flow.bg_recruit{
		padding: 10vh 0;
	}
	
	.layout-colmn3 .work_flow_box:not(:nth-of-type(3n)){
		margin-right: 3rem;
	}
	
}




/*　食品加工スタッフ
---------------------------*/

.page.ryutsu #main_img{
	background: url("../../recruit/images/ryutsu/main.jpg") no-repeat center / cover;
}



/*　ピッキングスタッフ
---------------------------*/

.page.picking #main_img{
	background: url("../../recruit/images/picking/main.jpg") no-repeat center / cover;
}


/* 応募フォーム - 採用・お問合せ 共通
------------------------------------*/

.page.form #page_catch{
	padding-bottom: 0;
}

.page.form.thanks #page_catch{
	padding-bottom: 2rem;
}