@charset "utf-8";

/* --------------------------------------- */
/* 採用情報　「数字で分かるラクサスマネジメント」ページ
/* --------------------------------------- */


/* メインビジュアル
-------------------------------------------*/
.recUnderMvBl {
  background: url(../img/recruit_data_mv.webp) no-repeat center 0/cover;
}

@media screen and (max-width: 767px) {
  .recUnderMvBl {
    background: url(../img/recruit_data_mv_sp.webp) no-repeat center 0/cover;
  }
}


/*  「創業からの売上推移」
-------------------------------------------*/
.recDataSalesBl {
  padding: 112px 0 120px;
  background-color: #e1eff5;
  color: #1f385a;
  position: relative;
  overflow: hidden;
}

.recDataSalesBl .inner1660 {
  position: relative;
  z-index: 3;
}

.recDataSales_imgwrap {
  max-width: 1026px;
  box-sizing: border-box;
  margin: 3px auto 0;
}

.recDataSales_catch {
  font-size: min(calc((40 / 1200) * 100vw), 40px);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: .1em;
  text-align: center;
  background-color: #1f385a;
  color: #fff;
  margin: 20px auto 0;
  padding: 0 1em 2px;
  max-width: 1026px;
  box-sizing: border-box;
}

.recDataSales_arrow {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .5;
  z-index: 2;
  width: 100%;
}

.js-arrow-D {
  opacity: 0;
  transition: all .5s;
  transform: translate(-70px, 70px);
}

.js-arrow-D.fadein {
  opacity: 1;
  transform: translate(0, 0);
}

.recDataSales_arrow._1 {
  transition-delay: .5s;
}

.recDataSales_arrow._2 {
  transition-delay: .8s;
}

.recDataSales_arrow._3 {
  transition-delay: .7s;
}

.recDataSales_arrow._4 {
  transition-delay: .5s;
}

.recDataSales_arrow._5 {
  transition-delay: .11s;
}

.recDataSales_arrow._6 {
  transition-delay: 1.5s;
}

.recDataSales_arrow._7 {
  transition-delay: 1.7s;
}

.recDataSales_arrow._8 {
  transition-delay: 1.6s;
}


@media screen and (max-width:1720px) {
  .recDataSales_arrow {
    bottom: 0;
  }

  .recDataSales_arrow img {
    width: auto;
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .recDataSalesBl {
    padding: calc((108 / 750) * 100vw) 0;
  }

  .recDataSales_imgwrap {
    margin: calc((40 / 750) * 100vw) auto 0;
  }

  .recDataSales_catch {
    font-size: calc((42 / 750) * 100vw);
    margin: calc((30 / 750) * 100vw) auto 0;
    padding: calc((8 / 750) * 100vw) .5em calc((12 / 750) * 100vw);
  }
}


/*  データリスト
-------------------------------------------*/
.recDataListsBl {
  padding: 120px 0;
  color: #1f385a;
  position: relative;
  overflow: hidden;
}

.recDataLists_ul {
  display: flex;
  flex-wrap: wrap;
}

.recDataLists_ul>li {
  width: 30.5%;
  min-height: min(calc((300 / 1500) * 100vw), 300px);
  box-sizing: border-box;
  margin-right: 4.25%;
  position: relative;
  background-color: #e1eff5;
  border-radius: min(calc((20 / 1500) * 100vw), 20px);
  padding: min(calc((45 / 1500) * 100vw), 45px) 0 min(calc((10 / 1500) * 100vw), 10px);
}

.recDataLists_ul li:nth-child(3n+3) {
  margin-right: 0;
}

.recDataLists_ul li:nth-child(n+4) {
  margin-top: 6.1%;
}

.recDataLists_ul_tit {
  background-color: #66b9d6;
  border-radius: 9999px;
  color: #fff;
  text-align: center;
  line-height: 1.4;
  font-size: min(calc((24 / 1500) * 100vw), 24px);
  font-weight: 700;
  letter-spacing: .1em;
  position: absolute;
  top: -1.1em;
  left: 0;
  right: 0;
  width: 81.0%;
  height: fit-content;
  box-sizing: border-box;
  margin: auto;
  padding: .51em 1em .61em 1em;
}

.recDataLists_ul_imgwrap img {
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
}

.recDataLists_ul>li.setsuritsu .recDataLists_ul_imgwrap img {
  width: min(calc((128 / 1500) * 100vw), 405px);
}

.recDataLists_ul>li.uriagedaka .recDataLists_ul_imgwrap img {
  width: min(calc((120 / 1500) * 100vw), 405px);
}

.recDataLists_ul>li.shainsu .recDataLists_ul_imgwrap img,
.recDataLists_ul>li.heikinnenrei .recDataLists_ul_imgwrap img {
  width: min(calc((405 / 1500) * 100vw), 405px);
  margin: min(calc((15 / 1500) * 100vw), 15px) auto 0;
}

.recDataLists_ul>li.danzyohi .recDataLists_ul_imgwrap img {
  width: min(calc((253 / 1500) * 100vw), 253px);
  margin: min(calc((18 / 1500) * 100vw), 18px) auto 0;
}

.recDataLists_ul>li.shinsotsu-chuto .recDataLists_ul_imgwrap img {
  width: min(calc((295 / 1500) * 100vw), 295px);
  margin: min(calc((18 / 1500) * 100vw), 18px) auto 0;
}

.recDataLists_ul>li.kanrishoku .recDataLists_ul_imgwrap img {
  width: min(calc((108 / 1500) * 100vw), 405px);
}

.recDataLists_ul>li.kyujitsu .recDataLists_ul_imgwrap img {
  width: min(calc((102 / 1500) * 100vw), 405px);
}

.recDataLists_ul>li.zangyojikan .recDataLists_ul_imgwrap img {
  width: min(calc((106 / 1500) * 100vw), 405px);
}

.recDataLists_ul_txtwrap {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-top: min(calc((5 / 1500) * 100vw), 5px);
}

.recDataLists_ul>li.shainsu .recDataLists_ul_txtwrap,
.recDataLists_ul>li.heikinnenrei .recDataLists_ul_txtwrap {
  margin-top: min(calc((15 / 1500) * 100vw), 15px);
}

.recDataLists_ul>li.danzyohi .recDataLists_ul_txtwrap {
  display: flex;
  justify-content: center;
  margin-top: min(calc((15 / 1500) * 100vw), 15px);
  gap: min(calc((20 / 1500) * 100vw), 20px);
}

.recDataLists_ul>li.shinsotsu-chuto .recDataLists_ul_txtwrap {
  display: flex;
  justify-content: center;
  margin-top: min(calc((30 / 1500) * 100vw), 30px);
  white-space: nowrap;
}

.recDataLists_ul_txtwrap_num {
  font-family: "Roboto Condensed";
  font-weight: 700;
  font-size: min(calc((140 / 1500)* 100vw), 140px);
  letter-spacing: .01em;
  line-height: 1;
}

.recDataLists_ul>li.danzyohi .recDataLists_ul_txtwrap_num {
  font-size: min(calc((90 / 1500)* 100vw), 90px);
}

.recDataLists_ul>li.shinsotsu-chuto .recDataLists_ul_txtwrap_num {
  font-size: min(calc((65 / 1500) * 100vw), 65px);
  letter-spacing: 0;
}

.recDataLists_ul_txtwrap_unit {
  font-weight: 700;
  font-size: min(calc((40 / 1500) * 100vw), 40px);
  letter-spacing: 0;
  line-height: 1;
  padding-left: .1em;
  position: relative;
  top: -.5em;
}

.recDataLists_ul>li.danzyohi .recDataLists_ul_txtwrap_unit,
.recDataLists_ul>li.shinsotsu-chuto .recDataLists_ul_txtwrap_unit {
  font-size: min(calc((38 / 1500) * 100vw), 38px);
  position: relative;
  top: -.05em;
  padding-left: 0;
}

.recDataLists_ul_txtwrap_chuki {
  font-weight: 700;
  font-size: min(calc((20 / 1500) * 100vw), 20px);
  letter-spacing: 0;
  line-height: 1;
  padding-left: .8em;
  position: relative;
  top: -1em;
}

.recDataLists_ul_txtwrap_coron {
  font-weight: 700;
  font-size: min(calc((70 / 1500) * 100vw), 70px);
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  position: relative;
  top: -.2em;
}

.recDataLists_ul>li.shinsotsu-chuto .recDataLists_ul_txtwrap_coron {
  font-size: min(calc((66 / 1500) * 100vw), 66px);
  margin: 0 -.2em;
}


@media screen and (max-width: 767px) {
  .recDataListsBl {
    padding: calc((108 / 750) * 100vw) 0;
  }

  .recDataLists_ul {
    display: block;
    flex-wrap: wrap;
  }

  .recDataLists_ul>li {
    width: auto;
    margin-right: 0;
    min-height: calc((340 / 750) * 100vw);
    border-radius: calc((20 / 750) * 100vw);
    padding: calc((70 / 750) * 100vw) 0 calc((20 / 750) * 100vw);
  }

  .recDataLists_ul li:nth-child(n+2) {
    margin-top: calc((80 / 750) * 100vw);
  }

  .recDataLists_ul>li.setsuritsu .recDataLists_ul_imgwrap img {
    width: calc((160 / 750) * 100vw);
  }

  .recDataLists_ul>li.uriagedaka .recDataLists_ul_imgwrap img {
    width: calc((144 / 750) * 100vw);
  }

  .recDataLists_ul>li.shainsu .recDataLists_ul_imgwrap img,
  .recDataLists_ul>li.heikinnenrei .recDataLists_ul_imgwrap img {
    width: calc((640 / 750) * 100vw);
    margin: calc((0 / 750) * 100vw) auto 0;
  }

  .recDataLists_ul>li.shinsotsu-chuto .recDataLists_ul_imgwrap img {
    width: calc((390 / 750) * 100vw);
    margin: calc((0 / 750) * 100vw) auto 0;
  }

  .recDataLists_ul>li.danzyohi .recDataLists_ul_imgwrap img {
    width: calc((350 / 750) * 100vw);
    margin: calc((-5 / 750) * 100vw) auto 0;
  }

  .recDataLists_ul>li.kanrishoku .recDataLists_ul_imgwrap img {
    width: calc((132 / 750) * 100vw);
  }

  .recDataLists_ul>li.kyujitsu .recDataLists_ul_imgwrap img {
    width: calc((124 / 750) * 100vw);
  }

  .recDataLists_ul>li.zangyojikan .recDataLists_ul_imgwrap img {
    width: calc((130 / 750) * 100vw);
  }

  .recDataLists_ul_tit {
    font-size: calc((34 / 750) * 100vw);
    top: -1.2em;
    width: calc((540 / 750) * 100vw);
    padding: .51em 1em .61em 1em;
  }

  .recDataLists_ul_txtwrap {
    margin-top: calc((10 / 750) * 100vw);
  }

  .recDataLists_ul>li.shainsu .recDataLists_ul_txtwrap,
  .recDataLists_ul>li.heikinnenrei .recDataLists_ul_txtwrap {
    margin-top: calc((-20 / 750) * 100vw);
  }

  .recDataLists_ul_txtwrap_num {
    font-size: calc((168 / 750) * 100vw);
  }

  .recDataLists_ul>li.shinsotsu-chuto .recDataLists_ul_txtwrap_num {
    font-size: calc((128 / 750) * 100vw);
  }

  .recDataLists_ul>li.danzyohi .recDataLists_ul_txtwrap_num {
    font-size: calc((128 / 750) * 100vw);
  }

  .recDataLists_ul_txtwrap_unit {
    font-size: calc((48 / 750) * 100vw);
  }

  .recDataLists_ul>li.danzyohi .recDataLists_ul_txtwrap_unit,
  .recDataLists_ul>li.shinsotsu-chuto .recDataLists_ul_txtwrap_unit {
    font-size: calc((45 / 750) * 100vw);
    position: relative;
    top: -.05em;
    padding-left: 0;
  }

  .recDataLists_ul_txtwrap_chuki {
    font-size: calc((24 / 750) * 100vw);
    letter-spacing: .05em;
  }

  .recDataLists_ul_txtwrap_coron {
    font-size: calc((100 / 750) * 100vw);
  }

  .recDataLists_ul>li.shinsotsu-chuto .recDataLists_ul_txtwrap_coron {
    font-size: calc((100 / 750) * 100vw);
    margin: 0 -.1em;
  }
}