@charset "utf-8";
/**************
CSS Document
flocssでコーディング
***************/
/**********
foudation
**********/

/**********
layout
**********/

/**********
component
**********/
/*ナビ*/
.u_mb40 {
    margin-bottom: 20px;
}
.c_nav--local{
  margin: -4px;
}
.c_nav--local .c_nav__item{
  padding: 4px;  
}
.c_nav--local .c_nav__target{
  height: 48px;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
.c_nav__target--newcomer{
  background: #1fa215;
}
.c_nav__target--career{
  background: #5290CD;
}
.c_nav__target--staff{
  background: #9C52CD;
}
.c_nav__target--trainer{
  background: #B83333;
}
.c_nav--local .c_nav__target:hover{
  opacity: .7;
}
@media screen and (max-width: 599px){
  .c_nav--local{
    flex-wrap: wrap;
  }
  .c_nav--local .c_nav__item{
    width: 50%;
  }
  .c_nav--local .c_nav__target{
    height: 32px;
    font-size: 14px;
  }
}
/*グリッド*/
.c_grid--hasGutter{
  margin: -8px;
}
.c_grid--hasGutter > .c_grid__item{
  padding: 8px
}

/* 節 */
.c_section{}
.c_section__item{}
.c_section--primary{}
.c_section--primary > .c_section__item + .c_section__item{
  margin-top: 40px;
}
.c_section--secondary{}
.c_section--secondary > .c_section__item + .c_section__item{
  margin-top: 24px;
}

/* リスト */
.c_list--normal{}
.c_list--normal > .c_list__item + .c_list__item{
  margin-top: 8px;
}
.c_list--small{}
.c_list--small > .c_list__item + .c_list__item{
  margin-top: 4px;
}

/* アイコン */
.c_hasIco--circle{
  padding-left: 1.5em;
}
.c_hasIco--circle::before{
  content: "○";
  top: 0;
  transform: none;
}
.c_hasIco--ast{
  padding-left: 1.5em;
}
.c_hasIco--ast::before{
  content: "※";
  top: 0;
  transform: none;
}
.c_hasIco--dot{
  padding-left: 1em;
}
.c_hasIco--dot::before{
  content: "・";
  top: 0;
  transform: none;
}
.c_hasIco--circleNum{
  padding-left: 1.5em;
}
.c_hasIco--circleNum > .c_hasIco__item{
  top: 0;
  transform: none;
}
/**********
project
**********/
.p_heading{}
.p_heading__ttl{
  line-height: 1;
  font-weight: normal;
}
.p_heading__img{
  line-height: 0;
}
.p_heading--primary{
  margin-bottom: 20px;
}
.p_heading--secondary{
  position: relative;
  margin-bottom: 24px;
  padding: 0 0 12px 12px;
}
.p_heading--secondary::before,
.p_heading--secondary::after{
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  height: 3px;
}
.p_heading--secondary::before{
  left: 0;
  width: 70%;
}
.p_heading--secondary::after{
  right: 0;
  width: calc(30% - 2px);
}

.p_heading--secondary > .p_heading__ttl{
  font-size: 24px;
  font-weight: bold;
}
.p_heading--tertiary{
  margin-bottom: 16px;
  padding: 4px 0 4px 8px;
  border-left: 4px solid;
}
.p_heading--tertiary > .p_heading__ttl{
  line-height: 1.3;
  font-size: 16px;
  font-weight: bold;
}
.p_heading--colorTop{}
.p_heading--colorTop.p_heading--secondary::before{
  background: #cc2914;
}
.p_heading--colorTop.p_heading--secondary::after{
  background: #ccc;
}
.p_heading--colorTop.p_heading--tertiary{
  border-color: #cc2914;
}
.p_heading--colorNewcomer.p_heading--secondary::before{
  background: #67a6db;
}
.p_heading--colorNewcomer.p_heading--secondary::after{
  background: #ccc;
}
.p_heading--colorNewcomer.p_heading--tertiary{
  border-color: #67a6db;
}
.p_heading--colorCareer.p_heading--secondary::before{
  background: #2b7856;
}
.p_heading--colorCareer.p_heading--secondary::after{
  background: #ccc;
}
.p_heading--colorCareer.p_heading--tertiary{
  border-color: #2b7856;
}
.p_heading--colorStaff.p_heading--secondary::before{
  background: #d7648b;
}
.p_heading--colorStaff.p_heading--secondary::after{
  background: #ccc;
}
.p_heading--colorStaff.p_heading--tertiary{
  border-color: #d7648b;
}
.p_heading--colorTrainer.p_heading--secondary::before{
  background: #42735e;
}
.p_heading--colorTrainer.p_heading--secondary::after{
  background: #ccc;
}
.p_heading--colorTrainer.p_heading--tertiary{
  border-color: #42735e;
}
.p_heading--colorContents.p_heading--secondary::before{
  background: #184d81;
}
.p_heading--colorContents.p_heading--secondary::after{
  background: #ccc;
}
.p_heading--colorContents.p_heading--tertiary{
  border-color: #184d81;
}
.p_heading--colorSales.p_heading--secondary::before{
  background: #901d24;
}
.p_heading--colorSales.p_heading--secondary::after{
  background: #ccc;
}
.p_heading--colorSales.p_heading--tertiary{
  border-color: #901d24;
}
.p_heading--colorSpeciality.p_heading--secondary::before{
  background: #f19548;
}
.p_heading--colorSpeciality.p_heading--secondary::after{
  background: #ccc;
}
.p_heading--colorSpeciality.p_heading--tertiary{
  border-color: #f19548;
}
@media screen and (max-width: 768px){
  .p_heading--secondary > .p_heading__ttl{
    font-size: 16px;
    line-height: 1.4;
  }
}
@media screen and (max-width: 599px){
  .p_heading--secondary{
    padding-left: 0;
  }
}

/* カード */
.p_card{
  padding: 16px;
  border: 2px solid;
  border-radius: 4px;
  color: inherit;
}
.p_card:hover{
  opacity: .7;
}
.p_card__ttl{
  margin-bottom: 16px;
  padding: 0 0 8px 8px;
  border-bottom: 1px solid;
  font-size: 16px;
  line-height: 1.3;
}
.p_card__body{}
.p_card--career{
  border-color: #2b7856;
}
.p_card--career .p_card__ttl{
  color: #2b7856;
}
.p_card--staff{
  border-color: #d7648b;
}
.p_card--staff .p_card__ttl{
  color: #d7648b;
}

/* 募集要項 */
.p_detail{
  table-layout: fixed;
  border-collapse: collapse;
}
.p_detail__cell{
  padding: 8px;
  border: 1px solid;
}
.p_detail__cell--heading{
  width: 160px;
  text-align: center;
  vertical-align: middle;
}
.p_detail__cell--data{}
.p_detail--newcomer{}
.p_detail--newcomer .p_detail__cell--heading{
  background: #67a6db;
  color: #fff;
}
.p_detail--newcomer .p_detail__cell--data{
  border-color: #ccc;
}
.p_detail--contents{}
.p_detail--contents .p_detail__cell--heading{
  background: #184d81;
  color: #fff;
}
.p_detail--contents .p_detail__cell--data{
  border-color: #ccc;
}
.p_detail--sales{}
.p_detail--sales .p_detail__cell--heading{
  background: #901d24;
  color: #fff;
}
.p_detail--sales .p_detail__cell--data{
  border-color: #ccc;
}
.p_detail--speciality{}
.p_detail--speciality .p_detail__cell--heading{
  background: #f19548;
  color: #fff;
}
.p_detail--speciality .p_detail__cell--data{
  border-color: #ccc;
}
@media screen and (max-width: 599px){
  .p_detail,
  .p_detail tbody,
  .p_detail tr,
  .p_detail__cell{
    display: block;
  }
  .p_detail__cell{
    border: none;
  }
  .p_detail__cell--heading{
    width: 100%;
  }
  .p_detail tr{
    border: 1px solid;
  }
  .p_detail tr + tr{
    margin-top: 16px;
  }
  .p_detail--newcomer tr{
    border-color: #67a6db;
  }
  .p_detail--contents tr{
    border-color: #184d81;
  }
  .p_detail--sales tr{
    border-color: #901d24;
  }
  .p_detail--speciality tr{
    border-color: #f19548;
  }
}

/* 応募フロー */
.p_flow{
  display: flex;
  align-items: stretch;
  margin: -8px;
}
.p_flow__item{
  display: flex;
  width: 100%;
  padding: 8px;
}
.p_flow__inner{
  width: 100%;
  border: 1px solid;
}
.p_flow__content{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
}

.p_flow__content--step{
  line-height: 1;
}
.p_flow__content--body{}
.p_flow--gray .p_flow__inner{
  border-color: #ccc;
}
.p_flow--gray .p_flow__content--step{
  background: #ccc;
}
@media screen and (max-width: 599px){
  .p_flow{
    flex-wrap: wrap;
  }
}