@charset "utf-8";
/* CSS Document */
.mainMenu {
    z-index: 10000;
}

/*PC*/
@media print, screen and (min-width: 769px) {

#hedwrap { position: relative; }
.hed_img { width: 100%; margin: 0 auto; background: url(../images/recruit/hed_img.jpg) center center; height: 400px; background-size: cover; margin-top: 100px; display: flex; align-items: center; }


/*--------hed_img------------*/

.map { width: 100%; margin: 0 auto; margin-top: 50px; }
.map iframe { width: 100%; margin: auto; }

.message_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.message_boxL { flex-basis: 48%; max-width: 48%; }
.message_boxR { flex-basis: 48%; max-width: 48%; }

.message_img { width: 100%; margin: 0 auto; }
.message_img img { width: 100%; height: auto; }

.message_txt { line-height: 1.8em; }

.message_name { text-align: right; font-weight: bold; font-size: 16px; color: #1d2088; margin-top: 30px; }



#recruit01 { margin-bottom: 70px; }
.recruit_box { width: 100%; margin: 0 auto; }
.recruit_boxL { flex-basis: 48%; max-width: 48%; }
.recruit_boxR { flex-basis: 48%; max-width: 48%; }

.recruit_box_tit { font-size: 18px; font-weight: bold; margin-bottom: 30px; }
.recruit_box_txt { line-height: 1.8em; }

.recruit_img { width: 100%; margin: 0 auto; }
.recruit_img img { width: 100%; height: auto; }


.recruit_boxL .com_tit { text-align: left; }

/*----------リスト-----------*/
#recruit02 { margin-bottom: 70px; }
.recruit_list { width: 100%; margin: 0 auto; }
.recruit_list li a {background: #518ce0; width: 80%; display: block; text-decoration: none; }
.recruit_list li:nth-child(even) a { margin: auto 0 auto auto;}
.recruit_list li:nth-child(odd) a { margin: auto auto auto 0; }
.recruit_list li:nth-child(n+2) a { margin-top: 50px; }

.recruit_list_box{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; }
.recruit_list_imgbox { width: 40%; }
.recruit_list_img { width: 100%; margin: 0 auto; }
.recruit_list_img img { width: 100%; height: auto; }
.recruit_list_txtbox { padding: 30px 50px; }
.recruit_list_tit { font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 30px; }



.photo_hover_wrap img {
width: 100%;
height: auto;
}

.photo_hover_wrap {
display: block;
height: 280px;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
}
.photo_hover_wrap .photo {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.recruit_list li a:hover .photo_hover_wrap {
text-decoration: none;
cursor: pointer;
}
.recruit_list li a:hover .photo_hover_wrap .photo {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}



.recruit_list li a .com_btn2 { margin: 0 auto; width: 100%; }
.recruit_list li a .com_btn2 { display: flex; flex-wrap: wrap; align-items: center; color: #fff;  }
.recruit_list li a span.btn_ar { width: 46px; height: 46px; border-radius: 46px; border: 1px solid #fff; display: block; margin-right: 15px; position: relative; text-align: center; flex-basis: 46px; max-width: 46px;  }
.recruit_list li a span.btn_ar::before { position: absolute; top: 30%; left: 0; right: 0; margin: auto; font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: bold; display: block;margin: auto; color: #fff; }

.recruit_list li a:hover .btn_ar { border: 1px solid #fff; background: #fff; color: #fff; -moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.recruit_list li a:hover .btn_ar::before { color: #518de1;-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.recruit_list li a span.en { font-weight: bold; -moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;  }
.recruit_list li a:hover span.en { letter-spacing: 0.09em; -moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;  }

.recruit_btn_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.recruit_btn_list li { flex-basis: 48%; max-width: 48%; }

.recruit_btn_list li a { box-sizing: border-box; }

.entry_btn { width: 100%; margin: 0 auto; }
.entry_btn a { display: block; padding: 30px; color: #fff; background: #518de1; text-align: center; position: relative; -moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.entry_btn a::before {
 font-family: "Font Awesome 5 Free"; content: "\f054"; 
	position: absolute;
	right: 30%;
	top: 40%;
	font-weight: bold;
	color: #fff;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.entry_tit span.en { display: block; color: #fff; font-size: 14px; }
.entry_tit span.jp { display: block; color: #fff; font-size: 25px; }

.entry_btn a:hover { background: #999; -moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.entry_btn a:hover::before { right: 28%; -moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }





/*---------先輩インタビュー-----------*/

.voice_main_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 50px;  }
.voice_main_box_titbox { width: 40%; }
.voice_main_box_imgbox { width: 55%; }
.voice_main_box_img { width: 100%; margin: 0 auto; }
.voice_main_box_img img { width: 100%; height: auto; }

.voice_main_box .sub_titbox_tit { text-align: left; }
.voice_main_box hr.line { margin: 30px 0 30px 3px;  }
.voice_subtxt { font-size: 12px; margin-top: 15px; text-align: left; }





.voice_list_vol { font-weight: bold; font-size: 14px; letter-spacing: 0.5em; color: #003567; margin-bottom: 15px;  }
.voice_list_vol span { position: relative; font-weight: bold; }
.voice_list_vol span::before { content: ""; width: 70px; height: 1px; background: #003567; position: absolute; right: -80px; top: 6px; display: block; }

.voice_list_name { font-size: 16px; font-weight: bold; margin-bottom: 15px; }
.voice_list_name span.en { font-size: 12px; font-weight: bold; padding-left: 10px; color: #999; letter-spacing: 0.1em;  }

.voice_list_type { font-size: 12px; color: #999; line-height: 1.8em;  }
.voice_list_type span.x { padding-right: 10px; }

.boss_detail { margin-bottom: 50px; }
.boss_detail2 { margin-bottom: 0px; }
.boss_tit { font-size: 20px; font-weight: bold; color: #003567; margin-bottom: 30px;  }
.boss_txt { text-align: left; line-height: 1.8em; margin-bottom: 10px; }
.boss_txt span { position: relative; color: #003567; font-weight: bold; }
.boss_txt2 { text-align: left; line-height: 1.8em; }
.boss_txt2 span { position: relative; color: #003567; font-weight: bold; }



.voice_box { margin-bottom: 50px; }

#recruit_in .recruit_list li a { margin: 0 auto; margin-top: 70px; }

.entry_box { background: url(../images/recruit/entry_bg.jpg) center center; padding: 70px 0; background-size: cover; width: 100%; margin: 0 auto; box-sizing: border-box; }

.entry_box_tit { text-align: center; font-size: 40px; font-weight: bold; margin-bottom: 30px; color: #fff; }

.entry_box_sub { font-size: 25px; font-weight: bold; text-align: center; color: #fff; margin-bottom: 30px; }

.entry_box_txt { text-align: center; font-size: 14px; color: #fff; margin-bottom: 50px;  }


/*-----------充実の職場環境----------*/
#recruit03 { margin-bottom: 100px; }

.recruit_detail { width: 100%; margin: 0 auto 70px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.recruit_detail li { flex-basis: 48%; max-width: 48%; }
.recruit_detail li:nth-child(n+3) { margin-top: 50px; }


.recruit_detail_img { width: 100%; margin: 0 auto 15px; }
.recruit_detail_img img { width: 100%; height: auto; }
.recruit_detail_tit { font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #003567; }
.recruit_detail_txt { line-height: 1.8em; }


.recruit_detail_icontit { font-size: 16px; font-weight: bold; align-items: center; margin-bottom: 15px; display: flex; color: #003567;  }
.recruit_detail_icontit span.icon { width: 40px; height: 40px; border-radius: 40px; line-height: 40px; color: #fff; background: #003567; margin-right: 10px; text-align: center; }



}




/*----------------------------------------------------*/




/*sp*/
@media only screen and (max-width: 768px) {

#hedwrap { position: relative; }
.hed_img { width: 100%; margin: 0 auto; background: url(../images/recruit/hed_img.jpg) center center; height: 200px; background-size: cover; margin-top: 100px; display: flex; align-items: center; }

.map { width: 100%; margin: 0 auto; margin-top: 50px; }
.map iframe { width: 100%; margin: auto; }

.message_box { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }

.message_boxL { width: 100%; margin: 0 auto 30px;}
.message_boxR { width: 100%; margin: 0 auto; }

.message_img { width: 100%; margin: 0 auto; }
.message_img img { width: 100%; height: auto; }

.message_txt { line-height: 1.8em; }


#recruit01 { margin-bottom: 70px; }
#recruit02 { margin-bottom: 70px; }
.recruit_box { width: 100%; margin: 0 auto; }
.recruit_boxL { width: 100%; margin: 0 auto 30px; }
.recruit_boxR { width: 100%; margin: 0 auto; }

.recruit_box_tit { font-size: 18px; font-weight: bold; margin-bottom: 30px; }
.recruit_box_txt { line-height: 1.8em; }

.recruit_img { width: 100%; margin: 0 auto; }
.recruit_img img { width: 100%; height: auto; }


/*----------リスト-----------*/

.recruit_list { width: 100%; margin: 0 auto; padding: 0; }
.recruit_list li {  list-style: none; }
.recruit_list li a {background: #518ce0; width: 100%; margin: 0 auto; display: block; text-decoration: none; }
.recruit_list li:nth-child(n+2) a { margin-top: 50px; }

.recruit_list_box{ width: 100%; }
.recruit_list_imgbox { width: 100%; margin: 0 auto; }
.recruit_list_img { width: 100%; margin: 0 auto; }
.recruit_list_img img { width: 100%; height: auto; }
.recruit_list_txtbox { padding: 30px; width: 100%; margin:  0 auto; box-sizing: border-box; }
.recruit_list_tit { font-size: 20px; color: #fff; font-weight: bold; margin-bottom: 30px; }



.photo_hover_wrap img {
width: 100%;
height: auto;
}

.photo_hover_wrap {
display: block;
height: 55vw;
overflow: hidden;
position: relative;
text-decoration: none;
z-index: 0;
}
.photo_hover_wrap .photo {
display: block;
height: auto;
left: 0;
position: absolute;
top: 0;
transition: all 0.2s linear 0s;
width: 100%;
}
.recruit_list li a:hover .photo_hover_wrap {
text-decoration: none;
cursor: pointer;
}
.recruit_list li a:hover .photo_hover_wrap .photo {
transform: scale(1.1);
transition: all 2s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}



.recruit_list li a .com_btn2 { margin: 0 auto; width: 100%; }
.recruit_list li a .com_btn2 { display: flex; flex-wrap: wrap; align-items: center; color: #fff;  }
.recruit_list li a span.btn_ar { width: 46px; height: 46px; border-radius: 46px; border: 1px solid #fff; display: block; margin-right: 15px; position: relative; text-align: center; flex-basis: 46px; max-width: 46px;  }
.recruit_list li a span.btn_ar::before { position: absolute; top: 35%; left: 0; right: 0; margin: auto; font-family: "Font Awesome 5 Free"; content: "\f054"; font-weight: bold; display: block;margin: auto; color: #fff; }

.recruit_list li a:hover .btn_ar { border: 1px solid #fff; background: #fff; color: #fff; -moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}
.recruit_list li a:hover .btn_ar::before { color: #518de1;-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.recruit_list li a span.en { font-weight: bold; -moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;  }
.recruit_list li a:hover span.en { letter-spacing: 0.09em; -moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;  }


.recruit_btn_list { width: 100%; margin: 0 auto;  }
.recruit_btn_list li { width: 100%; margin: 0 auto; }
.recruit_btn_list li:nth-child(n+2) { margin-top: 30px; }


.entry_btn { width: 100%; margin: 0 auto; }
.entry_btn a { display: block; padding: 15px; color: #fff; background: #518de1; text-align: center; position: relative; -moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.entry_btn a::before {
 font-family: "Font Awesome 5 Free"; content: "\f054"; 
	position: absolute;
	right: 30%;
	top: 40%;
	font-weight: bold;
	color: #fff;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.entry_tit span.en { display: block; color: #fff; font-size: 14px; }
.entry_tit span.jp { display: block; color: #fff; font-size: 16px; }

.entry_btn a:hover { background: #999; -moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }
.entry_btn a:hover::before { right: 28%; -moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; }








/*---------先輩インタビュー-----------*/

.voice_main_box { width: 100%; margin: 0 auto 50px; }
.voice_main_box_titbox { width: 100%;  }
.voice_main_box_imgbox { width: 100%; margin: 0 auto 30px; }
.voice_main_box_img { width: 100%; margin: 0 auto; }
.voice_main_box_img img { width: 100%; height: auto; }

.voice_subtxt { font-size: 12px; margin-top: 15px; text-align: left; }

.voice_list_vol { font-weight: bold; font-size: 14px; letter-spacing: 0.2em; color: #003567; margin-bottom: 15px;  }
.voice_list_vol span { position: relative; font-weight: bold; }
.voice_list_vol span::before { content: ""; width: 70px; height: 1px; background: #003567; position: absolute; right: -80px; top: 6px; display: block; }

.voice_list_name { font-size: 18px; font-weight: bold; margin-bottom: 15px; }
.voice_list_name span.en { font-size: 14px; font-weight: bold; padding-left: 10px; color: #999; letter-spacing: 0.1em;  }

.voice_list_type { font-size: 14px; color: #999; line-height: 1.8em; font-weight: 500; }
.voice_list_type span.x { padding-right: 10px; }

.boss_detail { margin-bottom: 50px; }
.boss_detail2 { margin-bottom: 0px; }
.boss_tit { font-size: 18px; font-weight: bold; color: #003567; margin-bottom: 30px;  }
.boss_txt { text-align: left; line-height: 1.8em; margin-bottom: 10px; }
.boss_txt span { position: relative; color: #003567; font-weight: bold; }
.boss_txt2 { text-align: left; line-height: 1.8em; }
.boss_txt2 span { position: relative; color: #003567; font-weight: bold; }


.entry_box { background: url(../images/recruit/entry_bg.jpg) center center; padding: 70px 0; background-size: cover; width: 100%; margin: 0 auto; box-sizing: border-box; }




/*----エントリーボタン背景------*/

.entry_box_tit { text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 15px; color: #fff; }

.entry_box_sub { font-size: 20px; font-weight: bold; text-align: center; color: #fff; margin-bottom: 15px; }

.entry_box_txt { text-align: center; font-size: 14px; color: #fff; margin-bottom: 30px;  }


/*-----------充実の職場環境----------*/

#recruit03 { margin-bottom: 70px; }
.recruit_detail { width: 100%; margin: 0 auto; }
.recruit_detail li { width: 100%; margin: 0 auto; }
.recruit_detail li:nth-child(n+2) { margin-top: 50px; }


.recruit_detail_img { width: 100%; margin: 0 auto 15px; }
.recruit_detail_img img { width: 100%; height: auto; }
.recruit_detail_tit { font-size: 16px; font-weight: bold; margin-bottom: 10px; color: #003567; }
.recruit_detail_txt { line-height: 1.8em; }


.recruit_detail_icontit { font-size: 16px; font-weight: bold; align-items: center; margin-bottom: 15px; display: flex; color: #003567;  }
.recruit_detail_icontit span.icon { width: 40px; height: 40px; border-radius: 40px; line-height: 40px; color: #fff; background: #003567; margin-right: 10px; text-align: center; }

.entry_txtbox { margin-bottom: 50px; }
.entry_txtbox_tit { font-size: 35px; font-weight: bold; color: #003567; text-align: center; margin-bottom: 50px;  }

.entry_txtbox_list { width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.entry_txtbox_list li { flex-basis: 32%; max-width: 32%; padding: 10px; border: 1px solid #ededed; box-sizing: border-box; text-align: center; font-weight: 500; }





}