@charset "utf-8";

/*-------------------------------------------------------------------
recruit
-------------------------------------------------------------------*/
#recruit { min-width:1180px; }

#recruit #header { background-color:#fff; width:100%; }
#recruit #header h1 span { width:1080px; }
#header #header_cont { letter-spacing:-.40em; margin:0 auto; padding:20px 20px; text-align:right; width:1100px; }
#header #header_cont #header_right {}
#header #header_cont #header_right img { display:inline-block; letter-spacing:normal; vertical-align:middle; margin-right:20px; }
#header #header_cont #header_right span { display:inline-block; letter-spacing:normal; line-height:1.6; vertical-align:middle; }
#header #header_cont #header_right span a {
background-color:#fff;
border:1px solid #1ea2d9;
color:#333;
display:block;
font-size:93%;
padding:6px 20px;
line-height:1.6;
}
#header #header_cont #header_right span a:hover {
background-color:#1ea2d9;
color:#fff;
}

#recruit #news { background-color:#bbe3f4; margin-top:0; padding:15px 0; }
#recruit #news dl { background-color:#fff; border:6px solid #ddf1fa; padding:10px 15px; letter-spacing:-.40em; text-align:left; border-radius:0; width:1100px; margin:0 auto; }
#recruit #news dl dt { display:inline-block; letter-spacing:normal; width:5em; padding:3px 5px; border-radius:0; text-align:center; font-size:108%; margin-right:10px; color:#333; background-color:transparent; font-weight:600; }
#recruit #news dl dd { display:inline-block; font-size:108%; letter-spacing:normal; color:#333; }

#recruit #main_visual {
background-color:#fff;
text-align:center;
position:relative;
}

#bread_crumb { background-color:#fff; letter-spacing:-.40em; text-align:center; }
#bread_crumb ol { width:auto; margin:0 auto; padding:6px 30px 6px 0; text-align:left; width:1100px; }
#bread_crumb ol li { display:inline-block; letter-spacing:normal; vertical-align:middle; text-align:left; }
#bread_crumb ol li span {
background-image:url(../img/common/i_ar_link.png);
background-position:left center;
background-repeat:no-repeat;
background-size:8px 12px;
padding-right:10px;
padding-left:16px;
}
#bread_crumb ol li a {
background-image:url(../img/common/i_ar_link.png);
background-position:left center;
background-repeat:no-repeat;
background-size:8px 12px;
padding-right:10px;
padding-left:16px;
text-decoration:underline;
}
#bread_crumb ol li.home a {
background-image:url(../img/common/i_home.png);
background-position:left center;
background-repeat:no-repeat;
background-size:16px 16px;
padding-left:24px;
}

#top #bread_crumb { background-color:#dcf1f9; letter-spacing:-.40em; text-align:center; }
#top #bread_crumb ol { width:1020px; margin:0 auto; padding:6px 30px; text-align:left; }


#recruit #main {
background-color:#fff;
margin:0 auto;
padding:0 0 50px;
text-align:center; 
width:100%;
}
#recruit #main h2.title { font-size:154%; display:inline-block; text-align:center; position:relative; padding:40px 10em; }
#recruit #main h2.title:before {
content:" ";
position:absolute;
width:70px;
height:5px;
top:0;
background-color:#ccc;
left:50%;
margin-left:-35px;
}
#recruit #main h2.title:after {
content:" ";
position:absolute;
width:70px;
height:2px;
bottom:0;
background-color:#ccc;
left: 50%;
margin-left: -35px;
}
#recruit #main h3.sub_title {
color:#666;
font-size:232%;
margin-top:20px;
}

#recruit #main #job_list {
margin:0 auto;
text-align:center; 
width:1100px;
}
#recruit #main #job_list ul { letter-spacing:-.40em; display:inline-block; text-align:center; }
#recruit #main #job_list ul:after { content:" "; clear:both; display:block; }
#recruit #main #job_list ul li { letter-spacing:normal; display:inline-block; width:300px; margin-right:100px; margin-top:35px; float:left; }
#recruit #main #job_list ul li a { display:block; }
#recruit #main #job_list ul li:nth-child(3n) { margin-right:0; }
#recruit #main #job_list ul li dl { background-color:#1ea2d9; }
#recruit #main #job_list ul li dl dt {}
#recruit #main #job_list ul li dl dd { letter-spacing:-.40em; padding:20px; }
#recruit #main #job_list ul li dl dd span { letter-spacing:normal; display:inline-block; }
#recruit #main #job_list ul li dl dd span:first-child { color:#fff; font-size:125%; text-align:left; width:75%; }
#recruit #main #job_list ul li dl dd span:nth-child(2) { color:#999; text-align:right; width:25%; }
#recruit #main #job_list ul li dl dd span:nth-child(2).employment { text-align:center; }
#recruit #main #job_list ul li dl dd span:nth-child(2).employment i { background-color:#f18e2d; color:#fff; font-style:normal; padding:8px 5px; display:inline-block; }
#recruit #main #job_list ul li dl dd span:nth-child(2).employment u { background-color:#fff; color:#ccc; font-style:normal; padding:8px 5px; display:inline-block; text-decoration:none; }

#recruit #main #job_list ul li .btn_link { margin-top:10px; text-align:center; }
#recruit #main #job_list ul li .btn_link:hover { cursor:pointer; }
#recruit #main #job_list ul li .btn_link span {
background-image:url(../img/common/i_ar_gray.png);
background-position:95% center;
background-repeat:no-repeat;
background-size:8px 13px;
color:#ccc;
display:block;
padding:15px 30px 15px 15px;
border:1px solid #ccc;
}
#recruit #main #job_list ul li .btn_link a {
background-color:#fff;
background-image:url(../img/common/i_ar_blue.png);
background-position:95% center;
background-repeat:no-repeat;
background-size:8px 13px;
color:#000;
display:block;
padding:15px 30px 15px 15px;
border:1px solid #ccc;
cursor:pointer;
}
#recruit #main #job_list ul li .btn_link a:hover {
background-color:#1ea2d9;
background-image:url(../img/common/i_ar.png);
background-position:95% center;
background-repeat:no-repeat;
background-size:8px 13px;
border:1px solid #1ea2d9;
color:#fff;
text-decoration:none;
cursor:pointer;
}  

#footer #other_link ul { width:1100px; }
#footer #footer_head #footer_head_cont { width:1100px; }
#footer #footer_cont { width:1100px; }
#footer_bottom #copyright { width:1100px; }

/*-------------------------------------------------------------------
modal
-------------------------------------------------------------------*/
.box { background-color:#fff; }
.box .title { background-color:#f2f2f2; letter-spacing:normal; background-color:#f2f2f2; color:#12194e; font-weight:600; padding:20px; font-size:125%; line-height:1; }
.box .box_cont { padding:20px; letter-spacing:-.40em; }
.box .box_cont .left_col { display:inline-block; letter-spacing:normal; width:45%; vertical-align:top; }
.box .box_cont .left_col img { width:100%; height:auto; }
.box .box_cont .right_col { display:inline-block; letter-spacing:normal; width:55%; vertical-align:top; padding-left:3%; }

.box .box_cont .right_col ul.condition { letter-spacing:-.40em; text-align:right; }
.box .box_cont .right_col ul.condition li { display:inline-block; letter-spacing:normal; margin-left:10px; }
.box .box_cont .right_col ul.condition li span { border:1px solid #12194e; border-radius:2px; text-align:center; display:inline-block; padding:6px 10px; color:#333; font-size:85%; }
.box .box_cont .right_col ul.condition li.lisence span { background-color:#dcf1f9; background-image:url(../img/recruit/i_star.png); background-position:3px center; background-repeat:no-repeat; font-weight:600; padding-left:24px; }
.box .box_cont .right_col ul.condition li.experience span { background-color:#faef94; background-image:url(../img/recruit/i_inexperience.png); background-position: 3px center; background-repeat:no-repeat;  font-weight:600; padding-left:24px; }
.box .box_cont .right_col ul.condition li.employment span { background-color:#cae5af; font-weight:600; color:#; }

.box .box_cont .right_col h3 { font-size:168%; color:#12194e; text-align:left; font-weight:600; margin-top:15px; }
.box .box_cont .right_col p { margin-top:10px; font-size:108%; line-height:1.8; }
.box .box_cont .right_col > p { display:none; }
.box .box_cont .right_col p.note { font-size:85%; }
.box .box_cont .right_col .entry_btn { positon:relative; text-align:center; margin-top:15px; }
.box .box_cont .right_col .entry_btn span { display:inline-block; border-radius:3px; background-color:#ff9900; text-align:center; font-size:85%; font-weight:600; color:#12194e; padding:3px 6px; margin-bottom:-15px; position:relative; z-index:10; }
.box .box_cont .right_col .entry_btn a {
background-image:url(../img/common/i_ar.png);
background-position:95% center;
background-repeat:no-repeat;
background-size:8px 13px;
background:#1ea2d9;
border-radius:3px;
color:#fff;
display:block;
font-size:115%;
font-weight:600;
padding:15px 10px;
text-align:center;
position:relative;
}
.box .box_cont .right_col .entry_btn a:hover {
opacity:0.9;
text-decoration:none;
}
.box .box_cont .right_col .entry_btn a:after {
content:" ";
background-image:url(../img/common/p_charactor3.png);
background-position:95% center;
background-repeat:no-repeat;
background-size:32px 63px;
position:absolute;
right:10px;
bottom:0;
width:32px;
height:63px;
}

.box .box_bottom { padding:0 20px 50px; }
.box .box_bottom h4 { font-size:100%; color:#12194e; display:inline-block; vertical-align:bottom; font-weight:400; }
.box .box_bottom h4 span { display:inline-block; vertical-align:middle; font-size:154%; font-weight:600; }
.box .box_bottom .time_schedule { position:relative; margin-top:10px; }
.box .box_bottom .time_schedule ol { letter-spacing:-.40em; border-top:1px solid #ccc; border-right:1px solid #ccc; min-height:120px; display:table; table-layout:fixed; width:100%; }
.box .box_bottom .time_schedule ol li { border-bottom:1px solid #ccc; border-left:1px solid #ccc; display:inline-block; letter-spacing:normal; width:12%; min-height:120px; vertical-align:middle; display:table-cell; text-align:center; }

.box .box_bottom .time_schedule ol li:nth-child(4) { background-color:#cdedfb; width:14%; }

.box .box_bottom .time_schedule ul { letter-spacing:-.40em; margin-top:5px; }
.box .box_bottom .time_schedule ul li { display:inline-block; letter-spacing:normal; }
.box .box_bottom .time_schedule ul li:first-child { text-align:left; width:25%; }
.box .box_bottom .time_schedule ul li:nth-child(2) { text-align:center; width:25%; }
.box .box_bottom .time_schedule ul li:nth-child(3) { text-align:right; width:50%; }

.box .box_bottom .time_schedule .job { position:absolute; display:inline-block; font-size:85%; text-align:center; }

.box .box_bottom .time_schedule .job.a_type { background-color:#ffcaca; color:#333; padding:5px 10px; opacity:0.9; }
.box .box_bottom .time_schedule .job.a_type.first { left:0; top:10px; width:93px; }
.box .box_bottom .time_schedule .job.a_type.second { left:388px; top:10px; width:93px; } 
.box .box_bottom .time_schedule .job.a_type.third { left:574px; top:10px; width:93px; }

.box .box_bottom .time_schedule .job.b_type { background-color:#ffcaca; color:#333; padding:5px 10px; opacity:0.9; }
.box .box_bottom .time_schedule .job.b_type.first { left:94px; top:45px; width:93px; }
.box .box_bottom .time_schedule .job.b_type.second { left:481px; top:45px; width:186px; } 

.box .box_bottom .time_schedule .job.c_type { background-color:#ffcaca; color:#333; padding:5px 10px; opacity:0.9; }
.box .box_bottom .time_schedule .job.c_type.first { left:0; top:80px; width:93px; }
.box .box_bottom .time_schedule .job.c_type.second { left:187px; top:80px; width:93px; } 
.box .box_bottom .time_schedule .job.c_type.third { left:481px; top:80px; width:93px; }
.box .box_bottom .time_schedule .job.c_type.fourth { left:666px; top:80px; width:93px; }

.box_foot { background-color:##dcf1f9; position:relative; }
.box_foot img.image { position:absolute; width:83px; height:163px; right:30px; bottom:0;  }
.box_foot .box_foot_cont { letter-spacing:-.40em; background-color:#eee; padding:20px 30px; }
.box_foot .box_foot_cont .box_foot_cont_left { display:inline-block; letter-spacing:normal; vertical-align:middle; margin-right:50px; }
.box_foot .box_foot_cont .box_foot_cont_right { display:inline-block; letter-spacing:normal; vertical-align:middle; }
.box_foot .box_foot_cont .box_foot_cont_right dl { display:inline-block; width:260px; }
.box_foot .box_foot_cont .box_foot_cont_right dl dt { background-color:#1ea2d9; color:#fff; padding:2px 5px; text-align:center; border-radius:3px; font-size:93%; }
.box_foot .box_foot_cont .box_foot_cont_right dl dd { margin-top:5px; }
.box_foot .box_foot_cont .box_foot_cont_right dl dd img { width:260px; height:28px; }

.box_foot .box_foot_cont .box_foot_cont_right dl dd p { text-align:left; letter-spacing:-.40em; margin-top:5px; }
.box_foot .box_foot_cont .box_foot_cont_right dl dd p span { display:inline-block; letter-spacing:normal; }
.box_foot .box_foot_cont .box_foot_cont_right dl dd p span:first-child { background-color:#1ea2d9; color:#fff; font-size:85%; padding:3px 5px; border-radius:2px; margin-right:10px; text-align:center; }
.box_foot .box_foot_cont .box_foot_cont_right dl dd p span:nth-child(2) { font-size:100%; margin-right:10px; }
.box_foot .box_foot_cont .box_foot_cont_right dl dd p span:nth-child(3) { font-size:107%; }

/*-------------------------------------------------------------------
entry
-------------------------------------------------------------------*/
#recruit.entry #second_header #second_header_cont { width:1100px; }

#recruit.entry #main_visual { background-color:#dcf1f9; position:relative; }
#recruit.entry #main_visual img.pc { width:100%; height:300px; object-fit:cover; object-position:center top; position:absolute; left:0; }

#recruit.entry #main_visual #main_visual_cont {
height:300px;
margin:0 auto;
text-align:center;
width:1060px; 
position:relative;
}

#recruit.entry #main_visual #main_visual_cont dl {
align-content: center;
display: flex;
justify-content: start;
flex-wrap: wrap;
top: 0;
position: absolute;
width: 100%;
padding: 20px 0;
height: 100%;
z-index:99;
}
#recruit.entry #main_visual #main_visual_cont dl dt {}
#recruit.entry #main_visual #main_visual_cont dl dt span { color:#1ea2d9; font-weight:600; font-size:232%; }
#recruit.entry #main_visual #main_visual_cont dl dd { flex:0 0 100%; text-align:left; margin-top:15px; }
#recruit.entry #main_visual #main_visual_cont dl dd span { color:#000; line-height:1.6; font-size:108%; }

#bread_crumb ol { width:1060px; }

#recruit.entry #main {
padding: 25px 0 50px;
}

#recruit.entry .job_title {
letter-spacing:-.40em;
margin:0 auto;
text-align:center;
width:1060px; 
}
#recruit.entry .job_title h2 {
color:#12194e;
display:inline-block;
font-size:185%;
font-weight:600;
letter-spacing:normal;
text-align:left;
width:50%;
vertical-align:middle;
}

#recruit.entry .job_title ul.condition { letter-spacing:-.40em; text-align:right; margin:0 auto; vertical-align:middle; width:50%; display:inline-block; }
#recruit.entry .job_title ul.condition li { display:inline-block; letter-spacing:normal; margin-left:10px; }
#recruit.entry .job_title ul.condition li span { border:1px solid #12194e; border-radius:2px; text-align:center; display:inline-block; padding:8px 15px 8px 35px; color:#333; font-size:100%; }
#recruit.entry .job_title ul.condition li.lisence span { background-color:#dcf1f9; background-image:url(../img/recruit/i_star.png); background-position:3px center; background-repeat:no-repeat; font-weight:600; padding-left:24px; }
#recruit.entry .job_title ul.condition li.experience span { background-color:#faef94; background-image:url(../img/recruit/i_inexperience.png); background-position: 3px center; background-repeat:no-repeat;  font-weight:600; padding-left:24px; }
#recruit.entry .job_title ul.condition li.employment span { background-color:#cae5af; font-weight:600; padding:8px 15px; }
#recruit.entry .job_title ul.condition li.parttime span { padding:8px 15px; }

#recruit.entry .job_detail { margin:20px auto 0; text-align: center; width:100%; }
#recruit.entry .job_detail table { margin: 0 auto; text-align: center; width:1060px; border-top:1px solid #12194e; border-right:1px solid #12194e; }
#recruit.entry .job_detail table tr th { background-color:#f0f0f0; border-bottom:1px solid #12194e; border-left:1px solid #12194e; vertical-align:top; padding:20px; font-weight:600; font-size:116%; }
#recruit.entry .job_detail table tr td { border-bottom:1px solid #12194e; border-left:1px solid #12194e; padding:20px; text-align:left; font-size:116%; }

#recruit.entry .job_entry { margin:50px auto 0; width:1060px; }
#recruit.entry .job_entry h3 {
border-bottom:2px solid #12194e;
color:#12194e;
font-size:154%;
font-weight:600;
text-align:left;
letter-spacing:normal;
margin:0 auto;
width:1060px;
}
#recruit.entry .job_entry .job_entry_cont .image {
position:absolute;
right:60px;
bottom:0;
width:110px;
height:164px;
}
#recruit.entry .job_entry .job_entry_cont { background-color:#dcf1f9; letter-spacing:-.40em; margin:20px auto 0; position:relative; padding:40px 30% 40px 80px; border-radius:6px; }

#recruit.entry .job_entry .job_entry_cont  h4 {
font-size:170%;
font-weight:600;
text-align:left;
letter-spacing:normal;
}
#recruit.entry .job_entry .job_entry_cont p { font-size:116%; line-height:1.4; margin-top:15px; text-align:left; letter-spacing:normal; }

#recruit.entry .job_entry .job_entry_cont .btn { margin-top:30px; }
#recruit.entry .job_entry .job_entry_cont .btn a { font-size:154%; font-weight:600; letter-spacing:normal; }