@charset "UTF-8";

/*
// rectuit.css
*/


/* ========== 一覧 ========== */

.recruit,
.recruit-detail {
  overflow: hidden;
}

/* line */

.recruit-detail .common__line,
.recruit .common__line {
  top: 60rem;
  height: 20rem;
}

@media screen and (max-width:767px) {
  .recruit .common__line {
    top: 30%;
  }
  .recruit-detail .common__line {
    top: 48%;
  }
}


/* kv */

.recruit__kv{
  margin: 0 0 7rem;
}
.recruit__kv .common__inner{
  padding: 0
}
.recruit__kv .common__pages__kv__title{
  padding: 9rem 0 3rem 6.5rem;
}



/* jobs */

.recruit__jobs{
  margin: 0 0 44rem;
}
.recruit__jobs__list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: auto;
  width: 94rem;
}
.recruit__jobs__list > li{
  background: #fff;
  border:1px solid #1a1a1a;
  margin: 0 0 3rem;
  min-height: 28rem;
  padding: 2.5rem;
  width: 45.8rem;
}
.recruit__jobs__list__title{
  border-bottom:1px solid #1a1a1a;
  font-size:2.6rem;
  margin: 0 0 2rem;
  padding: 0 0 1rem;
}
.recruit__jobs__list__title span{
  display: block;
}
.recruit__jobs__list > li > p{
  font-size:2.2rem;
  margin: 0 0 1.5rem 1rem;
}
.recruit__jobs__list .common__btn__gray{
  font-size:1.734rem;
  height: 6.75272rem;
  width: 23.75233rem;
}
.recruit__jobs__list .common__btn__gray::after{
  height: 3.3524rem;
  width: 3.3524rem;
}



/* ========== 詳細 ========== */


/* kv */

.recruit-detail .recruit__kv{
  margin: 0 0 11.5rem;
}


/* job-detail */

.recruit__job-detail{
  margin: 0 0 16.5rem;
}
.recruit__job-detail__title{
  font-size:2.8rem;
  margin: 0 auto 1em;
  text-align: center;
}
.recruit__job-detail__requirements{
  border:1px solid #1a1a1a;
  margin: auto;
  width:93.6rem;
}
.recruit__job-detail__requirements > dl{
  align-items: center;
  border-bottom:1px solid #1a1a1a;
  display: table;
}
.recruit__job-detail__requirements > dl:last-child{
  border-bottom:none;
}
.recruit__job-detail__requirements > dl > dt{
  background: #f0f0f0;
  display: table-cell;
  font-size: 2.2rem;
  text-align: center;
  vertical-align: middle;
  width: 21.9rem;
}
.recruit__job-detail__requirements > dl > dd{
  background: #fff;
  display: table-cell;
  font-size: 1.8rem;
  line-height: 1.4;
  padding: 3rem 3.5rem;
  width: 71.7rem;
}


/* flow */

.recruit__flow{
  margin-bottom: 10rem;
}
.recruit__flow .common__pages__section-title{
  margin: 0 auto 4rem;

}
.recruit__flow__list{
  display: flex;
  margin: 0 auto 4.5rem;
  justify-content: space-between;
  width: 93.6rem;
}
.recruit__flow__list li{
  align-items: center;
  background: url("../img/recruit/recruit__flow__list--pc.svg") no-repeat center/100% auto;
  display: flex;
  font-size:2.6rem;
  height: 28rem;
  justify-content: center;
  padding: 0 0.7em 0 0;
  width: 15.55702rem;
  writing-mode:vertical-lr;
}
.recruit__flow__list-text{
  font-size:2.2rem;
  text-align: center;
}


/* subpage-footer */
.recruit .subpage-footer__obj {
  display: none;
}


@media screen and (max-width:767px) {

  .design{
    background: url("https://recruit.a-l-c.jp/wp-content/themes/alc/img/recruit/recruit--sp.png") no-repeat top center/75rem auto;
    height: 214.8rem;
    left:0;
    opacity: 0.5;
    position: absolute;
    max-width: 75rem;
    min-width: auto;
    top:0;
    transform: translateX(0%);
    z-index: -1;
  }

  .design-detail{
    background: url("https://recruit.a-l-c.jp/wp-content/themes/alc/img/recruit/recruit_detail--sp.png") no-repeat top center/75rem auto;
    height: 536.4rem;
    left:0;
    opacity: 0.5;
    position: absolute;
    max-width: 75rem;
    min-width: auto;
    top:0;
    transform: translateX(0%);
    z-index: -1;
  }


  /* ========== 一覧 ========== */

  /* kv */

  .recruit__kv{
    margin: 0 0 14.5rem;
  }
  .recruit__kv .common__inner{
    padding: 0
  }
  .recruit__kv .common__pages__kv__title{
    padding: 8.5rem 0 3rem 7.5rem;
  }
  .recruit__kv .common__pages__kv__title__ja{
    margin: 0;
  }


  /* jobs */

  .recruit__jobs{
    margin: 0 0 8rem;
  }
  .recruit__jobs__list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    width: 67.8rem;
  }
  .recruit__jobs__list > li{
    margin: 0 0 5rem;
    min-height: 41.5rem;
    padding: 3.5rem;
    width:100%; 
  }
  .recruit__jobs__list__title{
    font-size:3.84891rem;
    margin: 0 0 2.5rem;
    padding: 0 0 1.5rem;
  }
  .recruit__jobs__list > li > p{
    font-size:3.25677rem;
    margin: 0 0 2.5rem 1rem;
  }
  .recruit__jobs__list .common__btn__gray{
    font-size:2.56693rem;
    height: 9.99638rem;
    width: 35.16175rem;
  }
  .recruit__jobs__list .common__btn__gray::after{
    height: 4.96272rem;
    width: 4.96272rem;
  }


  /* ========== 詳細 ========== */


  /* kv */

  .recruit-detail .recruit__kv{
    margin: 0 0 14.5rem;
  }


  /* job-detail */

  .recruit__job-detail{
    margin: 0 0 16rem;
  }
  .recruit__job-detail__title{
    font-size:3.4rem;
    margin: 0 auto 1em;
    text-align: center;
  }
  .recruit__job-detail__requirements{
    width:67.8rem;
  }
  .recruit__job-detail__requirements > dl{
    display: block;
  }
  .recruit__job-detail__requirements > dl > dt{
    display: block;
    font-size: 2.8rem;
    padding: 0.75em;
    width: 100%;
  }
  .recruit__job-detail__requirements > dl > dd{
    display: block;
    font-size: 2.8rem;
    height: auto;
    line-height: 1.5;
    padding: 3rem 3.5rem;
    width: 100%;
  }


  /* flow */

  .recruit__flow .common__pages__section-title{
    margin: 0 auto 6rem;
  }
  .recruit__flow__list{
    display: block;
    margin: 0 auto 2rem;
    width: 60.6rem;
  }
  .recruit__flow__list li{
    background: url("../img/recruit/recruit__flow__list--sp.svg") no-repeat center/100% auto;
    font-size:3.4rem;
    height: 17.15702rem;
    margin: 0 0 2rem;
    padding: 0 0 0.7em;
    width: 100%;
    writing-mode:horizontal-tb;
  }
  .recruit__flow__list-text{
    font-size:2.2rem;
  }

}