@charset "utf-8";

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

sp_recruit

-------------------------------------------------------------------*/
@media screen and (max-width: 767px)  {

#recruit { min-width:100%; }

/*
#recruit #main_visual ul { height:auto; }
#recruit #main_visual ul li { width:100%; height:auto; }
#recruit #main_visual ul li img { width:100%; height:auto; }
#recruit #main_visual img.image { display:none; }
*/

#recruit #main_visual { background-color:#fff; }

#recruit #main_visual dl {
align-content: center;
display: flex;
align-items: center;
flex-wrap: wrap;
top: 0;
position: absolute;
width: 100%;
padding: 20px;
height: 100%;
}
#recruit #main_visual dl dt {
flex: 0 0 100%;
text-align: left;
}

#recruit #main_visual dl dt span { color:#0586bb; font-size:154%; }
#recruit #main_visual dl dd {
flex: 0 0 100%;
text-align: left;
margin-top: 10px;
}

#recruit #main_visual dl dd span { color:#000; }
#recruit #main_visual img { width:100%; height:auto; }



#recruit #news { border-radius:0; margin:0; padding:10px; }
#recruit #news dl { letter-spacing:normal; padding:10px; width:100%; }
#recruit #news dl dt { display:none; }
#recruit #news dl dd { font-size:85%; }

#recruit #main { padding:0; }
#recruit #main h2.title { font-size:131%; font-weight:600; padding:30px 15px 0; }
#recruit #main h2.title:before { top:0; }
#recruit #main h2.title:after { content:none; }
#recruit #main h3.sub_title { font-size:100%; padding:0 15px 15px; }

#recruit #main #job_list { width:100%; }
#recruit #main #job_list ul { background-color:#dcf1f9; display:flex; flex-wrap:wrap; justify-content:center; letter-spacing:normal; padding:20px; }
#recruit #main #job_list ul li { background-color:#fff; border-radius:6px;  border-top:1px dotted#ccc; display:flex; flex-wrap:wrap; flex:0 0 100%; float:none; justify-content:center; margin-top:20px; margin-right:0; padding:0 0 20px; width:100%; }
#recruit #main #job_list ul li:first-child { border-top:none; margin-top:0; } 
#recruit #main #job_list ul li dl { background-color:#eee; flex:0 0 100%; display:flex; flex-wrap:wrap; justify-content:center; padding:0; }
#recruit #main #job_list ul li dl dt { order:2; flex:0 0 100%; }
#recruit #main #job_list ul li dl dd { align-items:center; background-color:#0586bb; display:flex; flex:0 0 100%; justify-content:space-between; letter-spacing:normal; }

#recruit #main #job_list ul li dl dd span:first-child { flex:1 1 75%; font-size:108%; }
#recruit #main #job_list ul li dl dd span:nth-child(2) { flex:0 1 25%; text-align:right; width:auto; }
#recruit #main #job_list ul li dl dd span:nth-child(2).employment { text-align:right; }

#recruit #main #job_list ul li .btn_link { margin:0; padding:20px 20px 0; }
#recruit #main #job_list ul li .btn_link a { background-size:6px 9px; border-radius:3px; font-size:93%; text-decoration:none; }
#recruit #main #job_list ul li .btn_link span { background-size:6px 9px; border-radius:3px; font-size:93%; }

#footer #footer_head #footer_head_cont { width:100%; }
#footer #footer_cont { width:100%; }

#footer #other_link ul { width:100%; }

#footer_bottom #copyright { width:100%; }



.box .box_cont { letter-spacing:normal; padding:10px; }
.box .box_cont .left_col { background-color:#dcf1f9; text-align:center; width:100%; }
.box .box_cont .left_col img { max-width:300px; height:200px; object-fit:cover; }
.box .box_cont .right_col { padding-left:0; width:100%; }
.box .box_cont .right_col p { display:none; }
.box .box_cont .right_col ul.condition { letter-spacing:normal; margin-top:10px; text-align:left; }
.box .box_cont .right_col ul.condition li:first-child { margin-left:0; }

.box .box_cont .right_col .entry_btn {}
.box .box_cont .right_col .entry_btn a { font-size:93%; }

.box .box_bottom { padding:10px 10px 50px; }
.box .box_bottom .time_schedule .job { font-size:69%; }

.box .box_bottom .time_schedule .job.a_type.first { width:15%; }
.box .box_bottom .time_schedule .job.a_type.second { width:15%; left:55%; }
.box .box_bottom .time_schedule .job.a_type.third { width:15%; left:85%; }

.box .box_bottom .time_schedule .job.b_type.first { width:20%; left:15%; }
.box .box_bottom .time_schedule .job.b_type.second { width:20%; left:65%; }
.box .box_bottom .time_schedule .job.c_type.first { width:15%; }
.box .box_bottom .time_schedule .job.c_type.second { width:15%; left:20%; }
.box .box_bottom .time_schedule .job.c_type.third { width:15%; left:55%; }
.box .box_bottom .time_schedule .job.c_type.fourth { width:15%; left:75%; }

.box_foot img.image { right:10px; width:50px; height:98px; }
.box_foot .box_foot_cont { letter-spacing:normal; }
.box_foot .box_foot_cont .box_foot_cont_left {}
.box_foot .box_foot_cont .box_foot_cont_left img { width:155px; height:auto; }
.box_foot .box_foot_cont .box_foot_cont_right { margin-top:10px; }
.box_foot .box_foot_cont .box_foot_cont_right dl dd img { width:200px; height:auto; }
.box_foot .box_foot_cont .box_foot_cont_right dl dd p {}
.box_foot .box_foot_cont .box_foot_cont_right dl dd p span:nth-child(3) { font-size:100%; }


/*-------------------------------------------------------------------
entry
-------------------------------------------------------------------*/
#recruit.entry #second_header #second_header_cont { width:100%; }

#recruit.entry #main_visual { align-items:center; background-color:#fff; display:flex; height:280px; justify-content:start; }
#recruit.entry #main_visual img { height:280px; position:absolute; object-fit:cover; }
#recruit.entry #main_visual #main_visual_cont { height:auto; width:100%; }
#recruit.entry #main_visual #main_visual_cont dl { padding:0 20px; z-index:100; }
#recruit.entry #main_visual #main_visual_cont dl dt span { color:#1ea2d9; }
#recruit.entry #main_visual #main_visual_cont dl dd span { color:#000; }

#recruit.entry .job_title ul.condition li span { font-size:93%; }

#recruit.entry #main { padding:20px 10px 10px; }
#recruit.entry .job_title { display:flex; flex-wrap:wrap; letter-spacing:normal; width:100%; }
#recruit.entry .job_title h2 { text-align:left; width:100%; flex:0 0 100%;}
#recruit.entry .job_title ul.condition { text-align:left; margin-top:20px; width:100%; }
#recruit.entry .job_title ul.condition li:first-child { margin-left:0; }
#recruit.entry .job_title ul.condition li.lisence span { font-size:79%; }

#recruit.entry .job_title ul.condition li span { font-size:79%; padding:8px 11px 8px 35px; }

#recruit.entry .job_detail table { border-top:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc; width:100%; display:flex; flex-wrap:wrap; }
#recruit.entry .job_detail table tbody { display:flex; flex-wrap:wrap; flex:0 0 100%; }
#recruit.entry .job_detail table tr { display:flex; flex-wrap:wrap; flex:0 0 100%; }
#recruit.entry .job_detail table tr th {
background-color: #dcf1f9;
border-bottom:1px solid #1ea2d9;
border-bottom:1px dotted #ccc;
border-right: none;
border-left: none;
padding: 15px;
width: 30%;
text-align: left;
font-weight: 600;
font-size: 100%;
width:100%;
flex:0 0 100%;
}
#recruit.entry .job_detail table tr td {
background-color:#fff;
border-bottom:none;
border-bottom:1px solid #ccc;
border-left:none;
padding:15px;
width:35%;
font-size:100%;
text-align:left;
flex:0 0 100%;
width:100%;
}

#recruit.entry .job_entry { width:100%; }
#recruit.entry .job_entry h3 { font-size:116%; line-height:1.8; width:100%; }
#recruit.entry .job_entry .job_entry_cont { padding:20px; }
#recruit.entry .job_entry .job_entry_cont .image { width:55px; height:82px; right:10px; }
#recruit.entry .job_entry .job_entry_cont h4 { font-size:116%; }
#recruit.entry .job_entry .job_entry_cont p { font-size:93%; line-height:1.6; padding:10px 0 10px; }
#recruit.entry .job_entry .job_entry_cont .btn { padding-right:80px; }
#recruit.entry .job_entry .job_entry_cont .btn a { font-size:93%; }
#recruit.entry .job_entry .job_entry_cont .btn.blue a:before { background-size:6px 9px; }

}