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

body{
behavior:url("../csshover3.htc");
}

#c3_lrr{
width:730px;
overflow:hidden;
}

#recruit_container{margin-bottom:50px;
/*margin-top:25px;*/
}


#recruit_container h2{
color:#333;
font-size:16px;
}

#recruit_container .rectitle{
background-repeat: no-repeat;
background-position: left center;
/*width: 730px;
height: 56px;
float: left;*/
margin-bottom: 20px;
padding:23px 0px 23px 75px;
display:block;
}

#recruit_container .or{background-image:url("../img/recruit/rec_title_orange.gif");}
#recruit_container .red{background-image:url("../img/recruit/rec_title_red.gif");}
#recruit_container .green{background-image:url("../img/recruit/rec_title_green.gif");}
#recruit_container .oubo{background-image:url("../img/recruit/rec_title_oubo.gif");}
#recruit_container .pur{background-image:url("../img/recruit/rec_title_pur.gif");}
#recruit_container .blue{background-image:url("../img/recruit/rec_title_blue.gif");}
#recruit_container .skal{background-image:url("../img/recruit/rec_title_skal.gif");}
#recruit_container .yellow{background-image:url("../img/recruit/rec_title_yellow.gif");}
#recruit_container .pink{background-image:url("../img/recruit/rec_title_pink.gif");}
#recruit_container .gblue{background-image:url("../img/recruit/rec_title_gblue.gif");}

#recruit_container p{
font-size:14px;
line-height:1.4;
margin-bottom:10px;
color:#333;
}

#recruit_container .recpmt10{
margin-top: 10px;
}

#recruit_container .recruitBox{margin-bottom:10px;}
#recruit_container .recruitBox .rec_contents{
border:1px solid #ccc;
padding:10px;
width:235px;
float:left;
cursor:pointer;
margin-right:12px;
margin-bottom:10px;
position:relative;
}

#recruit_container .recruitBox .rec_contents:hover{
border:1px solid #FF3333;
}

#recruit_container .recruitBox p{
letter-spacing: 0.5px;
}

.ie6 #recruit_container .recruitBox .rec_contents,
.ie7 #recruit_container .recruitBox .rec_contents{width:213px;}

#recruit_container .recruitBox .rec_contents p{
margin-bottom:0;
font-weight: bold;
color: #444;
font-size: 15px;
}
#recruit_container .recruitBox .rec_contents p.rec_img{margin-bottom:10px;text-align:center;}
.rec_contents .attention{color:#FF3333;display:block;}
.rec_contents .attention_gray{color:#ccc;display:block;}
.rec_contents a{color:#333;letter-spacing:0;}
.rec_contents a:hover{color:#333;letter-spacing:0;text-decoration:none;}

.rec_top_list{margin-bottom:30px;}
.rec_top_list li{list-style-type:none;font-size:14px;color:#666;margin-bottom:5px;}
.rec_top_list li a{color:#666;}

/*#recruit_container .mb30 table{border-collapse: collapse;}*/

#recruit_container .mb30 tr{
font-size: 14px;
color: #333;
line-height:140%;
}

#recruit_container .mb30 th{
padding: 10px 20px 10px 10px;
border-top: 1px solid #999;
width: 160px;
}

#recruit_container .mb30 .un{
padding: 10px 20px 10px 10px;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}

#recruit_container .mb30 td{
padding: 10px 40px 10px 10px;
border-top: 1px solid #999;
}

/* by_area */

#recruit_container .by_area_header{
  padding: 10px 10px 0 10px;
  font-weight: bold;
  margin-bottom: 0;
}

#recruit_container .by_area_header_attention{  padding-left: 10px;}

#recruit_container .by_area_nav{ 
  font-size: 14px;
  margin-top: 20px;
}

#recruit_container .by_area_nav_list{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

#recruit_container .by_area_nav_item a{
  border: 1px solid #999;
  padding: 5px;
  display: inline-block;
  color: #333;
}

#recruit_container .by_area_nav_item a:hover{
  text-decoration: none;
  color: #333;
  opacity:.6;
}

#recruit_container .by_area_container{margin-top: 20px;}

#recruit_container .by_area_table{
  width: 730px;
}

#recruit_container .by_area_table thead{background-color:#f3d9db;}

#recruit_container .by_area_table thead th{
  text-align: center;
  align-content: center;
}

#recruit_container .by_area_table .by_area_table_location{width :60px!important;}

#recruit_container .by_area_table .by_area_table_station{width :155px!important;}

#recruit_container .by_area_table .by_area_table_note{width:40px!important;}

#recruit_container .by_area_table th,
#recruit_container .by_area_table td{
  border-left: 1px solid #999;
  padding: 5px;
  width: auto;
  font-size: 12px;
}

#recruit_container .by_area_table th:last-of-type{
  border-right: 1px solid #999;
}

#recruit_container .by_area_table td:first-of-type{
  text-align: center;
  align-content: center; 
}

#recruit_container .by_area_table td:last-of-type{
  border-right: 1px solid #999;
  text-align: center;
  align-content: center; 
}

#recruit_container .by_area_table li{
  min-height: calc(14px * 1.4);
}

#recruit_container .by_area_table li:last-of-type{
  border-top: 1px dashed #999;
  padding-top: 5px;
  margin-top: 5px;
}

#recruit_container .by_area_table tr:last-of-type td{ border-bottom: 1px solid #999;}

#recruit_container .by_area_footer_attention{
  margin-top: 5px;
  margin-bottom: 0;
}

/* #wrap_entstep */

#recruit_container #wrap_entstep{
margin-bottom: 20px;
}

#recruit_container #wrap_entstep .entstep{
float: left;
border: 1px solid #CCC;
}

#recruit_container #wrap_entstep p{
padding: 10px;
}

#recruit_container #wrap_entstep .stepnum{
background: #CCC;
text-align: center;
padding: 5px;
}

#recruit_container #wrap_entstep .arrowimg{
padding: 0;
float: left;
}

/* 2014/09/17 新デザイン追記 */
#recruit_container h2.top{
background-image:url("../img/recruit/recruit_img_border.gif");
background-repeat:no-repeat;
background-position:bottom center;
font-family:Meiryo, "ヒラギノ角ゴ Pro";
font-weight:normal;
font-size:20px;
margin-bottom:20px;
padding-bottom:3px;
}

#recruit_container .msgBox{margin:20px 0 30px;}
#recruit_container .msgBox p{font-size:14px;margin-bottom:20px;line-height:160%;}

#recruit_container .rec_linkBox{}
#recruit_container .rec_linkBox .contentsBox{width:360px;margin-bottom:20px;}
#recruit_container .rec_linkBox .contentsBox p a:hover img{
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}
#recruit_container .rec_linkBox .contentsBox ul{list-style-type:none;font-size:13px;width:50%;}
#recruit_container .rec_linkBox .contentsBox ul li{margin-bottom:5px;line-height:120%;padding-right:5px;text-indent:-10px;padding-left:10px;}
#recruit_container .rec_linkBox .contentsBox ul li img{margin-right:5px;vertical-align:2px;}
#recruit_container .rec_linkBox .contentsBox ul li a{display:block;}

#recruit_container .rec_linkBox .contentsBox ul.inner{list-style-type:none;font-size:13px;width:100%;margin-left:7px;margin-top:5px;}
#recruit_container .rec_linkBox .contentsBox ul.inner li{float:left;width:50%;padding:0;}

#recruit_container .rec_linkBox .newcom li img{background-color:#FF3333;}
#recruit_container .rec_linkBox .career li img{background-color:#FF9933;}
#recruit_container .rec_linkBox .se li img{background-color:#6699CC;}
#recruit_container .rec_linkBox .koshi li img{background-color:#41BCA6;}

#recruit_container .borderBox{border:1px solid #e7e7e7;padding:10px;margin-bottom:30px;}

#recruit_container .recruitTable{border:none; border-collapse:separate;border-spacing:0;width:100%;font-size:15px;margin-bottom:40px;}
#recruit_container .recruitTable th{background-color:#DBECEB;padding:5px;text-align:center;width:20%;font-weight:normal;border-right:3px solid #fff;}
#recruit_container .recruitTable td{padding:5px;border-bottom:1px solid #ccc;border-right:3px solid #fff;}
#recruit_container .recruitTable td.colorCell{text-align:center;color:#FF3333;font-weight:bold;}
#recruit_container .recruitTable td span{font-size:12px;display:block;padding:3px;background-color:#bbb;color:#fff;}
#recruit_container .recruitTable td span.alearts{background-color:#FF3300;font-size:14px;width:45px;text-align:center;float:left;margin-right:15px;}
#recruit_container .recruitTable td span.staff{background-color:#FF9933;}
#recruit_container .recruitTable td span.regular{background-color:#6699CC;}
#recruit_container .recruitTable td span.inexperience{background-color:#41BCA6;}
#recruit_container .recruitTable td span.contract{background-color:#FE887E;}

#recruit_container .recruitTable ul{margin-bottom:5px;}
#recruit_container .recruitTable ul li{list-style-type:none;float:left;margin-right:10px;}
#recruit_container .recruitTable ul li img{vertical-align:-2px;margin-right:10px;}
#recruit_container .recruitTable ul li a{text-decoration:underline;}

#recruit_container #newrecnav_wrap div ul{margin-left:8px;}
#recruit_container #newrecnav_wrap div ul li{list-style-type:none;margin-bottom:5px;font-size:13px;}
#recruit_container #newrecnav_wrap div ul li img{background-color:#ccc;margin-right:5px;}
#recruit_container #newrecnav_wrap .jinbutsu + ul li img{background-color:#C6C936;}
#recruit_container #newrecnav_wrap .recintro + ul li img{background-color:#6699CC;}
#recruit_container #newrecnav_wrap .syokusyuintro + ul li img{background-color:#E2865F;}
#recruit_container #newrecnav_wrap .insourceintro + ul li img{background-color:#FF3333;}
#recruit_container #newrecnav_wrap .syainintro + ul li img{background-color:#30A3A3;}
#recruit_container #newrecnav_wrap .gyoukaiintro + ul li img{background-color:#9568BD;}

#recruit_container .rec_banner p:hover,
#recruit_container .rec_diversity img:hover{
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}

/*仕事の魅力*/

#recruit_container .appeal{
border-bottom: 2px solid #ccc;
padding: 10px 30px;
border-top: 2px solid #ccc;
border-right: 2px solid #ccc;
border-left: 5px solid #c4c83d;
}

#recruit_container .appeal .appealtitle{
border-bottom: 1px solid #ccc;
font-size: 14px;
margin-bottom: 10px;
}

#recruit_container .appeal p{
font-size: 13px;
margin-bottom: 0;
}


/*新卒採用新デザイン*/

#recruit_container #newrecnav_wrap{
margin: 20px 0;
}

#recruit_container #newrecnav_wrap .clearfix{
margin-top: 10px;
}

#recruit_container #newrecnav_wrap p{
/*width: 140px;*/
font-size: 12px;
padding-top: 40px;
margin-left: 19px;
margin-right:75px;
}

#recruit_container #newrecnav_wrap .newrec_nav{
background-position:center;
background-repeat:no-repeat;
width:237px;
height:100px;
cursor: pointer;
margin-right:8px;
margin-bottom:5px;
}

#recruit_container #newrecnav_wrap .newrec_nav:hover{
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}
#recruit_container #newrecnav_wrap .newrec_nav a{color:#333;}
#recruit_container #newrecnav_wrap .newrec_nav a:hover{color:#333;text-decoration:none;}

#recruit_container #newrecnav_wrap .jinbutsu{
background-image:url("../img/recruit/img_introduction_jinnbutuzou.gif");}

#recruit_container #newrecnav_wrap .recintro{
background-image:url("../img/recruit/img_introduction_c_overview.gif");}

#recruit_container #newrecnav_wrap .syokusyuintro{
background-image:url("../img/recruit/img_introduction_works.gif");}

#recruit_container #newrecnav_wrap .insourceintro{
background-image:url("../img/recruit/img_introduction_insource.gif");}

#recruit_container #newrecnav_wrap .syainintro{
background-image:url("../img/recruit/img_introduction_syainn.gif");}

#recruit_container #newrecnav_wrap .gyoukaiintro{
background-image:url("../img/recruit/img_introduction_gyoukai.gif");}

#recruit_container .semtitle{
font-weight: bold;
font-size: 15px;
padding: 10px;
color: #bf5583;
}



/* 2013/11/07 採用フロー */
.req_info{margin-bottom:30px;}
.req_info a:hover img{text-decoration:none;}

.req_info h3 {
font-size: 13px;
color:#FF3333;
margin-bottom: 5px;
margin-top: 10px;
}

.req_info table {
width: 730px;
border: 1px solid #B1B1B1;
border-collapse:collapse;
margin-bottom:20px;
}
.req_info table th {
color: #333;
background-color:#FEE7E8;
text-align: center;
/*padding-left: 10px;*/
border-color:#B1B1B1;
}
.req_info table.table1 th{background-color:#EB9595;}

.req_info table td {
padding: 5px;
line-height: 1.5em;
padding-left: 10px;
border-color:#B1B1B1;
}
.req_info table td h5 {
font-size: 12px;
}
.req_info .question {
background-image: url(../img/recruit/re_se_ques.gif);
background-repeat: no-repeat;
background-position: center center;
width: 500px;
margin-left: 0px;
margin-bottom: 15px;
height: 54px;
}
.req_info .seminarBox{
margin-bottom: 20px;
}
.req_info .question p {
height: 54px;
padding-top: 20px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 20px;
font-weight: bold;
color: #45BADC;
}

.req_info table td ul {
list-style-position: outside;
list-style-type: disc;
margin-left: 15px;
}
.req_info table td dl dd {
margin-left: 4em;
margin-top: -1.5em;
}
.trainingList li {
line-height: 1.5em;
background-image: url(../img/recruit/square_gray.gif);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 12px;
list-style-type: none;
}

.req_info .flowBox{}
.req_info .flowBox .fl{
width:79px;
height:88px;
background-image:url("../img/recruit/rec_feature_flow1_r.gif");
background-repeat:no-repeat;
background-position:center;
padding:30px 0;
text-align:center;
display:table-cell;
vertical-align:middle;
}
.ie6 .req_info .flowBox .fl,
.ie7 .req_info .flowBox .fl{height:28px;}

.req_info .flowBox .last{padding:24px 0;background-image:url("../img/recruit/rec_feature_flow_end_r.gif");}

.ie6 .req_info .flowBox .last,
.ie7 .req_info .flowBox .last{height:32px;}

.req_info .flowBox .fr{width:630px;}
.req_info .flowBox .fr p{display:table-cell;vertical-align:middle;height:88px;}
.req_info .flowBox .fr p a:hover{
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}

/* 2013/11/07 求める人物像 */
.needsBox ul{}

.needsBox ul li{
list-style-type:none;
font-size:14px;
margin-bottom:10px;
padding-bottom:5px;
/*border-bottom:1px solid #C5C936;*/
}

.needsBox ul li img{vertical-align:-5px; margin-right:10px;}

/* 2013/11/07 特徴 */
#feature h3{margin-bottom:10px;font-size:14px;}

#feature table {
width: 730px;
border: 1px solid #FFFFFF;
border-collapse:collapse;
}
#feature table th {
color: #FFFFFF;
background-color: #C05454;
text-align: center;
width: 120px;
height: 30px;
text-align:center;
vertical-align:middle;
border: 1px solid #FFFFFF;
}
#feature table td {
line-height: 1.5em;
text-align: left;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 10px;
border: 1px solid #FFFFFF;
background-color: #FFEFEF;
}
#feature .bussinessWorld ul{margin-bottom:20px;}
#feature .bussinessWorld ul li{
background-image:url("../img/recruit/rec_list_img.gif");
background-repeat:no-repeat;
background-position:left 4px;
list-style-type:none;
font-size:14px;
margin-bottom:10px;
padding-left:15px;
}

#feature .bussinessWorld ul li img{vertical-align:-3px;margin-right:5px;}

#feature .msgBox{
background-image:url("../img/recruit/rec_feature_img.gif");
background-repeat:no-repeat;
background-position:bottom center;
padding-bottom:80px;
}

/* 2013/11/26 採用トップ */

#recruit_container .messageBox .fl{width:440px;font-size:13px;}
#recruit_container .messageBox .colorTitle{color:#FF3333;font-size:16px;font-weight:bold;}

#recruit_container #feature .ftitle{
font-size: 16px;
margin-top: 25px;
font-weight:bold;
}


/* 2013/11/28 セミナー日程 */
#recruit_container .sem_schedule{
border:1px solid #999;
border-collapse:collapse;
width:730px;
font-size:14px;
margin-bottom:30px;
}
#recruit_container .sem_schedule th,
#recruit_container .sem_schedule td{padding:5px;border-color:#999;}

#recruit_container .sem_schedule td{font-size: 12px; text-align: center;}

#recruit_container .sem_schedule thead{background-color:#FDEFEF;}

#recruit_container .sem_schedule .tl{
text-align: left;
}

#recruit_container .sem_schedule th.semat{
width: 335px;
}


/*  2013/12/05 インソースワークス */
#works_container{}
#works_container h2{font-weight:normal;font-size:18px;}

/* 見出しライン */
#works_container .h_line{margin-bottom:20px;}
#works_container .h_line .bar_l{background-color:#FF3334;}
#works_container .h_line .bar_r{background-color:#ccc;}

#works_container .program_contents{}
#works_container .program_contents .leftBox{float:left;width:374px;position:relative;}
#works_container .program_contents .link{}
#works_container .program_contents .link p{font-size:12px;position:absolute;line-height:100%;}
#works_container .program_contents .link p a{letter-spacing:-1px;}
#works_container .program_contents .link .link1{top:174px;left:15px;}
#works_container .program_contents .link .link2{top:174px;left:131px;}
#works_container .program_contents .link .link3{top:174px;left:247px;}
#works_container .program_contents .link .link4{top:205px;left:15px;}
#works_container .program_contents .link .link5{top:205px;left:131px;}
#works_container .program_contents .link .link6{top:205px;left:247px;}
#works_container .program_contents .link .link7{top:234px;left:15px;}
#works_container .program_contents .link .link8{top:234px;left:131px;}
#works_container .program_contents .link .link9{top:234px;left:247px;}
#works_container .program_contents .link .link10{top:258px;left:15px;}
#works_container .program_contents .link .link11{top:263px;left:131px;}
#works_container .program_contents .link .link12{top:263px;left:247px;}
#works_container .program_contents .link .link13{top:294px;left:15px;}
#works_container .program_contents .link .link14{top:294px;left:131px;}
#works_container .program_contents .link .link15{top:294px;left:247px;}
#works_container .program_contents .link .link16{top:322px;left:15px;}
#works_container .program_contents .link .link17{top:322px;left:131px;}
#works_container .program_contents .link .link18{top:322px;left:247px;}
#works_container .program_contents .link .link19{top:351px;left:15px;}
#works_container .program_contents .link .link20{top:351px;left:131px;}
#works_container .program_contents .link .link21{top:351px;left:247px;}
#works_container .program_contents .link .link22{top:382px;left:15px;}
#works_container .program_contents .link .link23{top:376px;left:131px;}
#works_container .program_contents .link .link24{top:376px;left:247px;}
#works_container .program_contents .link .link25{top:413px;left:64px;}

#works_container .program_contents .rightBox{float:right;width:315px;position:relative;}
#works_container .program_contents .rightBox .link ul{position:absolute;top:92px;left:93px;}
#works_container .program_contents .rightBox .link ul.kan{top:167px;left:93px;}
#works_container .program_contents .rightBox .link ul.chu{top:270px;left:93px;}
#works_container .program_contents .rightBox .link ul.newcom{top:358px;left:93px;}
#works_container .program_contents .rightBox .link ul li{list-style-type:none;}

#works_container .sourceBox{border:3px solid #E09A9A;padding:10px;}
#works_container .sourceBox .b_border{border-bottom:2px solid #C13434;padding-bottom:10px;}
#works_container .sourceBox .banner_box{margin-bottom:10px;}
#works_container .sourceBox .banner_box p{margin-bottom:0;margin-right:7px;float:left;}

/*#works_container a:hover img{
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}*/

/* 2013/12/05 研修業界とは */
#trade_container{}
#trade_container .detailBox{border-bottom:1px solid #ccc;padding-bottom:20px;margin-bottom:30px;}
#trade_container .detailBox h3{margin-bottom:20px;}
#trade_container .detailBox h3 img{vertical-align:-15px;margin-right:20px;}


/* 2014/04/10 急募マーク */
#recruit_container .rec_notice{position:absolute;top:30px;right:14px;}

/* 2014/12/12 インターン */
#recruit_container .messageBox p {
margin-bottom: 20px;
line-height: 160%;
}

#recruit_container .messageBox h2 {
margin-bottom: 20px;
font-size: 20px;
}

#recruit_container .intern_table{
border-width:1px 0 0 1px;
border-style:solid;
border-color:#9468BD;
border-collapse:collapse;
width:100%;
line-height:150%;
margin-bottom:30px;
}

#recruit_container .intern_table th,
#recruit_container .intern_table td{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#9468BD;
padding:10px;
font-size:14px;
}

#recruit_container .intern_table th{background-color:#9468BD;color:#fff;}
#recruit_container .intern_table .td_color td{background-color:#EAE1F2;text-align:center;border-bottom:1px solid #9468BD;}
#recruit_container .intern_table td{border-bottom:none;}
#recruit_container .intern_table .bb{border-bottom:1px solid #9468BD;}

#recruit_container #intern_container h3{color:#333;font-weight:normal;}
#recruit_container #intern_container h3 img{vertical-align:0;margin-right:10px;}

#recruit_container .intern_schedule{
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ccc;
border-collapse:collapse;
width:100%;
line-height:150%;
margin-bottom:30px;
}

#recruit_container .intern_schedule th,
#recruit_container .intern_schedule td{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
padding:8px;
font-size:13px;
}

.al{text-align:left !important;}

#recruit_container .intern_schedule th{text-align:center;font-weight:normal;background-color:#EAE1F2;}
#recruit_container .intern_schedule td{text-align:center;}
#recruit_container .intern_schedule td span{display:block;float:right;margin-left:20px;}

#recruit_container .intern_voice{margin-bottom:30px;}
#recruit_container .intern_voice li{font-size:14px;text-indent:-8px;padding-left:8px;margin-bottom:5px;line-height:120%;}

/* 2015/02/05 就活対策講座 */
#recruit_container #intern_container .program_contents{border:1px solid #FF812D;margin-bottom:20px;}
#recruit_container #intern_container .program_contents p{
background-color:#FFFFCC;
border-bottom:1px solid #FF812D;
margin-bottom:0;
padding:5px;
text-align:center;
}

#recruit_container #intern_container .program_contents ul{margin:10px;font-size:14px;}
#recruit_container #intern_container .program_contents ul li{list-style-type:none;margin-bottom:5px;}


/* 2015/11/20 レスポンシブ用ナビ */
#recruit_container #recruit_gnav{display:none;}

/* 2016/06/22 追記(ここだけ追加) */
#rec_rep_container{width:500px;}
#rec_rep_container p{font-size:14px;line-height:1.5;}
/*#rec_rep_container .report_prlg{
background-image:url("../img/recruit/rec_reporttop_line.gif");
background-repeat:repeat-y;
background-position:bottom;
width:500px;
}*/

#rec_rep_container .report_prlg_top{border:1px solid #ccc;margin-bottom:20px;padding:20px;}
#rec_rep_container .report_prlg_top .prlg_title{font-size:16px;margin-bottom:20px;font-family:"Yu Gothic",sans-serif;font-weight:bold;}
#rec_rep_container .report_prlg{
position: relative;
background-color: #fff; 
background-image: 
linear-gradient(rgba(204,204,204,0.5) .1em, transparent .1em);
background-size: 100% 2em;/* ここの○emと下のline-heightの数値を合わせれば、罫線と行間の調整できる */
line-height:2em;
}
#rec_rep_container .report_prlg p{font-size:14px;margin-bottom:1.8em;line-height:inherit;font-family:"Yu Gothic",sans-serif;font-weight:bold;}
#rec_rep_container .report_prlg p:last-child{padding-bottom:1px;margin-bottom:0;}

#rec_rep_container .flexBox{
/*display:flex;
-js-display: flex;*/
justify-content:space-between;
align-items:stretch;
margin-bottom:20px;
}

#rec_rep_container .flexBox .seBox{width:240px;border:10px solid #FFA1C0;padding:10px;}
#rec_rep_container .flexBox .kikakuBox{width:240px;border:10px solid #6CDD91;padding:10px;}

#rec_rep_container .flexBox .seBox:hover,
#rec_rep_container .flexBox .kikakuBox:hover{cursor:pointer;opacity:0.8;}

#rec_rep_container .flexBox a{color:#333;}
#rec_rep_container .flexBox a:hover{text-decoration:none;}

#rec_rep_container .linkBox a:hover img{opacity:0.8;}

/*応募方法*/
#rec_rep_container #main .applicati_box {
background-color: #FFE1E1;
width: 500px;
padding-bottom: 10px;
margin-bottom:30px;
}
#rec_rep_container #main .applicati_box .app_title{
margin-left: 20px;
padding-top: 20px;
margin-bottom:10px;
}
#rec_rep_container #main .applicati_box p {
margin-left: 20px;
margin-right: 20px;
font-size: 13px;
margin-bottom: 15px;
vertical-align: middle;
}
#rec_rep_container #main .applicati_box p.button {
margin:0 20px 10px 0;
}

/* 2016/07/19 募集職種の改修 */
.job_cat_box { margin-bottom: 20px; }

#recruit_container .messageBox .job_cat_heading{ color:#333; margin-bottom: 10px;}

.job_cat_box_inner { display: flex; flex-flow: row wrap; justify-content: space-between;margin-bottom: 20px; }
.job_cat_box_inner::after { content: ""; display: block; width: 240px; }

.job_cat_box .rec_card{width:240px;border:1px solid #C2C2C2;padding:10px;margin-bottom:5px;box-sizing:border-box;/*float:left;margin-right:5px;*/}
/*.job_cat_box .rec_card:nth-child(odd){border:4px solid #F27900;}*/
/*.job_cat_box .rec_card:nth-child(even){border:4px solid #00823E;}*/
.job_cat_box .rec_card:nth-child(3n){margin-right:0;}
.job_cat_box .rec_card:hover{cursor:pointer;opacity:0.8;}
.job_cat_box .rec_card a{text-decoration:none;color:#333;font-family:"メイリオ";}

#recruit_container .messageBox .tag_arr{margin-bottom: 0; height: 32px;}
.job_cat_box .rec_card .tag{font-size:12px;display:inline-block;padding:0px 6px;}
.job_cat_box .rec_card .tag_new{background-color:#0000ff;color:#fff;margin-right:5px;}
.job_cat_box .rec_card .tag_rec{background-color:#FF3300;color:#fff;margin-right:5px;}
.job_cat_box .rec_card .tag_exp{background-color:#41BCA6;color:#fff;}

#recruit_container .job_cat_box .rec_card .job_title{font-size:16px;font-family:"メイリオ"; min-height: calc(16px * 2 * 1.6); font-weight: bold; margin-bottom: 10px;}
#recruit_container .job_cat_box .rec_card .job_caption{font-size:14px; margin-bottom: 0px;}

@media screen and (max-width: 768px){
  .job_cat_box .rec_card { width: 49% }
}

@media screen and (max-width: 599px){
  .job_cat_box .rec_card { width: 100% }
  #recruit_container .job_cat_box .rec_card .job_title{ min-height: auto;}
} 

/* 2016/07/25 中途採用　採用コンテンツ追加*/
#recruit_container .bottom_navi .recruit_content {
margin-bottom:20px;
width:100%;
}

#recruit_container .bottom_navi .recruit_content a:hover{
opacity:0.7;
}

#recruit_container .bottom_navi .recruit_content:after {
display: block;
clear: both;
content: "";
}

#recruit_container /*.messageBox*/ .bottom_navi .contentBox{
border-style:solid;
border-width:1px;
border-color:#ccc;
padding:20px;
width:48%;
height:410px;
float:right;
}

#recruit_container /*.messageBox*/ .bottom_navi .contentBox:first-child{
float:left;
}

#recruit_container .bottom_navi p{
margin-bottom:20px;
line-height: 160%;
}

#recruit_container .bottom_navi h2{
font-size:20px;
margin-bottom:20px;
}

#recruit_container .bottom_navi h3 {
margin-bottom: 20px;
font-size: 16px;
}

/*===============================

    2018/10/23 改修用CSS

================================*/
.u-bold { font-weight: bold;}

#recruit_container .recNewComInfo .rectitle { margin-top: 50px; }


/*
    ナビ
================================*/
.infoNav {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  margin-bottom: 30px;
}

.infoNav_item {
  display: flex;
  width: calc(100% / 6);
}

.infoNav_item + .infoNav_item { border-left: 1px solid #333; }

.infoNav_item a {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
  width: 100%;
}


.recContentsBox {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  width: 100%;
}

.recContentsBox_inner {}

.recContentsBox_inner:first-of-type { margin-right: 20px; }


#recruit_container .recTxtBox { margin-bottom: 30px; }
#recruit_container .recTxtBox p {
  font-size: 14px;
  line-height: 1.5;
  margin-bottom: 0;
}
#recruit_container .recTxtBox p + p { margin-top: 20px; }

/*
    募集要項
================================*/
#recruit_container .recInfoTbl {
  border-collapse: collapse;
  border-color: #ccc;
  border-style: solid;
  border-width: 1px 0 0 1px;
  table-layout: fixed;
  width: 100%;
}

#recruit_container .recInfoTbl th {
  background-color: #EB9595;
  border-color: #ccc;
  border-style: solid;
  border-width: 0 1px 1px 0;
  padding: 10px;
  text-align: center;
  width: 25%;
}

#recruit_container .recInfoTbl td {
  border-color: #ccc;
  border-style: solid;
  border-width: 0 1px 1px 0;
  padding: 10px;
}

#recruit_container .recInfoTbl td p {
  font-size: 13px;
  line-height: 1.5;
  margin-bottom: 0;
}

#recruit_container .recInfoTbl td p + p { margin-top: 10px; }

/*
    採用実績
================================*/
#recruit_container .recInfoTbl.result {
  font-size: 14px;
  line-height: 1.5;
}

#recruit_container .recInfoTbl.result th {
  background-color: #FEE7E8;
  width: 20%;
}

#recruit_container .recInfoTbl.result ul { margin-bottom: 20px; }

#recruit_container .recInfoTbl.result dl { margin-bottom: 20px; }

#recruit_container .recInfoTbl.result dt { margin: 20px 0 10px;font-weight: bold; }

/*
    エントリー
================================*/
.recEntryBox { margin: 20px 0; }

.recEntryBox_inner {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  margin-bottom: 20px;
  width: 100%
}

.recEntryBox_inner:first-of-type { border: 4px double red;padding: 10px; }


#recruit_container .recEntryBox_ttl {
  flex: auto 0 0;
  font-weight: bold;
  height: 85px;
  margin: 0 20px 0 0;
  position: relative;
  width: 85px;
  z-index: 5;
}

.recEntryBox_ttl > span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  width: 100%;
  z-index: 3;
}


.recEntryBox_ttl::before {
  background-color: #f2bebe;
  border-radius: 50%;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}

.recEntryBox_ttl::after {
  border: 5px solid transparent;
  border-top: 5px solid red;
  /*content: "";*//* あとで増えたときにコメントアウトを外す */
  height: 0;
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-5px);
  width: 0;
}

.recEntryBox_inner:last-of-type .recEntryBox_ttl::after { border:none; }

/*
    社員インタビュー
================================*/
.recTxtContentsBox {
  margin: 20px 0;
  padding: 10px;
}

/* ボタン風デザイン */
.c_recBtn {
  background-color: #f2bebe;
  border-radius: 5px;
  box-shadow: 0 3px 0 #5f3c3c;
  color: #333;
  display: block;
  padding: 10px;
  text-align: center;
  max-width: 210px;
}

.c_recBtn:hover{
  box-shadow: none;
  color: #333;
  text-decoration: none;
  transform: translateY(3px);
}

/*
    職種別募集ページ（中途採用）
================================*/
/*募集していない表記*/
#recruit_container .recNotactive{
    margin: 24px 0;
    padding: 8px;
    background: #e60f2d;
    line-height: 1.6;
    letter-spacing: 2px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

/* 募集中の職種 */
.areaBox {
  border: 2px solid #ccc;
  margin: 0 0 30px;
}

.areaBox-tokyo { border-color: #CB6F94; }
.areaBox-kansai { border-color: #719DCC; }
.areaBox-osaka { border-color: #719DCC; }
.areaBox-kobe { border-color: #6EC7CF; }
.areaBox-chushikoku { border-color: #E7CB5E; }
.areaBox-kyushu { border-color: #78C172; }

#recruit_container .areaBox .areaBox_ttl {
  border-bottom: 2px solid #ccc;
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 20px 5px;
  padding: 10px 5px;
  width: 95%;
}

#recruit_container .areaBox-tokyo .areaBox_ttl { border-color: #CB6F94; }
#recruit_container .areaBox-kansai .areaBox_ttl { border-color: #719DCC; }
#recruit_container .areaBox-osaka .areaBox_ttl { border-color: #719DCC; }
#recruit_container .areaBox-kobe .areaBox_ttl { border-color: #6EC7CF; }
#recruit_container .areaBox-chushikoku .areaBox_ttl { border-color: #E7CB5E; }
#recruit_container .areaBox-kyushu .areaBox_ttl { border-color: #78C172; }

.recJobList {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 0 10px 10px;
}

.recJobList_item {
  padding-right: 10px;
  padding-left: 1em;
  text-indent: -1em;
  width: 50%;
  line-height: 1.3;
}

@media screen and (max-width: 600px){
.recJobList { flex-direction: column; }
.recJobList_item { width: 100%; }
}


/* 求める人物像 */
.figureList{
  font-size: 14px;
  line-height: 1.5;
}

/* ul */
.figureList li {
  padding-left: 1em;
  text-indent: -1em;
}

/* dl */
.figureList > dt { margin-top: 10px; }

.figureList > dd { padding-left: 1em; }

/* お問合せ */
.contactBox_recruit {
  border: 5px solid  crimson;
  border-radius: 10px;
  margin: 30px auto;
  padding: 10px;
  text-align: center;
  width: 80%;
}

#recruit_container .contactBox_recruit > p {}

#recruit_container .contactBox_recruit > p:first-of-type {}

#recruit_container .contactBox_recruit > p:nth-of-type(2) {
  font-family: Arial;
  font-size: 28px;
  font-weight: 700;
}

#recruit_container .contactBox_recruit > p:last-of-type {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 0;
}

/*
    2021/12/13　お問合せボックス
================================*/
.recContactBox {
  border: 1px solid #ccc;
  font-family: "Helvetica Neue","Noto Sans JP","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Arial,メイリオ,Meiryo,sans-serif;
  font-weight: 500;
  margin-bottom: 10px;
  padding: 20px;
}

.recContactBox > *last-child { margin-bottom: 0 !important;}

.recContactBox__header {
  border-bottom: 1px solid #ccc;
  margin-bottom: 20px;
}

.recContactBox__title {
  font-size: 21px !important;
  font-weight: bold;
}

/* 電話番号 */
.recContactBox__title--about_telNum {
  align-items: center;
  font-size: 13px !important;
  display: flex;
  margin-bottom: 0 !important;
}

.recContactBox__title--about_telNum::after {
  border: 12px solid transparent;
  border-right: none;
  border-left: 12px solid currentColor;
  content: "";
  display: block;
  height: 0;
  margin: 0 15px;
  width: 0;
}


.recContactBox__title--about_telNum > svg {
  fill: #dc143c;
  height: 45px;
  margin-right: 5px;
  width: 45px;
}

.recContactBox__title--align_center { text-align: center; }

.recContactBox__body {}

.recContactBox__body > *:last-child { margin-bottom: 0 !important; }

.recContactlink {
  align-items: center;
  background-color: #dc143c;
  border-radius: 5px;
  color: #fff;
  display: flex;
  font-size: 24px;
  font-weight: bold;
  justify-content: center;
  line-height: 1;
  padding: 20px 10px;
}

.recContactlink:hover {
  color: #fff;
  opacity: .6;
  text-decoration: none;
}

.recContactlink > br { display: none; }

.recContactlink__icon {
  display: block;
  fill: #fff;
  height: 20px;
  margin-right: 10px;
  width: 30px;
}

.recContactBox__inner {}
.recContactBox__inner--flex {
  align-items: center;
  display: flex;
}

.recContactBox__text--telNum {
  font-size: 32px !important;
  font-weight: bold;
}

.recContactBox__text--telNum > span {
  font-size: .5em;
  font-weight: normal;
}
.recContactBox__text { margin-bottom: 20px !important; }
.recContactBox__text--bold { font-weight: bold; }
.recContactBox__text--align_center { text-align: center; }

.recContactBox__inner--flex .recContactBox__text { margin-bottom: 0 !important; }

.recContactBox__text > br { display: none; }

@media screen and (max-width: 599px) {
  .recContactlink { flex-direction: column; }
  .recContactlink__icon { margin: 0 0 10px 0; }
  .recContactlink > br { display: inline-block; }
  .recContactBox__inner--flex { flex-direction: column; }
  .recContactBox__text--telNum { text-align: center; }
  .recContactBox__title--about_telNum::after { transform: rotate(90deg); }
  .recContactBox__text--telNum > span,
  .recContactBox__text > br { display: block; }
}

/*========== リンク（ボタン） ==========*/
.linkWrapper {
  display: flex;
  flex-wrap: wrap;
}

.linkWrapper--align_left { justify-content: flex-start; }
.linkWrapper--align_right { justify-content: flex-end; }
.linkWrapper--align_center { justify-content: center; }

.link--btn {
  background-color: #ffe7dc;
  border: 1px solid #e2865f;
  border-radius: 5px;
  color: #333;
  display: inline-block;
  padding: .2em .5em .2em 2em;
  position: relative;
  text-decoration: none;
  /*max-width: 50%;*/
}

.link--btn:hover {
  background-color: #e2865f;
  color: #fff;
  text-decoration: none;
}

.link--btn::before {
  border-right: 2px solid #e2865f;
  border-bottom: 2px solid #e2865f;
  content: "";
  height: .5em;
  position: absolute;
  top: 6px;
  left: 10px;
  transform: rotate(45deg);
  width: .5em;
}

.link--btn:hover::before { border-color: #ffe7dc; }

/*新卒バナー*/
.freshersBanner{
  margin-top: 20px;
}
.freshersBanner img{
  width: 100%;
}

/*
    レスポンシブ
================================*/
@media screen and  (max-width:768px){
.infoNav { display: block; }
.infoNav_item { width: 100%;border-bottom: 1px solid #333; }
.infoNav_item + .infoNav_item { border-left: none; }
.infoNav_item > a { display: block; text-align: left;padding: 10px; }
.infoNav_item > a br { display: none; }

.recContentsBox { flex-direction: column; }
.recContentsBox_inner:first-of-type { margin: 0 0 10px 0; }

#recruit_container .by_area_container{overflow-x:auto;}
#recruit_container .carriercont_container table.by_area_table {
  min-width: 730px;
  margin-right: 10px;
}
}/* @media */

/*================================
    
2019/06/05 テーブル見出し幅修正

================================*/
@media screen and  (max-width:599px){
#recruit_container .carriercont_container table tr th {
  width: 100px
}
#recruit_container .carriercont_container table.by_area_table tr th {
  width: auto;
}
}

/*========== 会社説明会へのリンク ==========*/

#recruit_container .m_jobFair{
  border: 2px solid #9E1818;
  border-radius: 11px;
  padding: 25px;
  padding-bottom: 15px;
}
#recruit_container .m_jobFair__heading{
  text-align: center;
  font-size: 18px;
  color: #9E1818;
  font-weight: bold;
}
#recruit_container .m_jobFair__desc{}
#recruit_container .m_jobFair__btn{ text-align: right;}
#recruit_container .m_jobFair__target{
  color: #9E1818; 
  font-size: 16px;
  font-weight: bold;
  text-align:left;
  display: inline-block;
}
#recruit_container .m_jobFair__target:before{
  content: "\f054";
  font-family: fontawesome;
  margin-right: 10px;
  color: #9E1818;
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}
#recruit_container .m_jobFair__target:hover{
  opacity: .6;
  text-decoration: none;
}
/* 注意書きボックス */
.attention_box{
  border: 2px solid red;
  padding: 20px 15px;
  margin-bottom:30px;
}
#recruit_container .attention_box_header{
  font-wight: 700;
  color: red;
}
#recruit_container .messageBox .attention_box_txt{
  margin-bottom:0;
}
#recruit_container .messageBox .attention_box_txt:last-child{
  margin-top:10px;
}