/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/




.recruit_mainimagebox{
	width : 100% ;
	height : 550px ;
	background-image: url("../images/recruit/recruit_back_mainimage.jpg") ;
	background-position: center center ;
	background-size : cover ;
	z-index : 1 ;
}

.recruit_mainimage{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	z-index : 2 ;
}


#rec_header{
	position: relative !important;
	top : auto !important ;
	left : auto !important ;
}
.rec_header_dummy{
	width : 100% ;
	height : 0px ;
}

.rec_header_belt{
	display : none !important ;
}



.recruit_message_section{
	width : 100% ;
	padding : 160px 0px 430px ;
	background-image: url("../images/recruit/recruit_back_personal.jpg");
	background-position: center top ;
	background-size: cover ;
}

.recruit_message_title{
	width : auto ;
	margin : 0px auto ;
}


.recruit_message_superbox{
	width : 100% ;
	max-width : 980px ;
	margin : 40px auto 0px ;
	text-align : center ;
	font-size : 14px ;
	font-weight : 700 ;
	color : #0E5282;
}




.recruit_item_btn{
	width : 210px ;
	height : 50px ;
	line-height : 50px ;
	text-align : center ;
	color : #FFFFFF ;
	font-weight: 700 ;
	background: linear-gradient(90deg, #1AB693, #A9CD06);
	margin : 30px auto 0px ;
	border-radius: 25px ;
	box-shadow: 0px 4px 2px rgba(0,0,0,0.2) ;
	padding-right : 20px ;
	z-index : 6 ;
}

.recruit_item_arrow{
	position: absolute ;
	top : 50% ;
	right : 16px ;
	width : 16px ;
	transform: translate(0%,-50%);
}




.recruit_company_section{
	width : 100% ;
	padding : 110px 0px 120px ;
	background-color: #FFFFFF ;
}

.recruit_company_superbox{
	width : 1400px ;
	height : 560px ;
	left : 50% ;
	margin-left : -700px ;
	padding-top : 80px ;
}

.recruit_company_back{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : 1330px ;
	z-index : 1 ;
}

.recruit_company_title{
	width : 280px ;
	margin : 0px auto ;
	z-index : 4 ;;
}

.recruit_company_story{
	width : 400px ;
	margin : 36px auto 80px ;
	text-align : center ;
	font-size : 18px ;
	color : #000000 ;
	z-index: 4 ; 
}



.recruit_interview_section{
	width : 100% ;
	padding : 230px 0px 140px ;
	background-image : url("../images/recruit/recruit_back_interview.png");
	background-size : cover ;
	background-position: center center ;
}

.recruit_interview_superbox{
	width : 100% ;
	max-width : 1440px ;
	padding : 0px 20px ;
	margin : 0px auto ;
}

.recruit_interview_baloon{
	position: absolute ;
	top : 0px ;
	left : 10px ;
	width : 420px ;
	height : 480px ;
	padding : 80px 0px 0px ;
	z-index : 4 ;
}

.recruit_interview_baloon_image{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : 450px ;
	z-index : 4 ;
}




.recruit_interview_title{
	width : auto ;
	margin : 0px auto ;
	z-index : 5 ;
}


.recruit_interview_story{
	width : 360px ;
	margin : 20px auto 30px ;
	text-align : center ;
	font-size : 18px ;
	font-weight : 700 ;
	color : #000000 ;
	z-index : 5 ;
}









.recruit_interview_image_superbox{
	float : right;
	width : calc( 100% - 400px );
	padding-top : 30px;
}

.recruit_interview_image_wrap{
	left : 0px ;
	width : 8000px ;
	height : 400px ;
}


.recruit_interview_image{
	float : left ;
	width : 281px ;
	margin : 0px 20px 10px 0px;
}

.recruit_interview_image img{
	width : 100% ;
}


.recruit_interview_image:nth-of-type(2n){
	margin-top : 30px ;
}



.recruit_faq_section{
	width : 100%;
	padding : 26px 0px 80px ;
	background-color: #FFFFFF ;
}



.recruit_back_flower{
	position: absolute;
	top : 0px ;
	left : 50% ;
	width : auto ;
	max-width : 100% ;
	transform: translate(-50%,0%);
	z-index : 3;
}

.recruit_faq_title{
	width : 156px ;
	margin : 0px auto ;
}


.recruit_faq_flex{
	width : 1000px ;
	margin : 0px auto ;
	display: flex;
	justify-content: center;
	flex-wrap : wrap;
	padding-top : 60px ;
	z-index : 6 ;
}

.recruit_faq_item01{
	width : 206px ;
	margin : -40px 10px 0px ;
}
.recruit_faq_item02{
	width : 204px ;
	margin : 0px 10px 0px ;
}
.recruit_faq_item03{
	width : 204px ;
	margin : -60px 10px 0px ;
}
.recruit_faq_item04{
	width : 204px ;
	margin : -100px 10px 0px ;
}
.recruit_faq_item05{
	width : 204px ;
	margin : -56px 10px 0px ;
}
.recruit_faq_item06{
	width : 206px ;
	margin : -68px 10px 0px ;
}
.recruit_faq_item07{
	width : 204px ;
	margin : -120px 10px 0px ;
}
.recruit_faq_item01 img,
.recruit_faq_item02 img,
.recruit_faq_item03 img,
.recruit_faq_item04 img,
.recruit_faq_item05 img,
.recruit_faq_item06 img,
.recruit_faq_item07 img{
	width : 100% ;
}


.recruit_faq_item_wrap{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	padding : 70px 16px 60px ;
}

.recruit_faq_item_story{
	display : table-cell ;
	width : 174px ;
	height : 96px ;
	vertical-align: middle ;
	text-align : center ;
	font-size : 17px ;
	font-weight : 700 ;
	line-height : 26px ;
}


.recruit_guideline_inner{
	float : right ;
	width : calc( 50% + 640px ) ;
	margin : 0px auto ;
}

.recruit_guideline_egg{
	position : absolute;
	top : 50%;
	left : 0px;
	transform: translate(0%,-50%);
	z-index: 5;
}

.recruit_guideline_superbox{
	float : right;
	width : calc( 100% - 400px );
	padding-top : 30px;
	z-index: 3;
}

.recruit_guideline_wrap{
	left : 0px ;
	width : 8000px ;
}



.rec_guideline_itembox{
	float : left ;
	width : 300px ;
	min-height : 200px ;
	margin : 0px 30px 0px 0px;
	border-radius: 16px ;
	background-color : #CDFBBF ;
	padding : 20px ;
}


.rec_guideline_item_pos{
	position: absolute ;
	top : -15px ;
	left : 50% ;
	transform: translate(-50% ,0%) ;
	width : 140px ;
	height : 30px ;
	border-radius: 15px ;
	line-height : 30px ;
	text-align : center ;
	font-size : 16px ;
	font-weight : 700 ;
	color : #FFFFFF ;
	background-color: #1AB693 ;
}

.rec_guideline_item_title{
	display : table-cell ;
	width : 260px ;
	height : 76px ;
	font-size : 20px ;
	font-weight : 700 ;
	text-align : center ;
	vertical-align: middle ;
	color : #1AB693 ;
}


.rec_guideline_itembox.posregular{
	background-color : #CDFBBF ;
}
.posregular .rec_guideline_item_pos{
	background-color: #1AB693 ;
}
.posregular .rec_guideline_item_title{
	color : #1AB693 ;
}

.rec_guideline_itembox.posparttime{
	background-color : #FDEEC0 ;
}
.posparttime .rec_guideline_item_pos{
	background-color: #ADB52C ;
}
.posparttime .rec_guideline_item_title{
	color : #ADB52C ;
}

.rec_guideline_itembox.poscareer{
	background-color : #E5F6B8 ;
}
.poscareer .rec_guideline_item_pos{
	background-color: #6EB826 ;
}
.poscareer .rec_guideline_item_title{
	color : #6EB826 ;
}



.rec_guideline_item_arrow{
	position: absolute ;
	top : 50% ;
	right : 16px ;
	width : 16px ;
	transform: translate(0%,-50%);
}



.rec_guideline_item_story{
	text-align: left;
	line-height: 25px;
}


.rec_guideline_item_btn{
	width : 200px ;
	height : 44px ;
	line-height : 44px ;
	text-align : center ;
	color : #FFFFFF ;
	font-weight: 700 ;
	background: linear-gradient(90deg, #1AB693, #A9CD06);
	margin : 16px auto 0px ;
	border-radius: 22px ;
	box-shadow: 0px 4px 2px rgba(0,0,0,0.2) ;
}


.recruit_interview_arrow_r,
.recruit_guideline_arrow_r{
	position: absolute ;
	top : 50% ;
	right : 10px ;
	transform: translate(0%,-50%);
	z-index : 14 ;
	cursor: pointer;
}

.recruit_interview_arrow_l,
.recruit_guideline_arrow_l{
	position: absolute ;
	top : 50% ;
	left : -30px ;
	transform: translate(0%,-50%);
	z-index : 14 ;
	cursor: pointer;
	display : none ;
}


@media screen and (max-width: 1200px) {

	.recruit_guideline_egg{
		position : absolute ;
		top : 50% ;
		left : 60px ;
		transform: translate(0%,-50%);
	}

}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 1100px) {




.recruit_item_btn{
	width : 330px ;
	height : 70px ;
	line-height : 70px ;
	margin : 24px auto 0px ;
	border-radius: 35px ;
}


.recruit_item_arrow{
	right : 20px ;
	width : 20px ;
}


.recruit_item_btn.white{
	background: linear-gradient(90deg, #FFFFFF, #FFFFFF);
	color : #1AB693 !important ;
}











.recruit_mainimagebox{
	height : 620px ;
}

.recruit_mainimage{
}


#rec_header{
	position: fixed !important;
	top : 0px !important ;
	left : 0px !important ;
}
.rec_header_dummy{
	width : 100% ;
	height : 0px ;
}

.rec_header_dummy_sp{
	width : 100% ;
	height : 140px ;
}

.rec_header_belt{
}



.recruit_message_section{
	margin-top : 150px ;
	padding : 0px 0px 430px ;
}

.recruit_message_title{
	width : auto ;
	margin : 0px auto ;
}


.recruit_message_superbox{
	max-width : 700px ;
	margin : 60px auto 40px ;
	font-size : 23px ;
	line-height : 44px ;
}





.recruit_company_section{
	padding : 60px 0px 60px ;
	background-color: #FFFFFF ;
}

.recruit_company_superbox{
	width : 100% ;
	height : auto ;
	left : auto ;
	margin : 0px auto ;
	padding-top : 0px ;
}

.recruit_company_back{
	position: relative ;
	top : auto ;
	left : auto ;
	width : auto ;
	max-width : 768px ;
	margin-top : 40px ;
}

.recruit_company_title{
}

.recruit_company_story{
	width : 700px  ;
	margin : 36px auto 80px ;
	text-align : center ;
	font-size : 24px ;
	line-height : 44px ;
}



.recruit_interview_section{
	padding : 120px 0px 120px ;
}

.recruit_interview_superbox{
	width : 100% ;
	padding : 0px 0px ;
}

.recruit_interview_baloon{
}

.recruit_interview_baloon_image{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : 450px ;
	z-index : 4 ;
}

.recruit_interview_title{
	width : auto ;
	margin : 0px auto ;
	z-index : 5 ;
}


.recruit_interview_story{
	width : 100% ;
	margin : 20px auto 30px ;
	font-size : 24px ;
}



.recruit_interview_image_superbox{
	float : none ;
	width : 700px;
	padding-top : 0px ;
	margin : 0px auto ;
}

.recruit_interview_image_wrap{
	width : 8000px ;
}


.recruit_interview_image{
	width : 360px ;
}

.recruit_interview_image:nth-of-type(2n){
	margin-top : 0px ;
}




.recruit_faq_section{
}



.recruit_back_flower{
}

.recruit_faq_title{
	width : 156px ;
	margin : 0px auto ;
}


.recruit_faq_flex{
	width : 100% ;
	padding-top : 60px ;
}

.recruit_faq_item01{
	width : 230px ;
	margin : -40px 10px 0px ;
}
.recruit_faq_item02{
	width : 230px ;
	margin : 0px 10px 0px ;
}
.recruit_faq_item03{
	width : 230px ;
	margin : -60px 10px 0px ;
}
.recruit_faq_item04{
	width : 230px ;
	margin : -100px 10px 0px ;
}
.recruit_faq_item05{
	width : 230px ;
	margin : -56px 10px 0px ;
}
.recruit_faq_item06{
	width : 230px ;
	margin : -68px 10px 0px ;
}
.recruit_faq_item07{
	width : 230px ;
	margin : -120px 10px 0px ;
}


.recruit_faq_item_wrap{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	padding : 70px 16px 60px ;
}

.recruit_faq_item_story{
	width : 198px ;
	height : 140px ;
	font-size : 22px ;
	line-height : 32px ;
}


.recruit_guideline_inner{
	float : none ;
	width : 100% ;
	margin : 0px auto ;
	padding-top : 220px ;
}

.recruit_guideline_egg{
	position : absolute ;
	top : -140px ;
	left : 50% ;
	transform: translate(-50%,0%);
}

.recruit_guideline_superbox{
	float : none ;
	width : 730px ;
	margin : 0px auto ;
	padding-top : 30px ;
}

.recruit_guideline_wrap{
}



.rec_guideline_itembox{
	float : left ;
	width : 360px ;
	min-height : 200px ;
	margin : 0px 30px 0px 0px;
	border-radius: 16px ;
	background-color : #CDFBBF ;
	padding : 20px ;
}


.rec_guideline_item_pos{
	top : -25px ;
	width : 234px ;
	height : 50px ;
	border-radius: 25px ;
	line-height : 50px ;
	font-size : 26px ;
}

.rec_guideline_item_title{
	width : 580px ;
	height : 100px ;
	font-size : 33px ;
}













.rec_guideline_itembox.posregular{
	background-color : #CDFBBF ;
}
.posregular .rec_guideline_item_pos{
	background-color: #1AB693 ;
}
.posregular .rec_guideline_item_title{
	color : #1AB693 ;
}

.rec_guideline_itembox.posparttime{
	background-color : #FDEEC0 ;
}
.posparttime .rec_guideline_item_pos{
	background-color: #ADB52C ;
}
.posparttime .rec_guideline_item_title{
	color : #ADB52C ;
}

.rec_guideline_itembox.poscareer{
	background-color : #E5F6B8 ;
}
.poscareer .rec_guideline_item_pos{
	background-color: #6EB826 ;
}
.poscareer .rec_guideline_item_title{
	color : #6EB826 ;
}



.rec_guideline_item_arrow{
	position: absolute ;
	top : 50% ;
	right : 16px ;
	width : 16px ;
	transform: translate(0%,-50%);
}



.rec_guideline_item_story{
	text-align: left;
	line-height: 50px;
}


.rec_guideline_item_btn{
	width: 295px;
	height: 85px;
	line-height: 79px;
	text-align : center;
	color : #FFFFFF;
	font-weight: 700;
	background: linear-gradient(90deg, #1AB693, #A9CD06);
	margin : 16px auto 0px;
	border-radius: 42px;
	box-shadow: 0px 4px 2px rgba(0,0,0,0.2);
}


.recruit_interview_arrow_r,
.recruit_guideline_arrow_r{
	position: absolute ;
	top : 50% ;
	right : 10px ;
	transform: translate(0%,-50%);
	z-index : 14 ;
	cursor: pointer;
}

.recruit_interview_arrow_l,
.recruit_guideline_arrow_l{
	position: absolute ;
	top : 50% ;
	left : -30px ;
	transform: translate(0%,-50%);
	z-index : 14 ;
	cursor: pointer;
	display : none ;
}

























}