/* CSS Document */

/* ==============
base
============== */
/*譌｢蟄呂SS繝ｪ繧ｻ繝�ヨ*/
div#base{
  width: 1220px;
}
@media screen and (max-width: 768px){
  div#base{
    width: 100%;
  }
}
/*蛻晄悄險ｭ螳咾SS*/
div#cont{
  color:#333;
  font:400 14px "Helvetica Neue", "Noto Sans JP", "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", Arial, 繝｡繧､繝ｪ繧ｪ, Meiryo, sans-serif;
  line-height:1.6;
  letter-spacing:.1em;
  margin: 0 auto;
}
/* ==============
layout
============== */
/* 繝ｩ繝�ヱ繝ｼ */
.l_wrap{
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  width: 1220px;
  margin: 0 auto;
}
@media screen and (max-width: 768px){
  .l_wrap{
    width: auto;
  }
}
/* 繝｡繧､繝ｳ繧ｳ繝ｳ繝�Φ繝� */
.l_main{
  width: 750px;
}
@media screen and (max-width: 768px){
  .l_main{
    width: 100%;
  }
}
/* 繧ｵ繧､繝峨リ繝� */
.l_sideNav{
  order: -1;
  width: 200px;
}
.l_sideNav--rev{
  order: 1;
}
.l_sideNav__item + .l_sideNav__item{
  margin-top: 24px;
}
@media screen and (max-width: 768px){
  .l_sideNav{
    display: none;
  }
}
/* 繧ｰ繝ｪ繝�ラ */
.l_grid{
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.l_grid__item{
  display: flex;
}
.l_grid__item--block{
  display: block;
}
.l_grid__inner{
  display: block;
  width: 100%;
}
.l_grid--hasGutter{
  margin: -16px;
}
.l_grid--hasGutter > .l_grid__item{
  padding: 16px;
}
/* 繝翫ン */
.l_nav{
  display: flex;
  align-items: stretch;
  justify-content:flex-start;
}
.l_nav__item{
  display: flex;
  width: 100%;
}
.l_nav__target{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: inherit;
}
.l_nav--local{
  margin: -4px;
}
.l_nav--local > .l_nav__item{
  padding: 4px;
}
/* 210409 霑ｽ蜉� */
.l_nav--subMenu {
  border-right: 1px solid #000;
  border-left: 1px solid #000;
}
.l_nav--subMenu > .l_nav__item {
  font-size: 12px;
  width: auto;
}
.l_nav--subMenu > .l_nav__item + .l_nav__item {
  flex-grow: 2;
  border-left: 1px solid #000;
}
.l_nav--subMenu .m_link {
  -ms-align-items: center;
  align-items: center;
  padding: 0 1em;
}
@media screen and (max-width:599px) {
  .l_nav--subMenu { flex-direction: column; }
  .l_nav--subMenu > .l_nav__item + .l_nav__item { border-left: none; }
}
/* 遽€ */
.l_section{}
.l_section__item{}
.l_section--primary{}
.l_section--primary > .l_section__item + .l_section__item{
  margin-top: 40px;
}
/* 繝ｪ繝ｳ繧ｯ */
.l_list{}
.l_list__item + .l_list__item{
  margin-top: 12px;
}
/* ==============
module
============== */
/* 隕句�縺� */
.m_heading{}
.m_heading__ttl{
  line-height: 1;
  font-weight: bold;
}
.m_heading__img{
  line-height: 0;
}
.m_heading__img > img{
  max-width: 100%;
  height: auto;
}
.m_heading__sub{}
.m_heading--primary{
  margin-bottom: 24px;
}
.m_heading--secondary{
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0 -12px 24px;
}
.m_heading--secondary > .m_heading__ttl{
  display: flex;
  align-items: center;
  margin: 0 -8px;
  padding: 0 12px;
  font-size: 16px;
}
.m_heading--secondary > .m_heading__ttl::before,
.m_heading--secondary > .m_heading__ttl::after{
  /*content: "";*/
  display: block;
  width: 1em;
  height: 2px;
  padding: 0 8px;
  background: #333 content-box;
}
.m_heading--secondary > .m_heading__sub{
  padding: 0 12px;
  color: #5558af;
  font-size: 40px;
  line-height: .7;
  font-family: 貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS譏取悃E,繝｡繧､繝ｪ繧ｪ,Meiryo,serif;
}
.m_heading--secondary > .m_heading--colorTheme {
  color: #5558af;
  font-family: 'Noto Serif JP', 貂ｸ譏取悃,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS譏取悃E,繝｡繧､繝ｪ繧ｪ,Meiryo,serif;
  font-size: 18px;
}
@media screen and (max-width: 599px){
  .m_heading--secondary > .m_heading__ttl{
    font-size: 20px;
  }
}
/* 繧｢繧､繧ｳ繝ｳ */
.m_hasIco{
  position: relative;
  display: block;
}
.m_hasIco__item,
.m_hasIco::before,
.m_hasIco::after{
  position: absolute;
}
.m_hasIco__item,
.m_hasIco::before{
  left: 0;
}
.m_hasIco::after{
  right: 0;
}
.m_hasIco--center .m_hasIco__item,
.m_hasIco--center::before,
.m_hasIco--center::after{
  top: 50%;
  transform: translateY(-50%);
}
.m_hasIco--online{
  padding-left: 32px;
}
.m_hasIco--online::before{
  content: url("/resource/img/online/lineup/icon_online.jpg");
  line-height: 0;
}
.m_hasIco--wing{
  padding-left: 32px;
}
.m_hasIco--wing::before{
  content: url("/resource/img/online/lineup/icon_shell_purple.png");
  top: 2px;
  line-height: 0;
}
.m_hasIco--accentLink{
  padding-left: 1em;
}
.m_hasIco--accentLink::before{
  content: "\f105";
  color: #bd9a54;
  font-weight: bold;
  font-family: "FontAwesome";
}
.m_hasIco--open{
  padding-right: 1.5em;
}
.m_hasIco--open::after{
  content: "\f063";
  font-family: "FontAwesome";
}
.m_hasIco--close{
  padding-right: 1.5em;
}
.m_hasIco--close::after{
  content: "\f062";
  font-family: "FontAwesome";
}
.m_hasIco--tableview{
  padding-left: 32px;
}
.m_hasIco--tableview::before{
  display: block;
  width: 24px;
  height: 24px;
  background: #5558af;
  line-height: 0;
}
.m_hasIco--skill::before{
  content: url(/common/img/nav_theme.png);
}
.m_hasIco--skill-communication:before{
  content: url(/resource/img/icons/lup_communication.png);
}
.m_hasIco--skill-management:before{
  content: url(/resource/img/icons/lup_ojt.png);
}
.m_hasIco--skill-business-mind:before{
  content: url(/resource/img/icons/lup_businessmind.png);
}
.m_hasIco--skill-develop-staff:before{
  content: url(/resource/img/icons/lup_bukaikusei.png);
}
.m_hasIco--skill-evaluation:before{
  content: url(/resource/img/icons/lup_hyouka.png);
}
.m_hasIco--skill-thinking:before{
  content: url(/resource/img/icons/lup_soshikiryoku.png);
}
.m_hasIco--skill-telling:before{
  content: url(/resource/img/icons/lup_presentation.png);
}
.m_hasIco--skill-writing:before{
  content: url(/resource/img/icons/lup_write.png);
}
.m_hasIco--skill-cs-claim:before{
  content: url(/resource/img/icons/lup_cs.png);
}
.m_hasIco--skill-career:before{
  content: url(/resource/img/icons/lup_career.png);
}
.m_hasIco--skill-improvement:before{
  content: url(/resource/img/icons/lup_gyomukaizen.png);
}
.m_hasIco--skill-risk-mental:before{
  content: url(/resource/img/icons/lup_riskmanagement.png);
}
.m_hasIco--skill-specialists:before{
  content: "\f0ea";
  left: 4px;
  background: transparent;
  color: #5558af;
  line-height: 24px;
  font-weight: bold;
  font-family: "FontAwesome";
  font-size: 20px;
}
.m_hasIco--skill-sales:before{
  content: url(/resource/img/icons/lup_zaimu.png);
}
.m_hasIco--skill-telephone-etiquettes:before{
  content: url(/resource/img/icons/lup_callcenter.png);
}
.m_hasIco--skill-oa-it:before{
  content: url(/resource/img/icons/lup_it.png);
}
.m_hasIco--hierarchy:before{
  content: url(/common/img/nav_kaisou.png);
}
.m_hasIco--hierarchy-manager:before{
  content: url(/resource/img/icons/lup_kanrishoku.png);
}
.m_hasIco--hierarchy-mid-level:before{
  content: url(/resource/img/icons/lup_chuken.png);
}
.m_hasIco--hierarchy-young:before{
  content: url(/resource/img/icons/lup_wakate.png);
}
.m_hasIco--hierarchy-newcomer:before{
  content: url(/resource/img/icons/lup_shinnyuu.png);
}
.m_hasIco--about{
  padding-left: 24px;
}
.m_hasIco--about::before{
  content:url(/resource/img/bup/icon_beginnerMark_online.gif);
}
.m_hasIco--choice{
  padding-left: 24px;
}
.m_hasIco--choice::before{
  content:"\f002";
  left: 4px;
  color: #5558af;
  font-family: "font awesome 5 free";
  font-weight: bold;
}
.m_hasIco--qa{
  padding-left: 24px;
}
.m_hasIco--qa::before{
  content:"\f128";
  left: 4px;
  color: #5558af;
  font-family: "FontAwesome";
  font-size: 16px;
}
.m_hasIco--flow{
  padding-left: 24px;
}
.m_hasIco--flow::before{
  content:"\f109";
  color: #5558af;
  font-family: "FontAwesome";
  font-size: 16px;
}
.m_hasIco--angle {
  -ms-align-items: baseline;
  align-items: baseline;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}
.m_hasIco--angle::before {
  border: 6px solid transparent;
  border-left: 6px solid currentColor;
  content: "";
  display: block;
  height: 0;
  position: static;
  width: 0;
}

/* 繝偵�繝ｭ繝ｼ繧ｺ繧ｨ繝ｪ繧｢ */
.m_herosArea{}
.m_herosArea__item + .m_herosArea__item{
  margin-top: 24px;
}

/* 繝�く繧ｹ繝医Μ繝ｳ繧ｯ */
.m_link{
  text-decoration: none;
  color: inherit;
}
.m_link:hover{
  text-decoration: underline;
  color: inherit;
}
.m_link--primary{
  text-decoration: underline;
  color: #052674;
  font-weight: bold;
}
.m_link--primary:hover{
  color: #765405;
}
.m_link--secondary{
  text-decoration: underline;
  color: inherit;
}
.m_link--secondary:hover{
  color: #765405;
}
/* 繝翫ン繝ｪ繝ｳ繧ｯ */
.m_navLink{
  height: 3em;
}
.m_navLink--local{
  font-size: 16px;
  background: #eee;
}
.m_navLink--local:hover,
.m_navLink--local.is_active{
  background: #5558af;
  color: #fff;
}
/* 繝斐ャ繧ｯ繧｢繝��繝懊ャ繧ｯ繧ｹ */
.m_pickupBox{
  border-top: 1px solid #5558af;
  padding-top: 24px;
  position: relative;
  /*padding: 72px 24px 24px; 
  background: url("/resource/img/online/lineup/hige_online.png") no-repeat center 24px;*/
}
.m_pickupBox::before{
  /*content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 8px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0,  rgba(255, 255, 255, .9) 40%, rgba(255, 255, 255, .9) 60%,rgba(255, 255, 255, 0) 100%);*/
}
.m_pickupBox--colorTheme{
  background-color: #f0f3ff;
}
.m_pickupBox--colorTheme::before{
  background-color: #bd9a54;
}

/* 繧ｫ繝ｼ繝� */
.m_card{}
.m_card__heading{}
.m_card__ttl{
  position: relative;
  padding: 8px 24px; 
  letter-spacing: 0;
  line-height: 1;
  text-align: center;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0,  rgba(255, 255, 255, .9) 40%, rgba(255, 255, 255, .9) 60%,rgba(255, 255, 255, 0) 100%);
}
.m_card__ttl::before,
.m_card__ttl::after{
  content: url(/resource/img/online/lineup/icon_shell_beige.png);
  position: absolute;
  top: 50%;
  display: block;
  line-height: 0;
  transform: translateY(-50%);
}
.m_card__ttl::before{
  left: 8px;
}
.m_card__ttl::after{
  right: 8px;
  transform: translateY(-50%) rotate(90deg);
}
.m_card__thumbnail{
  line-height: 0;
}
.m_card__thumbnail > img{
  max-width: 100%;
  height: auto;
}
.m_card__body{
  padding: 16px 8px;
}
.m_card__btn{}
.m_card__btnTarget{
  position: relative;
  left: 50%;
  display: inline-block;
  padding: 12px 24px;
  border: 1px solid;
  border-radius: 100px;
  line-height: 1;
  white-space: nowrap;
  color: inherit;
  transform: translateX(-50%);
}
.m_card--colorTheme .m_card__ttl{
  background-color: #bd9a54;
}
.m_card--colorTheme .m_card__btnTarget{
  color: #5558af;
  border-color: #5558af;
  background: rgba(85, 88, 175, .1);
}
.m_card--colorTheme .m_card__btnTarget:hover{
  color: #fff;
  background: #5558af;
}

/* 繝��繝悶Ν繝薙Η繝ｼ */
.m_tableview{}
.m_tableview__ttl{
  padding: 8px 12px;
  line-height: 1;
  font-weight: normal;
  font-size: 14px;
}
.m_tableview__sec{}
.m_tableview__sec + .m_tableview__sec{
  margin-top: 8px;
}
.m_tableview__cat{
  padding-top: 8px;
  padding-bottom: 8px;
  border-bottom: 1px solid;
  font-weight: bold;
  line-height: 1;
  font-size: 14px;
}
.m_tableview__list{
  padding-left: 1em;
}
.m_tableview__item{
  border-bottom: 1px solid;
}
.m_tableview__target{
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 1;
  color: inherit;
  font-size: 12px;
}
.m_tableview__target:hover{
  opacity: .7;
}
.m_tableview--colorTheme{}
.m_tableview--colorTheme .m_tableview__ttl{
  color: #fff;
  background:#5558af;
}

/* 繧ｵ繧､繝峨リ繝薙�繝�け繧ｹ */
.m_sideNavBox{}
.m_sideNavBox__ttl{
  margin-bottom: 8px;
  padding-top: 8px;
  border-top: 4px solid;
  letter-spacing: 0;
  font-weight: bold;
  font-size: 13px;
}
.m_sideNavBox__body{}
.m_sideNavBox__item{}
.m_sideNavBox__item + .m_sideNavBox__item{
  margin-top: 8px;
}
.m_sideNavBox__link{}
.m_sideNavBox__link:hover{
  opacity: .7;
}
.m_sideNavBox__link--banner{
  display: block;
  line-height: 0;
}
.m_sideNavBox__link--banner > img{
  max-width: 100%;
  height: auto;
}
.m_sideNavBox--colorTheme{}
.m_sideNavBox--colorTheme .m_sideNavBox__ttl{
  border-color: #5558af;
}

/* 迚ｹ蠕ｴ隱ｬ譏弱Μ繝ｳ繧ｯ */
.m_aboutLinks{}
.m_aboutLinks__item{}
.m_aboutLinks__item + .m_aboutLinks__item{
  margin-top: 2px;
}
.m_aboutLinks__target{
  position: relative;
  display: block;
  padding: 8px;
  line-height: 1.4;
  color: inherit;
  font-size: 12px;
}
.m_aboutLinks__target:hover{
  opacity: .7;
}
.m_aboutLinks__target::after{
  content: "\f105";
  position:absolute;
  top: 50%;
  right: 8px;
  display: block;
  font-size: 18px;
  font-family: "FontAwesome";
  transform: translateY(-50%);
}
.m_aboutLinks--colorTheme{}
.m_aboutLinks--colorTheme .m_aboutLinks__target{
  background: #e8eaef;
}
.m_aboutLinks--colorTheme .m_aboutLinks__target::after{
  color: #5558af;
}

/* 繝九Η繝ｼ繧ｹ繝ｪ繧ｹ繝� */
.m_newsList{
  border-top: 1px solid #5558af;
  padding-top: 24px;
  position: relative;
  /*padding: calc(.5em + 8px) 1em .5em;
  border-bottom: 1px solid;
  overflow: auto;*/
}
.m_newsList::before{
  /*content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 8px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0,  rgba(255, 255, 255, .9) 40%, rgba(255, 255, 255, .9) 60%,rgba(255, 255, 255, 0) 100%);*/
}
.m_newsList__item{
  /*display: flex;*/
  padding: 0 1em;
}
.m_newsList__item + .m_newsList__item{
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px dotted;
}
.m_newsList__date{
  color: #5558af;
  flex: 0 0 140px;
  font-size: 14px;
}
.m_newsList__ttl{
  flex: 1 1 auto;
  font-size: 14px;
}
.m_newsList__ttl > .m_link--secondary{ text-decoration: none; }

.m_newsList--colorTheme{}
.m_newsList--colorTheme::before{
  background-color: #bd9a54;
}

@media screen and (max-width: 599px){
  .m_newsList{
    padding-left: 0;
    padding-right: 0;
  }
  .m_newsList__item{
    display: block;
  }
}

/* ==============
state
============== */
.js_card{}
.js_card__body{
  overflow: hidden;
  transition: .5s max-height; 
}
.js_card__open{
  display: block;
}
.js_card__close{
  display: none;
}
.is_open .js_card__open{
  display: none;
}
.is_open .js_card__close{
  display: block;
}
.is_notToggle{
  display: none;
}
/* ==============
utility
============== */
/*讓ｪ蟷�*/
.u_col1{width:8.333%;}
.u_col2{width:16.667%;}
.u_col3{width:25%;}
.u_col4{width:33.333%;}
.u_col5{width:41.666%;}
.u_col6{width:50%;}
.u_col7{width:58.333%;}
.u_col8{width:66.666%;}
.u_col9{width:75%;}
.u_col10{width:83.33%;}
.u_col11{width:91.666%;}
.u_col12{width:100%;}
@media screen and (max-width:768px){
  .u_resMdCol1{width:8.333%;}
  .u_resMdCol2{width:16.667%;}
  .u_resMdCol3{width:25%;}
  .u_resMdCol4{width:33.333%;}
  .u_resMdCol5{width:41.666%;}
  .u_resMdCol6{width:50%;}
  .u_resMdCol7{width:58.333%;}
  .u_resMdCol8{width:66.666%;}
  .u_resMdCol9{width:75%;}
  .u_resMdCol10{width:83.33%;}
  .u_resMdCol11{width:91.666%;}
  .u_resMdCol12{width:100%;}
}
@media screen and (max-width:599px){
  .u_resSmCol1{width:8.333%;}
  .u_resSmCol2{width:16.667%;}
  .u_resSmCol3{width:25%;}
  .u_resSmCol4{width:33.333%;}
  .u_resSmCol5{width:41.666%;}
  .u_resSmCol6{width:50%;}
  .u_resSmCol7{width:58.333%;}
  .u_resSmCol8{width:66.666%;}
  .u_resSmCol9{width:75%;}
  .u_resSmCol10{width:83.33%;}
  .u_resSmCol11{width:91.666%;}
  .u_resSmCol12{width:100%;}
}

/* 繧ｵ繧､繝牙ｯ�○ */
.u_flexRight{
  display: flex;
  justify-content: flex-end;
}

/* 隕∫ｴ�繧貞�縺�/豸医☆ */
.u_hide{
  display: none;
}
@media screen and (max-width: 768px){
  .u_resMdHide{
    display: none;
  }
}
@media screen and (max-width: 599px){
  .u_resSmHide{
    display: none;
  }
}