@charset "UTF-8";

/*共通*/
#kc_nav{}
#kc_nav *{line-height:1.3;}
#kc_nav a{color: #333;}
#kc_nav a:hover{color: #333;text-decoration:none;opacity:0.7;}

#kc_nav table{border-collapse: collapse;}
#kc_nav table,#kc_nav table tr,#kc_nav table tr td{margin:0;padding:0;}
#kc_nav table tr td.line_l{height: 3px;width: 76px;}
#kc_nav table tr td.line_c{height: 3px;width: 1px;}
#kc_nav table tr td.line_r{height: 3px;width: 123px;}

.kc_fs-14{font-size:14px;}
.kc_fs-13{font-size:13px;}
.kc_fs-12{font-size:12px;}
.kc_fb{font-weight:bold;}
.kc_indent-md{padding-left:28px;text-indent:-28px;}
.kc_vertical-md{vertical-align:middle;}
.kc_pd-ud-sm{padding:10px 0;}
.kc_heading_margin-lg{margin:15px 0 10px;}
.kc_heading_padding-md{padding:8px 0;}

/*公開講座情報*/
#kc_nav--bup{}
#kc_nav--bup p{padding: 8px 0px 7px 0px;margin-bottom: 0;}
#kc_nav--bup p img{background-color: #5398FF;}
#kc_nav--bup table tr td.line_l{background-color: #5398FF;}
#kc_nav--bup table tr td.line_r{background-color: #a2c7fd;}
#kc_nav--bup ul li{padding-top: 1px;background: url(/common/images/line_dott_999999.gif) repeat-x;padding: 10px 0;}
#kc_nav--bup .kc_schedule_box{overflow-x:hidden;overflow-y:auto;height:500px;}


/*年間実績*/
#kc_nav--mail p img{background-color: #E51E19;}

/*講師派遣*/
#kc_nav--seminar p img{background-color: #333;}
#kc_nav--seminar ul li{padding-top: 1px;background: url(/common/images/line_dott_999999.gif) repeat-x;padding: 7px 0;}
/*Another*/
#kc_nav--another p img{background-color: #333;}

/*ミドル左ナビにミドルカテゴリに属するミドルのボトムラインナップを表示*/

/**********
foundation
**********/
#bottomLineups{
  font-weight: bold;
}
#bottomLineups[v-cloak]{
  display: none;
}
/**********
atoms
**********/
/*リンク*/
#bottomLineups .ac_link{
  color: inherit;
  transition: .2s opacity;
}
#bottomLineups .ac_link:hover{
  opacity: .5;
}

#bottomLineups .ac_ico{}
#bottomLineups .ac_ico::before{
  line-height: 1;
}
/*#bottomLineups .ap_ico--sideHeading::before{
  content: "\f0c1";
  font: normal 20px "FontAwesome";
}*/
#bottomLineups .ap_ico--middle{
  background: #9E2730;
}
#bottomLineups .ap_ico--drop{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  border: 2px solid;
}

#bottomLineups .ap_ico--drop--red{
  color: #9E2730;
  border-color: #9E2730;
  font-size: 11px;
}
#bottomLineups .ap_ico--link::before{
  content: url(/resource/img/bup/searchSem-arrow_gray.jpg);
}
#bottomLineups .ap_ico--summary::before{
  content: "\307E\3068\3081";
  display: inline-block;
  padding: 2px 4px;
  background: #9E2730;
  color: #fff;
  font-size: 11px;
}
#bottomLineups .ap_ico--trainingType::before{
  display: inline-block;
  padding: 2px 4px;
  color: #fff;
  font-size: 11px;
}
#bottomLineups .ap_ico--trainingType::before{
  content: "\6D3E\9063";
  background: #9D7B3B;
}/*派遣*/

#bottomLineups .ap_ico--trainingType[href*="/bup/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/nmp/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/hia/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/nbs/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/kkk/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/psp/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/biz-lesson/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/gtc/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/toac/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/crl/"]::before{
  content: "\516C\958B";
  background: #194A72;
}/*公開*/

#bottomLineups .ap_ico--trainingType[href*="/kiyo/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/movie/"]::before{
  content:"e\30E9\30F3";
  background: #ed6d00;
}/*eラン*/

#bottomLineups .ap_ico--trainingType[href*="/online/"]::before{
  content:"\30AA\30F3\30E9\30A4\30F3";
  background: #20bce3;
}/*オンライン*/

#bottomLineups .ap_ico--trainingType[href*="/it-tool/"]::before{
  content:"IT\30B5\30FC\30D3\30B9";
  background: #00c77f;
}/*ITサービス*/

#bottomLineups .ap_ico--trainingType[href*="/consulting/"]::before{
  content:"\30B3\30F3\30B5\30EB";
  background: #e6002e;
}/*コンサル*/

#bottomLineups .ap_ico--trainingType[href*="/seminar/"]::before{
  content:"\30BB\30DF\30CA\30FC";
  background: green;
}/*セミナー*/

#bottomLineups .ap_ico--trainingType[href*="/video-slide-sale/"]::before,
#bottomLineups .ap_ico--trainingType[href$="/contents/ins_compliance.html"]::before
#bottomLineups .ap_ico--trainingType[href*="/book_dvd/"]::before{
  content:"\6559\6750";
  background: #46bebf;
}/*教材*/

#bottomLineups .ap_ico--trainingType[href$="/shinjin/bunsyo-text_sales.html"]::before,
#bottomLineups .ap_ico--trainingType[href$="/shinjin/text_sales.html"]::before{
  content:"\30C6\30AD\30B9\30C8";
  background: crimson;
}/*テキスト*/

#bottomLineups .ap_ico--trainingType[href*="/video-slide-production/"]::before{
  content:"\6559\6750\5236\4F5C";
  background: #F54B1A;
}/*教材制作*/

#bottomLineups .ap_ico--trainingType[href*="/nbpm/dvd"]::before,
#bottomLineups .ap_ico--trainingType[href$="/book_dvd/harasment_dvd.html"]::before,
#bottomLineups .ap_ico--trainingType[href$="/contents/ins_compliance.html"]::before,
#bottomLineups .ap_ico--trainingType[href$="/book_dvd/koumuin_rinri.html"]::before{
  content:"DVD";
  background: #517CF1;
}/*DVD*/

#bottomLineups .ap_ico--trainingType[href*="/cleativeln/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/comu_design/"]::before{
  content:"\30EF\30FC\30AF\30B7\30E7\30C3\30D7";
  background: #ed6d00;
}/*ワークショップ*/

#bottomLineups .ap_ico--trainingType[href*="/contents/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/kataru/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/keywords/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/hatara-column/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/3minute-kensyugaku/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/ginko-no-ikku/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/month-inquiry/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/ranking/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/training-memoirs/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/interview-relay/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/mailmagazine/"]::before,
#bottomLineups .ap_ico--trainingType[href*="/businessbunsho/"]::before{
  content:"\8AAD\307F\7269";
  background: #b73535;
}/*読み物*/



#bottomLineups .ac_tag{
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  cursor: pointer;
}
#bottomLineups .ac_tag:after{
  content: url("../../resource/img/icons/icon_sideNavi_bottomLineups_arrow.png");
  padding-left: 3px;
}
#bottomLineups .ac_tag:hover{
  transition: .3s;
  opacity: 0.6;
}
#bottomLineups .ac_tag--hasRadius{
  border-radius: 4px;
}
#bottomLineups .ap_tag--curNum{
  min-width: 4.5em;
  color: #9E2730;
  font-size: 12px;
  height: 1.4em;
  border: 1px solid #9E2730;
  padding-top: 1px;
}
#bottomLineups .ap_tag--bup{
  padding: 0 4px;
  color: #fff;
  background: #255f7c;
}
#bottomLineups .ap_ttl{}
#bottomLineups .ap_ttl--sideHeading{
  font-size: 14px;
  /*padding: 8px 5px 8px 10px;*/
  padding: 5px 10px;
}
#bottomLineups .ap_ttl--subRelativeTraining{
  border-radius: 5px 5px 0 0;
  background: #9E2730;
  /*line-height: 1;*/
  color: #fff;
}
#bottomLineups .ap_ttl--subMiddleList{
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
  letter-spacing: 0;
}
#bottomLineups .ap_ttl--subBottomList{
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0;
}
#bottomLineups .ap_ttl--subBottomCat{
  font-size: 11px;
  font-weight: bold;
  line-height: 1.2;
}
#bottomLineups .ap_ttl--subMiddle{
  font-size: 11px;
  line-height: 1.3;
}
#bottomLineups .ap_txt{} 
#bottomLineups .ap_txt--subBottomListItem{
  font-size: 11px;
  line-height: 1.3;
}
#bottomLineups .ap_txt--asideLink{
  font-size: 11px;
}
/**********
molecule
**********/
/*見出し*/
#bottomLineups .mp_heading{}
#bottomLineups .mp_heading__ico{
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
}
#bottomLineups .mp_heading__ico--rev{
  left: auto;
  right: 0;
}
#bottomLineups .mp_heading--subList{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 8px 46px 8px 0;
}
#bottomLineups .mp_heading--subList--bottom{
  padding: 8px 0px 8px 0;
}
#bottomLineups .mp_heading--subBottomCat{
  margin-bottom: 8px;
}
#bottomLineups .mp_heading--subMiddle{
  margin-bottom: 8px;
  padding-top: 8px;
  padding-bottom: 8px;
}
#bottomLineups .sameGenre{
  display: flex;
  align-items: center;
  border-bottom: 3px solid #9E2730;
  padding: 5px 0;
}
#bottomLineups .sameGenre > img{
  width: 18px;
  height: 18px;
}
#bottomLineups .sameGenre > p{
  font-size: 14px;
  font-weight: bold;
  color: #9E2730;
  padding-left: 5px;
  letter-spacing: 0;
}
/*アイコンの配置*/
#bottomLineups .mc_hasIco{
  position: relative;
  display: block;
}
#bottomLineups .mc_hasIco::before{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#bottomLineups .mc_hasIco__ico{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
#bottomLineups .mp_hasIco--sideHeading{
  /*padding-left: 32px*/
  padding-left: 10px;
}
#bottomLineups .mp_hasIco--sideHeading::before{
  left: 10px;
}
#bottomLineups .mp_hasIco--middleIco{
  padding-left: 29px;
}
#bottomLineups .mp_hasIco--middleIco > .mc_hasIco__ico{
  top: 0;
  bottom: 0;
  margin: auto 0;
  transform: none;
}
#bottomLineups .mp_hasIco--link{
  padding-right: 10px;
}
#bottomLineups .mp_hasIco--link::before{
  left: auto;
  right: 0;
}  
#bottomLineups .mp_hasIco--trainingType{
  display: inline;
}
#bottomLineups .mp_hasIco--trainingType::before{
  position: static;
  margin-right: 4px;
  transform: none;
}
#bottomLineups .mp_hasIco--summary{
  display: inline;
}
#bottomLineups .mp_hasIco--summary::before{
  position: static;
  margin-right: 4px;
  transform: none;
}

/*リスト*/
#bottomLineups .mp_list{}
#bottomLineups .mp_list--subBottom{}
#bottomLineups .mp_list--subBottom > .mp_list__item + .mp_list__item{
  margin-top: 8px;
}
#bottomLineups .mp_list--subBottomCat{}
#bottomLineups .mp_list--subBottomCat > .mp_list__item{
  padding-left: 16px;
}
#bottomLineups .mp_list--subBottomCat > .mp_list__item + .mp_list__item{
  margin-top: 8px;
}

/*テーブルビュー*/
#bottomLineups .mc_tableview{
  border-bottom: 1px dotted;
}
#bottomLineups .mc_tableview__item + .mc_tableview__item{
  border-top: 1px dotted;
}
#bottomLineups .mc_tableview__target{
  display:flex;
  justify-content: flex-start;
  align-items: center;
  color: inherit;
}
#bottomLineups .mp_tableview--subMiddleList{
  border-color: #C2C2C2;
}
#bottomLineups .mp_tableview--subMiddleList > .mc_tableview__item + .mc_tableview__item{
  border-color: #C2C2C2;
}
/**********
utility
**********/
#bottomLineups .u_pb16{
  padding-bottom: 16px;
}
/**********
js
**********/
#bottomLineups .js_dropDown{
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height .5s;
}
#bottomLineups .js_dropDown__item{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
/*ここまで-ミドル左ナビにミドルカテゴリに属するミドルのボトムラインナップを表示*/