@charset "utf-8";

/*****************
foundation
*****************/
/*レスポンシブ対応モジュールのcommon/css/flocss_foundation.cssにあります
※基本はfoundationレイヤーには触らないこと*/

/*170804グリッドデザインの見直しにつき、一部追記（他のテンプレートに影響がないようここに追記）*/
.c_col_4{width:33.333%;}
.c_col_12{width:100%;}

@media screen and (max-width:768px){
.c_res_md_col_6{width:50%;}
}
@media screen and (max-width:599px){
.c_res_sm_col_12{width:100%;}
}

.c_grid{letter-spacing:-0.5em;}
.mac.chrome .c_grid{letter-spacing:-0.5em;}/*macクローム用のレタースペーシング*/
.c_grid.c_has_gutter_sm{padding:0;}
.c_grid.c_has_gutter_sm > .c_grid__item{padding:5px;}
.c_grid.c_has_gutter_sm.c_grid--wrap_no_gutter{margin:-5px;}
.c_grid__item{display:inline-block;vertical-align:top;letter-spacing:1px;float:none;}
.mac.chrome .c_grid__item{letter-spacing:0;}/*macクローム用のレタースペーシング*/

/*****************
layout
*****************/
#nav_box {margin-bottom:10px;}
#res-nav_box{display:none;}
#bup_ac_menu {margin-bottom:18px;}
#lineup_subMenu,#lineup_new_container,#lineup_container, #news_container{margin-bottom:30px;}
/*#search_container{margin-bottom:40px;}*/

@media(max-width:768px){
#schedule_container{display:none;}
}

/*****************
base
*****************/
/*レスポンシブ対応モジュールのcommon/css/flocss_object/base.cssにあります
※基本はbaseレイヤーには触らないこと*/

/*****************
project
*****************/
/*見出し*/
.p_heading{}
@media(max-width:768px){
.p_heading{font-size:18px;}
}


/*トップ画下のメインナビ*/
.p_bup_nav_box{margin-bottom:2px;}
.p_bup_nav_box__item{position:relative;border:3px solid #d7d0c0;text-align:left;font-size:1.4em;}
.p_bup_nav_box__item:hover{border:3px solid #8EBAE1;}
.p_bup_nav_box__item > a {padding-left:36px;}

@media(max-width:768px){
[id="nav_box"]{display:none;}
}

/*トップ画下のメインナビ(レスポンシブ)*/
.p_bup_nav_res__item > a{display:inline;}

@media(max-width:768px){
#res-nav_box{display:block;}
}


/*テーマ選択のナビ*/
.p_theme_box{}
.p_theme_box__item{position:relative;font-size:1.4em;}
.p_theme_box__ttl{border-color:#d7d0c0 #d7d0c0 #8EBAE1;border-width:1px 1px 3px;border-style:solid;}
.p_theme_box__ttl:after{content:url(/common/img/bup/bup_catnav_icon.png);display:block;text-align:inherit;}

.p_in_theme_box{display:none;position:absolute;z-index:9999;width:100%;border-bottom:3px solid #8EBAE1;background:#fff;line-height:1.3;}
.p_in_theme_box__item{margin-bottom:-1px;border:1px solid #d7d0c0;font-size:1.4em;}
.p_in_theme_box__item > a{color:inherit;font-size:0.8em;}

@media(max-width:768px){
.p_theme_box__item, .p_in_theme_box__item{font-size:1.1em;}
.p_in_theme_box__item > a{font-size:1.0em;}
}


/*ランキング・プラン選択のナビ*/
.p_plan_box__item{font-size:1.4em;}
.p_plan_box__item > a{border-radius:8px;background:#DDF1FF;}
.p_plan_box__item > a:hover{background-color:#8EBAE1;}

@media(max-width:768px){
.p_plan_box__item{display:block;margin:0 0 5px 0;font-size:11px;}
}


/*新着研修ラインナップのリスト（箇条書き）*/
.p_lup_new_box{}
.p_lup_new_box__item{position:relative;font-size:1.3em;}
.p_lup_new_box__item + .p_lup_new_box__item{margin-top:5px;}
.p_lup_new_box__item > a{margin-left:128px;color:inherit;}
.p_lup_new_box__item > a:hover{text-decoration:none;background:#DDF1FF;}
.p_lup_new_box__item > a:before{content:"［派遣］";}
.p_lup_new_box__item > a[href*="/bup/"]:before, 
.p_lup_new_box__item > a[href*="/nmp/"]:before,
.p_lup_new_box__item > a[href*="/hia/"]:before{content:"［公開］";}
.p_lup_new_box__item > a[href^="http://www.mitemo.co.jp/"]:before, 
.p_lup_new_box__item > a[href*="http://mitemo.co.jp/"]:before{content:"［eラン］";}

.p_lup_new_box__icon{top:8px;bottom:auto;text-align:left;color:#E38A3A;}
.p_lup_new_box__icon img{margin-right:3px;}

@media(max-width:768px){
.p_lup_new_box__item{font-size:1.1em;}
.p_lup_new_box__item > a{margin-left:5px;}
.p_lup_new_box__icon{position:static;margin-bottom:5px;}
}


/*研修ラインナップのリスト（グリッド）*/
.p_lup_box{margin-bottom:10px;}
.p_lup_box__item{font-size:1.3em;}
.p_lup_box__item + .p_lup_box__item{margin-top:10px;}
.p_lup_box__item:hover{background:#DDF1FF;}
.p_lup_box__item > a{position:relative;padding-left:61px;color:inherit;}
.p_lup_box__item > a:hover{text-decoration:none;}
.p_lup_box__ttl{position:relative;padding-left:61px;cursor:pointer;}

.p_in_lup_box{display:none;margin-left:1.0em;}
.p_in_lup_box__item{position:relative;margin-top:10px;font-size:1.1em;}
.p_in_lup_box__item > a{padding-left:55px;color:inherit;}

/*▽170804グリッド範囲の変更*/
.p_lup_box__link{position:relative;display:block;cursor:pointer;padding:5px 0 5px 61px;color:inherit;font-size:1.3em;letter-spacing: 0;}
.p_lup_box__link:hover{text-decoration:none;background:#DDF1FF;color:inherit;}
.is-accordion_head:hover{background:#DDF1FF content-box;}
.p_in_lup_box{margin-bottom:5px;}
/*△170804グリッド範囲の変更*/

@media(max-width:768px){
.p_lup_box__item{font-size:12px;}
}

.p_lup_box__icon{width:51px;height:18px;border-radius: 5px;background:#E38A3A;color: #fff;line-height:18px;letter-spacing: 0;font-size:11px;} 
.p_in_lup_box__icon{width:45px;height:18px;border-radius: 5px;background:#ecb37e;color: #fff;line-height:18px;letter-spacing: 0;font-size:11px;}


/*検索窓*/
.p_search_container_heading{display:inline-block;margin:0;}
@media(max-width:768px){
.p_search_container_heading{display:block;}
}

.p_search{background:#1C75C5;font-size:13px;}
.p_search__window{display:table;width:100%;margin-bottom:5px;padding:.5em 1em;background:#fff;border-radius:5px;overflow:hidden;}
.p_search__input{width:100%;height:auto;margin:0;padding:0;border:none;box-shadow:none;border-radius:0;}
.p_search__input:focus{border:none;box-shadow:none;outline:0;}
.p_search__input_wrap{display:table-cell;width:100%;}
.p_search__btn{display:table-cell;cursor:pointer;}
.p_search__btn:hover{opacity:0.7;}
.p_search__icon{}
.p_search__icon--btn{padding-left:10px;border-left:1px solid #ccc;font-size:20px;color:#1C75C5;}
.p_search__icon--example{margin-right:5px;}

.p_search__example{color:#fff;}
.p_search__example .p_balloon_allow{padding-left:20px;border-bottom:2px solid #fff;}
.p_search__example .p_balloon_allow__outer{width:0;height:0;border-bottom:9px solid #fff;border-right:7px solid transparent;border-left:7px solid transparent;}
.p_search__example .p_balloon_allow__inner{width:0;height:0;margin:-5px 0;border-bottom:9px solid #1C75C5;border-right:7px solid transparent;border-left:7px solid transparent;}
.p_search__example .p_search_word{border:2px #fff;border-style:none solid solid;}
.p_search__example .p_search_word__ttl{display:inline-block;padding:5px 10px;border-right:1px solid #fff;}
.p_search__example .p_search_word__list{display:inline-block;padding:5px 10px;}
.p_search__example .p_search_word__list > li{display:inline-block;}
@media(max-width:768px){
.p_search__example .p_search_word__ttl{border:none;}
}

.p_search__list{border:2px #ccc;border-style:none solid solid;font-size:13px;}
.p_search__list > .c_list__item{padding:10px 15px;}
.p_search__list > .c_list__item > .c_list__ttl{margin:-10px -15px;padding:10px 15px 10px 50px;text-indent:-16px;color:inherit;}
.p_search__list > .c_list__item > .c_list__ttl:before{content:"\f0da";margin-right:10px;font-family:FontAwesome;color:#8EBAE1;font-size:16px;}
.p_search__list > .c_list__item > .c_list__ttl:hover{background:#DDF1FF;text-decoration:none;}
.p_search__list > .c_list__item + .c_list__item{border-top:2px solid #ccc;}

.p_search__ajax_error{padding:10px 15px;border:2px #ccc;border-style:none solid solid;color:#E60012;}


/*news*/
.p_newsBox{
  padding-bottom: 10px;
  border-bottom: 1px solid;
}
.p_newsBox__more{
  text-align: right;
}
.p_newsBox__more a{
  display: inline-block;
  padding: 4px 24px;
  border: 1px solid;
  line-height: 1;
  color: inherit;
  transition: .4s opacity;
}
.p_newsBox__more a:hover{
  opacity: .7;
}
.p_newsBox__more + .p_newsBox__list{
  margin-top: 12px;
}
.p_newsBox__list{
  max-height: 228px;
  overflow: auto;
}
.p_newsBox__listItem{
  font-weight: bold;
}
.p_newsBox__listItem + .p_newsBox__listItem{
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dotted #999;
}
.p_newsItem{}
.p_newsItem__date{
  line-height: 1;
  font-size: 12px;
}
.p_newsItem__ttl{
  line-height: 1.3;
  font-size: 12px;
}
.p_newsItem__date + .p_newsItem__ttl{
  margin-top: 4px;
}


/*****************
utility
*****************/
/*レスポンシブ対応モジュールのcommon/css/flocss_object/utility.cssにあります*/


/*****************
他CSSからコピペ（右ナビ、左ナビの区切り線）
*****************/
#cont { line-height: normal; }

#cont #c3_ll dl.cc11 table tr td.line_l{background-color:#0066FF;}
#cont #c3_ll dl.cc11 table tr td.line_r{background-color:#3399FF;}


#cont #c3_ll dl.cc11 dt b img{background-color:#0066FF;}

/*****************
他CSSからコピペ（右ナビの新メディアデザイン）
*****************/
/* 2016/11/17 */
/*Component*/
.c_media{display:table;width:100%;}
.c_media__image{display:table-cell;}
.c_media__image > a > img{display:block;}
.c_media__body{display:table-cell;vertical-align:top;}
.c_media__body--middle{vertical-align:middle;}

/*Project*/
.p_bup_media{margin-bottom:10px;letter-spacing:0;line-height:1.0;}
.p_bup_media__body{letter-spacing:inherit;line-height:inherit;}
.p_bup_media__link{text-decoration:none;color:inherit;letter-spacing:inherit;line-height:inherit;}
.p_bup_media__link--img:hover{opacity:0.7;}
.p_bup_media__link--txt:hover{text-decoration:underline;color:inherit;}
.p_bup_media__image{width:62px;padding-right:2px;}
.p_bup_media__cc_box{margin-bottom:5px;font-size:11px;letter-spacing:inherit;line-height:inherit;}
.p_bup_media__icon_box{width:28px;padding-right:2px;letter-spacing:inherit;line-height:inherit;}
.p_bup_media__icon{display:block;width:26px;height:26px;padding:2px;color:#fff;letter-spacing:inherit;line-height:inherit;}
.p_bup_media__cc{font-weight:bold;letter-spacing:inherit;line-height:inherit;}
.p_bup_media__ttl{font-size:14px;font-weight:bold;letter-spacing:inherit;line-height:inherit;}

/*Utility*/
.u_lsn1{letter-spacing:-1px !important;}

/*****************
ITラインナップ
*****************/
/*一覧のトップ画*/
#it_top_img_box{}
#it_top_img_box{position:relative;max-width:730px;}
.it_top_img_box_img{}
#it_top_img_box .it_top_img_box_text{position:absolute;bottom:10%;width:100%;}
#it_top_img_box .it_top_img_box_text2{position: relative;padding: 5px 20px;background: rgba(22,21,17,0.6);color: #fff;font-size: 18px;height: 20%;margin:0;}
.p_ls-1{letter-spacing:-1px;}
.p_ls-2{letter-spacing:-2px;}
.p_lh-13{line-height:1.3;}
.p_mb-xl{margin-bottom:50px;}
@media(max-width:768px){
}
@media(max-width:599px){
#it_top_img_box .it_top_img_box_text2{font-size: 14px;line-height: 14px;padding: 7px 14px;}
}

/*****************
人事系ラインナップ
*****************/
.p_lineup{margin:24px 0 56px 0;}
.p_lineup__header > .c_nav__item{height:3em;background:#fff;vertical-align:middle;color:#1C75C5;font:bold 12px/1 YuGothic , 游ゴシック , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , メイリオ , sans-serif;}
.p_lineup__header > .c_nav__item:not(.is_hide){position:relative;border:2px solid #1C75C5;border-bottom:none;}
.p_lineup__header > .c_nav__item.is_hide{cursor:pointer;border-top:2px solid #8fc2ef;background:#8fc2ef;color:#fff;}
.p_lineup__header > .c_nav__item.is_hide:hover{opacity:.7;}
.p_lineup__body{margin-top:-2px;padding:24px;border:2px solid #1C75C5;}
.p_lineup__body.is_hide{display:none;}
.p_lineup__list{overflow:hidden;}
.p_lineup__item{text-indent:-16px;padding-left:40px;}
.p_lineup__item > a{color:#333;font:bold 13px YuGothic , 游ゴシック , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , メイリオ , sans-serif;}
.p_lineup__item + .p_lineup__item{margin-top:16px;}
.p_lineup__item a::before{content:"\f0da";margin-right:8px;color:#1C75C5;font:16px FontAwesome;}

/*実施ありアイコン*/
.p_hasSchedule{position:relative;color:#333;font:bold 13px YuGothic , 游ゴシック , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , メイリオ , sans-serif;}
.p_hasSchedule::after{content:"";display:inline-block;width:18px;height:18px;background:url(/common/img/business_partner/nec/ico_has_schedule.png) no-repeat;vertical-align:-3px;}
.p_lineup__item.p_hasSchedule::after{position:absolute;top:0;left:0;}
.p_hasSchedule-super::after{content:none;}
.p_hasSchedule-super::before{content:"";display:inline-block;width:18px;height:18px;background:url(/common/img/business_partner/nec/ico_has_schedule.png) no-repeat;vertical-align:-3px;}
.js_hasSchedule-insColor .p_hasSchedule::after{background-color:#e03e29;}
.js_hasSchedule-insColor .p_hasSchedule-super::before{background-color:#e03e29;}
.p_lineup__item .has_schedule{position: relative;}
.p_lineup__item .has_schedule::after{content:"";position:absolute; top: -2px; left: -24px; display:inline-block;width:18px;height:18px;background:url(/common/img/business_partner/nec/ico_has_schedule.png) no-repeat;vertical-align:-3px;background-color:#e03e29;}
.p_search__list .has_schedule{position: relative;}
.p_search__list .has_schedule::after{content:"";position:absolute; top: 10px; left: 7px; display:inline-block;width:18px;height:18px;background:url(/common/img/business_partner/nec/ico_has_schedule.png) no-repeat;vertical-align:-3px;background-color:#e03e29;}




.p_btn{display:table;border-collapse:separate;}
.p_btn__target{cursor:pointer;display:table-cell;vertical-align:middle;text-align:center;}
.p_btn--show ,.p_btn--hide{margin:16px auto 0 auto;}
.p_btn--show.is_hide, .p_btn--hide.is_hide{display:none;}
.p_btn--show > .p_btn__target, .p_btn--hide > .p_btn__target{height:3em;border:2px solid #1C75C5;border-radius:4px;color:#1C75C5;font:bold 13px YuGothic , 游ゴシック , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , メイリオ , sans-serif;}
.p_btn--show > .p_btn__target:hover, .p_btn--hide > .p_btn__target:hover{opacity:.7;}
.p_btn--show > .p_btn__target::before{content:"\f175";margin-right:8px;font-family:FontAwesome;} 
.p_btn--hide > .p_btn__target::before{content:"\f176";margin-right:8px;font-family:FontAwesome;} 

.p_hide{display:none;}

@media screen and (max-width:599px){
.p_res_sm_show_lnline{display:inline;}
}