@charset "utf-8";

/* --------------------------------------- */
/* 採用情報　「ラクサスが大切にする理念経営について」ページ
/* --------------------------------------- */


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

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



/*  「理念経営とは？」
-------------------------------------------*/
.recPoclicyAboutBl {
  padding: 108px 0 58px;
  background-color: #e1eff5;
  color: #1f385a;
  position: relative;
}

.recPoclicyAbout_inner {
  overflow: hidden;
}

.recPoclicyAbout_txtwrap {
  margin: 0 0 0 2.3%;
}

.recPoclicyAbout_imgwrap {
  float: right;
  width: 47.8%;
  margin: 0 0 5% 2%;
}

.recPoclicyAbout_inner .recUnder-third-tit {
  margin-top: min(calc((18 / 1200) * 100vw), 18px);
}


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

  .recPoclicyAbout_inner {
    padding: 0 15px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .recPoclicyAbout_txtwrap {
    margin: 0;
  }

  .recPoclicyAbout_imgwrap {
    float: none;
    width: 100%;
    box-sizing: border-box;
    margin: calc((45 / 750) * 100vw) 0 0;
  }

}



/*  「なぜ理念経営にこだわるのか」
-------------------------------------------*/
.recPoclicyWhyBl {
  padding: 108px 0 116px;
  color: #1f385a;
}

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









/*  「お客様の暮らしをラクにする」
-------------------------------------------*/
.recWhatRakuBl {
  padding: 100px 0 153px;
  background-color: #e1eff5;
  color: #1f385a;
  position: relative;
}

.recWhatRakuBl .inner1660 {
  overflow: hidden;
}

section+.in-page-anchor+section.recWhatRakuBl {
  margin-top: -25px;
}

.recWhatRaku_txtwrap {
  margin: 0 0 0 6.3%;
}

.recWhatRaku_tit {
  font-size: min(calc((40 / 1200) * 100vw), 40px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .2em;
  white-space: nowrap
}

.recWhatRaku_tit_l {
  font-size: min(calc((60 / 1200) * 100vw), 60px);
}

.recWhatRaku_subTit {
  font-size: min(calc((30 / 1200) * 100vw), 30px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .1em;
  margin-top: 34px;
}

.recWhatRaku_desc {
  font-size: min(calc((20 / 1200) * 100vw), 20px);
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: .1em;
  margin-top: 12px;
}

.recWhatRaku_imgwrap {
  float: right;
  width: 48.15%;
  margin: 1.2% 0 5% 3%;
}

.recWhatRaku_whatwedo {
  font-family: "Roboto Condensed";
  font-weight: 700;
  color: #66b9d6;
  font-size: min(calc((308 / 1700) * 100vw), 308px);
  text-align: center;
  line-height: 1;
  white-space: nowrap;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -.16em;
  margin: auto;
  width: fit-content;
  height: fit-content;
  z-index: -1;
  opacity: 0.3;
}


@media screen and (max-width: 1200px) {
  .recWhatRaku_txtwrap {
    margin: 0;
  }
}


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

  .recWhatRakuBl .inner1660 {
    overflow: inherit;
  }

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

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

  .recWhatRaku_subTit {
    font-size: calc((33 / 750) * 100vw);
    margin-top: calc((35 / 750) * 100vw);
  }

  .recWhatRaku_desc {
    font-size: calc((26 / 750) * 100vw);
    margin-top: calc((28 / 750) * 100vw);
  }

  .recWhatRakuBl .inner1660 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }

  .recWhatRaku_imgwrap {
    float: none;
    width: calc((690 / 750) * 100vw);
    margin: calc((45 / 750) * 100vw) 0 0;
  }

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

}


/*  「夢」エリア
-------------------------------------------*/
.recWhatDreamBl {
  color: #1f385a;
  position: relative;
  height: calc((1025/1700)*100vw);
  overflow: hidden;
}

.recWhatDreamBl .inner1660 {
  position: relative;
  height: 100%;
  box-sizing: border-box;
}

.recWhatDream_ul {}

.recWhatDream_ul>li {
  position: absolute;
  z-index: 3;
  ;

  animation: floating-y 3s ease-in-out infinite alternate-reverse;
}

@keyframes floating-y {
  0% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(-20px);
  }
}

.recWhatDream_ul>li:nth-child(1) {
  width: min(calc((347 / 1700) * 100vw), 347px);
  top: 16%;
  left: 14%;
}

.recWhatDream_ul>li:nth-child(2) {
  width: min(calc((344 / 1700) * 100vw), 344px);
  top: 19.8%;
  left: 39.5%;
  animation: floating-y 3.5s ease-in-out infinite alternate-reverse;
}

.recWhatDream_ul>li:nth-child(3) {
  width: min(calc((342 / 1700) * 100vw), 342px);
  top: 13.8%;
  left: 65.5%;
  animation: floating-y 4.5s ease-in-out infinite alternate-reverse;
}

.recWhatDream_ul_inner {
  position: relative;
}

.recWhatDream_ul_tit {
  font-size: min(calc((20 / 1500) * 100vw), 20px);
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .1em;
  text-align: center;
  text-shadow: -3px -3px 0 #fff, 0px -3px 0 #fff, 3px -3px 0 #fff, -3px 0px 0 #fff, 3px 0px 0 #fff, -3px 3px 0 #fff, 0px 3px 0 #fff, 3px 3px 0 #fff;
  /* text-shadow: -1px -1px 0 #fff, 0px -1px 0 #fff, 1px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, -1px 1px 0 #fff, 0px 1px 0 #fff, 1px 1px 0 #fff; */
  position: absolute;
  white-space: nowrap;
}

body.ipad .recWhatDream_ul_tit,
body.iPad .recWhatDream_ul_tit {
  text-shadow: -1px -1px 0 #fff, 0px -1px 0 #fff, 1px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, -1px 1px 0 #fff, 0px 1px 0 #fff, 1px 1px 0 #fff
}

.recWhatDream_ul>li:nth-child(1) .recWhatDream_ul_tit {
  top: -12%;
  left: -1%;
}

.recWhatDream_ul>li:nth-child(2) .recWhatDream_ul_tit {
  top: -6%;
  left: 29%;
}

.recWhatDream_ul>li:nth-child(3) .recWhatDream_ul_tit {
  top: -11%;
  left: 42%;
}

.recWhatDream_tit {
  font-size: min(calc((30 / 1700) * 100vw), 30px);
  font-weight: 700;
  line-height: 2;
  letter-spacing: .2em;
  text-align: center;
  position: absolute;
  top: min(calc((563 / 1700) * 100vw), 563px);
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  height: fit-content;
}

.recWhatDream_arrow {
  position: absolute;
  bottom: 4px;
  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);
}

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) {
  .recWhatDreamBl {
    height: calc((1484 / 750) * 100vw);
  }

  .recWhatDream_ul_tit {
    font-size: calc((22 / 750) * 100vw);
    line-height: 1.72;
    text-shadow: -1px -1px 0 #fff, 0px -1px 0 #fff, 1px -1px 0 #fff, -1px 0px 0 #fff, 1px 0px 0 #fff, -1px 1px 0 #fff, 0px 1px 0 #fff, 1px 1px 0 #fff;
    position: absolute;
  }

  .recWhatDream_ul>li {
    /* animation: none !important; */
  }

  .recWhatDream_ul>li:nth-child(1) {
    width: calc((343 / 750) * 100vw);
    top: 13.2%;
    left: 5%;
  }

  .recWhatDream_ul>li:nth-child(2) {
    width: calc((340 / 750) * 100vw);
    top: 25.3%;
    left: 51.2%;
  }

  .recWhatDream_ul>li:nth-child(3) {
    width: calc((339 / 750) * 100vw);
    top: 45.7%;
    left: 11%;
  }

  .recWhatDream_ul>li:nth-child(1) .recWhatDream_ul_tit {
    top: -24%;
    left: -3%;
  }

  .recWhatDream_ul>li:nth-child(2) .recWhatDream_ul_tit {
    top: 3%;
    left: 47%;
  }

  .recWhatDream_ul>li:nth-child(3) .recWhatDream_ul_tit {
    top: -7%;
    left: 2%;
  }

  .recWhatDream_tit {
    font-size: calc((30 / 750) * 100vw);
    top: calc((1010 / 750) * 100vw);
  }


}