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


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

    common

================================*/
:root { font-size: 62.5%; }/* 1(r)em = 10px */

body {
  color: #3E3A39;
  font-family:YuGothic , '游ゴシック' , 'Hiragino Kaku Gothic ProN' , 'ヒラギノ角ゴ ProN' , Meiryo , 'メイリオ' , sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  /* line-height: 1; */ 
  height: 100%;
  text-align: left;
  /* width: 100%; */ 
  counter-reset: qnum; 
}


.wrapper {
  margin: 20px auto 0;
  overflow:hidden;
  text-align: left;
  width: 980px;
}

.container {
  float: right;
  width: 730px;
}

.headerTtl {
  border-top: 1px solid #9E2730;
  border-bottom: 1px solid #9E2730;
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 16px;
  padding: 8px 0;
}

.headerTtl_sub {
  display:block;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 4px;
}

.leadMsg{
  margin-bottom:8px;
  line-height:1.6;
}

.updateDate{
  margin-bottom:8px;
  text-align:right;
}


.categoryTtl {
  border-left: 8px solid #9E2730;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px;
  padding: 5px 0 5px 10px;
}

/*********
component
*********/
/*グリッド*/
.c_grid{
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
}
.c_grid__item{
  display: flex;
}
.c_grid__inner{
  display: block;
  width: 100%;
}
.c_grid--qaList{
  margin: -4px;
}
.c_grid--qaList > .c_grid__item{
  padding: 4px;
}
.c_grid--tab{
  margin: -1px;
}
.c_grid--tab > .c_grid__item{
  padding: 1px;
}
/*ナビゲーション*/
.c_nav{
  display:flex;
  align-items: stretch;
}
.c_nav__item{
  display: flex;
  width: 100%;
}
.c_nav__target{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  color: inherit;
}
.c_nav--local{
  margin: -.5px;
}
.c_nav--local .c_nav__item{
  padding: .5px;
}
.c_nav--local .c_nav__target{
  height: 40px;
  background: linear-gradient(180deg, #fff 0%, #ddd 100%);
  font-size: 12px;
  letter-spacing: 0;
}
.c_nav--local .c_nav__target:hover{
  text-decoration: none;
}
.c_nav--local .c_nav__target.is_active{
  color: #fff;
  background: #c50000;
  text-decoration: none;
}
@media screen and (min-width:769px){
  .c_nav--local .c_nav__target:hover{
    color: #fff;
    background: #c50000;
  }
}
@media screen and (max-width:599px){
  .c_nav--local{
    flex-wrap: wrap;
  }
}

/*見出し*/
.c_heading{
  font-weight: bold;
}
.c_heading__ttl{}
.c_heading__sub{}
.c_heading--topImg{
  margin-bottom: 16px;
  line-height: 1;
}
.c_heading--primary{
  margin-bottom: 32px;
  padding-bottom: 8px;
  border-bottom: 4px solid #333;
  line-height: 1;
}
.c_heading--primary > .c_heading__ttl{
  font-size: 4.8rem;
}
.c_heading--primary > .c_heading__sub{
  font-size: 2.4rem;
}
.c_heading--secondary{
  margin-bottom: 32px;
}
.c_heading--secondary > .c_heading__ttl{
  padding: 8px 12px;
  background: #c50000;
  line-height: 1.3;
  color: #fff;
  font-size: 2.4rem;
}
.c_heading--tertiary{
  margin-bottom: 18px;
}
.c_heading--tertiary > .c_heading__ttl{
  font-size: 1.6rem;
  font-weight: 500;
}
.c_heading--qList{
  margin-bottom: 16px;
  padding-bottom: 4px;
  border-bottom: 1px solid #c50000;
}
.c_heading--qList > .c_heading__ttl{
  font-size: 1.8rem;
}
.c_heading--qaList{
  margin-bottom: 16px;
}
.c_heading--qaList > .c_heading__ttl{
  line-height: 1.4;
  color: #c50000;  
}

.c_heading_ttl--skill-communication{
  color: #1d5996;
}
.c_heading_ttl--skill-team-building{
  color: #c13374;
}
.c_heading_ttl--skill-develop-staff{
  color: #129b49;
}
.c_heading_ttl--skill-evaluation{
  color: #ea8b24;
}
.c_heading_ttl--skill-management{
  color: #870ea5;
}
.c_heading_ttl--skill-business-mind{
  color: #1d5996;
}
.c_heading_ttl--skill-basic-work{
  color: #c13374;
}
.c_heading_ttl--skill-thinking-nature{
  color: #129b49;
}
.c_heading_ttl--skill-thinking-create{
  color: #ea8b24;
}
.c_heading_ttl--skill-writing{
  color: #870ea5;
}
.c_heading_ttl--skill-oa-it{
  color: #1d5996;
}
.c_heading_ttl--skill-telling{
  color: #c13374;
}
.c_heading_ttl--skill-cs-claim{
  color: #129b49;
}
.c_heading_ttl--skill-improvement{
  color: #ea8b24;
}
.c_heading_ttl--skill-risk-management{
  color: #870ea5;
}
.c_heading_ttl--skill-mental{
  color: #1d5996;
}
.c_heading_ttl--skill-career{
  color: #c13374;
}
.c_heading_ttl--skill-specialists{
  color: #129b49;
}
.c_heading_ttl--skill-global-diversity{
  color: #ea8b24;
}
.c_heading_ttl--hierarchy-manager{
  color: #1d5996;
}
.c_heading_ttl--hierarchy-mid-level{
  color: #c13374;
}
.c_heading_ttl--hierarchy-young{
  color: #129b49;
}
.c_heading_ttl--hierarchy-newcomer{
  color: #ea8b24;
}
.c_heading_ttl--hierarchy-students{
  color: #870ea5;
}
.c_heading_ttl--hierarchy-by-age{
  color: #1d5996;
}
.c_heading_ttl--government-local{
  color: #1d5996;
}
.c_heading_ttl--government-hierarchy{
  color: #c13374;
}
.c_heading_ttl--division-planning{
  color: #129b49;
}
.c_heading_ttl--division-call-center{
  color: #1d5996;
}
.c_heading_ttl--division-sales{
  color: #c13374;
}
.c_heading_ttl--division-administer{
  color: #129b49;
}
.c_heading_ttl--needs-work-style-reform{
  color: #1d5996;
}
.c_heading_ttl--needs-short-period-of-time{
  color: #c13374;
}
.c_heading_ttl--needs-organizing-ability{
  color: #129b49;
}
.c_heading_ttl--needs-in-house{
  color: #ea8b24;
}
@media screen and (max-width:599px){
  .c_heading--primary > .c_heading__ttl{
    font-size: 2.4rem;
  }
  .c_heading--secondary > .c_heading__ttl{
    font-size: 1.8rem;
  }
}
/*リンク*/
.c_link, .c_link:hover{
  color: inherit;
  text-decoration: none;  
}
.c_link--txt{
  color: #0044CC;
  text-decoration: underline;
}
.c_link--txt:hover{
  color: #f79494;
  text-decoration: underline;
}
.c_link--rect{
  position: relative;
  display: flex;
  align-items: center;
  padding: 4px 4px 4px 28px;
  border: 1px solid #ccc;
  font-size: 1.2rem;
  line-height: 1.4;
}
.c_link--rect::before{
  content: "▲";
  position: absolute;
  top: 50%;
  left: 8px;
  color: #ccc;
  transform: translateY(-50%) rotate(90deg);
}
.c_link--rect::after{
  content: "";
  display: block;
  width: 0;
  min-height: calc(3em - 8px);
}
.c_link--rect:hover{
  color: #c50000;
  border-color: #c50000;
}
.c_link--rect:hover::before{
  color: #c50000;
}
.c_link--tab{
  display: block;
  align-items: center;
  padding: 8px;
  font-size: 1.2rem;
  line-height: 1;
  background: #ccc;
}
.c_link--tab:hover{
  color: #fff;
  background: #9E2730;
}
/*ボタン*/
.c_btn{
  position:relative;
  display:flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding:0 16px 0 calc(32px + 1em);
  border-radius:4px;
  text-decoration:none;
  line-height:1.2;
}
.c_btn::before{
  content:'▲';
  position:absolute;
  top:50%;
  left:16px;
  display:inline-block;
  margin-right:8px;
  transform:translateY(-50%) rotate(90deg);
}
.c_btn::after{
  content: "";
  display: block;
  width: 0;
  height: calc(1em * 1.2);
  padding: 10px 0;
}

.c_btn:hover{
  opacity:.7;
  color: inherit;
  text-decoration:none;
}
.c_btn-main{
  color:#fff;
  background:#c50000;
  border: 2px solid #c50000;
}
.c_btn-main:hover{
  color:#fff;
}
.c_btn-sub{
  border: 2px solid #c50000;
  color: #c50000;
}
.c_btn-sub:hover{
  color: #c50000;
}
.c_btn-gpt{
  width: 280px;
  margin-left: auto;
}
/*アイコン*/
.c_hasIco{
  position: relative;
}
.c_hasIco::before{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.c_hasIco--localNav::before{
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
  width: 40px;
  height: 40px;
  transform: none;
}
.c_hasIco--category{
  padding-left: 53px;
}
.c_hasIco--category::before{
  line-height: 1;
}
.c_hasIco--qList{
  display: block;
  padding-left: 40px;
  counter-increment: qnum;
}
.c_hasIco--qList::before{
  content: "Q" counter(qnum) ".";
  top: 0;
  transform: none;
  color: #9E2730;
}
.c_hasIco--aList{
  display: block;
  padding-left: 40px;
}
.c_hasIco--aList::before{
  content: "A.";
  top: 0;
  transform: none;
}
.c_hasIco--skill::before{
  content: '';
  background: url(/resource/img/faq/qa-nav_theme_off.png) no-repeat right bottom/contain;
}
.c_hasIco--hierarchy::before{
  content: '';
  background: url(/resource/img/faq/qa-nav_kaisou_off.png) no-repeat right bottom/contain;
}
.c_hasIco--government::before{
  content: '';
  background: url(/resource/img/faq/qa-nav_dokuritu_off.png) no-repeat right bottom/contain;
}
.c_hasIco--division::before{
  content: '';
  background: url(/resource/img/faq/qa-nav_section_off.png) no-repeat right bottom/contain;
}
.c_hasIco--needs::before{
  content: '';
  background: url(/resource/img/faq/qa-nav_needs_off.png) no-repeat right bottom/contain;
}
.c_hasIco--skill.is_active::before{
  background: url(/resource/img/faq/qa-nav_theme_on.png) no-repeat right bottom/contain;
 }
.c_hasIco--hierarchy.is_active::before{
  background: url(/resource/img/faq/qa-nav_kaisou_on.png) no-repeat right bottom/contain;
}
.c_hasIco--government.is_active::before{
  background: url(/resource/img/faq/qa-nav_dokuritu_on.png) no-repeat right bottom/contain;
}
.c_hasIco--division.is_active::before{
  background: url(/resource/img/faq/qa-nav_section_on.png) no-repeat right bottom/contain;
}
.c_hasIco--needs.is_active::before{
  background: url(/resource/img/faq/qa-nav_needs_on.png) no-repeat right bottom/contain;
}
.c_hasIco--skill-communication::before{
  content: url(/resource/img/faq/skill-communication.png);  
}
.c_hasIco--skill-team-building::before{
  content: url(/resource/img/faq/skill-team-building.png);  
}
.c_hasIco--skill-develop-staff::before{
  content: url(/resource/img/faq/skill-develop-staff.png);  
}
.c_hasIco--skill-evaluation::before{
  content: url(/resource/img/faq/skill-evaluation.png);  
}
.c_hasIco--skill-management::before{
  content: url(/resource/img/faq/skill-management.png);  
}
.c_hasIco--skill-business-mind::before{
  content: url(/resource/img/faq/skill-business-mind.png);  
}
.c_hasIco--skill-basic-work::before{
  content: url(/resource/img/faq/skill-basic-work.png);  
}
.c_hasIco--skill-thinking-nature::before{
  content: url(/resource/img/faq/skill-thinking-nature.png);  
}
.c_hasIco--skill-thinking-create::before{
  content: url(/resource/img/faq/skill-thinking-create.png);  
}
.c_hasIco--skill-writing::before{
  content: url(/resource/img/faq/skill-writing.png);  
}
.c_hasIco--skill-oa-it::before{
  content: url(/resource/img/faq/skill-oa.png);  
}
.c_hasIco--skill-telling::before{
  content: url(/resource/img/faq/skill-telling.png);  
}
.c_hasIco--skill-cs-claim::before{
  content: url(/resource/img/faq/skill-cs-claim.png);  
}
.c_hasIco--skill-improvement::before{
  content: url(/resource/img/faq/skill-improvement.png);  
}
.c_hasIco--skill-risk-management::before{
  content: url(/resource/img/faq/skill-risk-management.png);  
}
.c_hasIco--skill-mental::before{
  content: url(/resource/img/faq/skill-mental.png);  
}
.c_hasIco--skill-career::before{
  content: url(/resource/img/faq/skill-career.png);  
}
.c_hasIco--skill-specialists::before{
  content: url(/resource/img/faq/skill-specialists.png);  
}
.c_hasIco--skill-global-diversity::before{
  content: url(/resource/img/faq/skill-global-diversity.png);  
}
.c_hasIco--skill-data-analytics::before{
  content: url(/resource/img/faq/skill-oa.png);  
}
.c_hasIco--hierarchy-manager::before{
  content: url(/resource/img/faq/hierarchy-manager.png);  
}
.c_hasIco--hierarchy-mid-level::before{
  content: url(/resource/img/faq/hierarchy-mid-level.png);  
}
.c_hasIco--hierarchy-young::before{
  content: url(/resource/img/faq/hierarchy-young.png);  
}
.c_hasIco--hierarchy-newcomer::before{
  content: url(/resource/img/faq/hierarchy-newcomer.png);  
}
.c_hasIco--hierarchy-students::before{
  content: url(/resource/img/faq/hierarchy-students.png);  
}
.c_hasIco--hierarchy-by-age::before{
  content: url(/resource/img/faq/hierarchy-by-age.png);  
}
.c_hasIco--government-local::before{
  content: url(/resource/img/faq/government-local.png);  
}
.c_hasIco--government-hierarchy::before{
  content: url(/resource/img/faq/government-hierarchy.png);  
}
.c_hasIco--division-planning::before{
  content: url(/resource/img/faq/division-planning.png);  
}
.c_hasIco--division-call-center::before{
  content: url(/resource/img/faq/division-call-center.png);  
}
.c_hasIco--division-sales::before{
  content: url(/resource/img/faq/division-sales.png);  
}
.c_hasIco--division-administer::before{
  content: url(/resource/img/faq/division-administer.png);  
}
.c_hasIco--needs-work-style-reform::before{
  content: url(/resource/img/faq/needs-work-style-reform.png);  
}
.c_hasIco--needs-short-period-of-time::before{
  content: url(/resource/img/faq/needs-short-period-of-time.png);  
}
.c_hasIco--needs-organizing-ability::before{
  content: url(/resource/img/faq/needs-organizing-ability.png);  
}
.c_hasIco--needs-in-house::before{
  content: url(/resource/img/faq/needs-in-house.png);  
}

@media screen and (min-width:769px){
  .c_hasIco--skill:hover::before{
    background: url(/resource/img/faq/qa-nav_theme_on.png) no-repeat right bottom/contain;
   }
  .c_hasIco--hierarchy:hover::before{
    background: url(/resource/img/faq/qa-nav_kaisou_on.png) no-repeat right bottom/contain;
  }
  .c_hasIco--government:hover::before{
    background: url(/resource/img/faq/qa-nav_dokuritu_on.png) no-repeat right bottom/contain;
  }
  .c_hasIco--division:hover::before{
    background: url(/resource/img/faq/qa-nav_section_on.png) no-repeat right bottom/contain;
  }
  .c_hasIco--needs:hover::before{
    background: url(/resource/img/faq/qa-nav_needs_on.png) no-repeat right bottom/contain;
  }
}

@media screen and (max-width:768px){
  .c_hasIco--localNav::before{
    width: 30px;
  }
}
@media screen and (max-width:599px){
  .c_hasIco--localNav::before{
    width: 24px;
  }
}

[v-cloak]{display:none;}

@media screen and (max-width:768px){
  .c_res_md_col_25{width:20%;}
}

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

    コンテンツ

================================*/
/*********
project
*********/
/*サイドナビモジュール*/
.p_qaSideNav{
  line-height: 1.4;
}
.p_qaSideNav--insColor{}
.p_qaSideNav__typeTtl{
  display: flex;
  align-items: center;
  height: 40px;
  padding-left: 1em;
  line-height: 1;
  font-size: 1.6rem;
  font-weight: bold;
}
.p_qaSideNav__typeBody{
  border: 1px solid;
}
.p_qaSideNav__category{
  padding: 1em;
}
.p_qaSideNav__category + .p_qaSideNav__category{
  border-top: 1px dashed;
}
.p_qaSideNav__categoryTtl{
  margin-bottom: 8px;
  line-height: 1.2;
  font-size: 1.4rem;
  font-weight: bold;
}
.p_qaSideNav__item + .p_qaSideNav__item{
  margin-top: 8px;
}
.p_qaSideNav__link{
  display: block;
  padding-left: calc(1em - 4px);
  border-left: 4px solid transparent;
}
.p_qaSideNav--insColor .p_qaSideNav__typeBody, 
.p_qaSideNav--insColor .p_qaSideNav__category,
.p_qaSideNav--insColor .p_qaSideNav__link:hover,
.p_qaSideNav--insColor .p_qaSideNav__link.is_active{
  border-color: #c50000;
}
.p_qaSideNav--insColor .p_qaSideNav__typeTtl{
  color: #fff;
}
.p_qaSideNav__typeTtl--skill{
  background: url(/resource/img/faq/qa-lnav_theme.png) no-repeat left top/contain;
}
.p_qaSideNav__typeTtl--hierarchy{
  background: url(/resource/img/faq/qa-lnav_kaisou.png) no-repeat left top/contain;
}
.p_qaSideNav__typeTtl--government{
  background: url(/resource/img/faq/qa-lnav_dokuritu.png) no-repeat left top/contain;
}
.p_qaSideNav__typeTtl--division{
  background: url(/resource/img/faq/qa-lnav_section.png) no-repeat left top/contain;
}
.p_qaSideNav__typeTtl--needs{
  background: url(/resource/img/faq/qa-lnav_needs.png) no-repeat left top/contain;
}

@media screen and (max-width:768px){
  .p_qaSideNav--insColor .p_qaSideNav__link:hover{
    border-color: transparent;
  }
}
/*メインコンテンツモジュール*/
.p_main{}
.p_main__nav + .p_main__lead{
  margin-top: 24px;
}
.p_main__lead + .p_main__qaList{
  margin-top: 40px;
}
.p_main__qaList + .p_main__qaList{
  margin-top: 64px;  
}
.p_main__qaList + .p_main__link{
  margin-top: 40px;  
}
.p_main__lead + .p_main__qaTab{
  margin-top: 24px;    
}
.p_main__qaTab + .p_main__qList{
  margin-top: 16px;    
}
.p_main__qList + .p_main__qaList{
  margin-top: 40px;
}

/*
.main-enter-active{
  transition: 1s all;
}
.main-leave-active{
  visibility: hidden;
}
.main-enter{
  opacity: 0;
  transform: translateY(16px);
}
*/

/*カテゴリ毎のQAリストモジュール*/
.p_qaCategoryList{}
.p_qaCategoryList__item + .p_qaCategoryList__item{
  margin-top: 32px;
}
/*カテゴリ内のQAリストモジュール*/
.p_qaListBox{}
.p_qaListBox__lead{
  font-size: 1.2rem;
}
.p_qaListBox__lead + .p_qaListBox__list{
  margin-top: 1.2rem;
}
/*テキストボックスモジュール*/
.p_msg{
  font-size: 1.2rem;
}
.p_msg_item + .p_msg_item{
  margin-top:8px;
}
.p_msg_item-note{
  display: flex;
  justify-content: flex-end;
}
.p_msg_notes{
  font-size: 12px;
}
.p_msg_note{
  position: relative;
  padding-left: 1em;
}
.p_msg_note::before{
  content: "※";
  position: absolute;
  left: 0;
  display: block;
}
.p_msg_note + .p_msg_note{
  margin-top: 4px;
}
/*QAタブモジュール*/
.p_qaTab{}
.p_qaList{
  width: 100%;
}
.p_qaList__item{
  padding: 2px;
}

/*Qリストモジュール*/
.p_qList{
  border: 2px solid #ccc;
  padding: 20px;
}
.p_qList__list{}
.p_qList__item + .p_qList__item{
  margin-top: 8px;
}
/*QAリストモジュール*/
.p_qaList{counter-reset: qnum;}
.p_qaList__item + .p_qaList__item{
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid #ccc;
}
.p_qaList_answer{
  line-height: 1.5;
  white-space:pre-wrap;
  font-family:inherit;
  font-size:inherit;
}
.p_qaList_answer a{
  color: #0044CC;
  text-decoration: underline;
}
.p_qaList_answer a:hover{
  color: #f79494;
  text-decoration: underline;
}

/*ポップアップ*/
@keyframes popup{
  0% {
    transform: translateY(100%);
  }
  25% {
    transform: translateY(-20%);
  }
  50% {
   transform: translateY(0);
  }
  75% {
   transform: translateY(-5%);
  }
  100% {
    transform: translateY(0);
  }
}
.p_pop{
  position: fixed;
  bottom: 0;
  right: 0;
  transform: translateY(100%);
}
.p_pop.is_active{
  animation: popup 1s ease-out;
  animation-fill-mode: both;
}
.p_pop__img{}
.p_pop__img img{
  vertical-align: top;
}
.p_pop__toggle{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  top: 0;
  left: 0;
  border-bottom: 4px solid;
  transform: translateY(-100%);
}
.p_pop__toggle--insColor{
  border-color: #c30d23;
}
.p_pop__btn{
  display: block;
  padding: 4px 4px 0;
  line-height: 1;
  text-decoration: none;
  font-size: 20px;
}
.p_pop__btn:hover{
  text-decoration: none;
}
.p_pop__toggle--insColor > .p_pop__btn{
  color: #fff;
  background: #c30d23;
}
.p_pop__btn--open{
  padding: 2px 7px 2px;
}


/*初回ローディング*/
.p_loading{
  position: fixed;
  top: 0;
  left: 0;
  z-index : 99999;
  width: 100vw;
  height: 100vh;
  background: #fff;
}
.p_loading::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
  background: #1a2336;
  transform: translateX(-100%);
  transition: .2s transform;
}
.p_loading::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 745px;
  height: 195px;
  background: url(/resource/img/faq/logo_qa.png) no-repeat top left/contain;
  transform: translate(-50%, -80%);
}

.p_loading--animation::before{
  transform: translateX(0);
}

.loading-leave-active{
  transition: .2s all;
}
.loading-leave-to{
  transform: translateX(100%);
}
@media screen and (max-width: 768px){
  .p_loading::after{
    width: 480px;
    height: 126px;
  }
}
@media screen and (max-width: 599px){
  .p_loading::after{
    width: 256px;
    height: 68px;
  }
}
/*
    メニュー
================================*/
.menuLink {
  display: flex;
  justify-content: flex-end;
  margin: 20px 0;
}

.menuLink_item + .menuLink_item { margin-left: 15px; }

.menuLink_item > a::before {
    content: "\f178";
    display: inline-block;
    font-family: "FontAwesome";
    margin-right: 3px;
}

.tabSwitch {
  /*display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;*/
  width: 100%;
  margin-bottom:8px;
}

.tabSwitch_item {
  background-color: #ccc;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  margin: 0 2px 2px 0;
  padding: 4px 8px;
  text-align: center;
  width: auto;
}

/*.tabSwitch_item + .tabSwitch_item { margin-left: 10px; }*/

.tabSwitch_item:hover,
.tabSwitch_item.is-on {
  background-color: #9E2730;
  color: #fff;
}


.selectList {
  border: 2px solid #ccc;
  /*max-height: 270px;*/
  margin-bottom: 40px;
  /*overflow: auto;*/
  padding: 20px;
}

.selectList_ttl {
  border-bottom: 1px solid #9E2730;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
  padding-bottom: 3px;
}

.selectList:first-of-type { display: block; }

.selectList_list {}

.selectList_item {
  position:relative;
  padding-left:42px;
  counter-increment: qnum;  
}

.selectList_item::before{
  content:"Q"counter(qnum)".";
  position:absolute;
  left:0;
  top:0;
  display:block;
  color:#9E2730;
  font-weight:bold;
}

.selectList_item + .selectList_item { margin-top: 15px; }


/*
    Q&A
================================*/
.qaBoxWrap{
  counter-reset: qnum; 
}
.qaBox {
  border-bottom: 1px solid #ccc;
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.qaBox:last-of-type { border-bottom: none; }

.faq_question {
  color: #9E2730;
  line-height: 1.5;
  margin-bottom: 15px;
  padding-left: 42px;
  position: relative;
  counter-increment: qnum;  
}

.faq_question::before {
  content: "Q"counter(qnum)".";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.faq_answer {
  font-family:inherit;
  font-size:inherit;
  white-space:pre-wrap;
  line-height: 1.5;
  padding-left: 42px;
  position: relative;
}

.faq_answer::before {
  content: "A.";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.p_btnBox{}
.p_btnBox_item + .p_btnBox_item{margin-top:16px;}

/*
    Q&Aトップ
================================*/

/*project*/



/*動的に研修一覧のCSSを読んでいます*/
/*その他*/



.theme_faqTop{line-height:normal;}
.theme_faqTop .top_img > img{vertical-align:top;}

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

    ★★レスポンシブ

================================*/
@media screen and (max-width:768px) {
.wrapper { width: 100%; }

.container {
  float: none;
  width: 100%;
}


}/* @media */

@media screen and (max-width:500px){
.tabSwitch_item { font-size: 12px; }

}

/**********
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_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_mb8{
  margin-bottom: 8px;
}
.u_mb16{
  margin-bottom: 16px;
}
.u_mt16{
  margin-top: 16px;
}
.u_mb24{
  margin-bottom: 24px;
}
.u_mt24{
  margin-top: 24px;
}
.u_mb40{
  margin-bottom: 40px;
}
.u_mb64{
  margin-bottom: 64px;
}
.u_mr8{
  margin-right: 8px;
}

/*文字間*/
.u_ls0{
  letter-spacing: 0;
}

/*文字色*/
.u_colorTheme{
  color: #c50000;
}

/*文字サイズ*/
.u_fs24{
  font-size: 24px;
}

/*文字の太さ*/
.u_fb{
  font-weight: bold;
}

/* 上付き */
.u_super{
  font-size: 12px;
  vertical-align: super;
}

/*文字位置*/
.u_ar{
  text-align: right;
}
@media screen and (max-width: 599px){
  .u_resSmAl{
    text-align: left;
  }
}