@charset "UTF-8";

body {
  background: #FCF7ED;
}

/*--------------------------------------------
kv
--------------------------------------------*/
.h-kv {
  position: relative;
  padding-top: 160px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-kv {
    padding-top: 26.133vw;
  }
}

/* ph */
.h-kv__ph {
  margin: 0 0 0 21.406%;
  width: 72.343vw;
  height: 43.75vw;
  position: relative;
  overflow: hidden;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-kv__ph {
    margin: 0 0 0 12%;
    width: 88%;
    height: 141.333vw;
  }
}

.h-kv__ph li {
  width: 72.343vw;
  height: 43.75vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-kv__ph li {
    width: 88vw;
    height: 141.333vw;
  }
}

.h-kv__ph li img {
  width: 110%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-kv__ph li img {
    width: auto;
    height: 100%;
  }

  .h-kv__ph li img.h-kv__ph__01 {
    margin-left: -49.066vw;
  }

  .h-kv__ph li img.h-kv__ph__02 {
    margin-left: -49.066vw;
  }

  .h-kv__ph li img.h-kv__ph__03 {
    margin-left: -49.066vw;
  }

  .h-kv__ph li img.h-kv__ph__04 {
    margin-left: -49.066vw;
  }
}

/* txt_01 */
.h-kv__txt_01 {
  width: 14.14%;
  position: absolute;
  top: 100px;
  left: 46.484%;
  opacity: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-kv__txt_01 {
    width: 23.33vw;
    top: 38.4vw;
    right: 4vw;
    left: auto;
  }
}

/* txt_02 */
.h-kv__txt_02 {
  font-family: 'Sansita', sans-serif;
  font-weight: 900;
  font-size: 9.156vw;
  line-height: 1.229em;
  position: absolute;
  top: 10vw;
  left: 4.843%;
}

/********* sp *********/
@media only screen and (max-width:750px) {
  .h-kv__txt_02 {
    font-size: 15.7vw;
    top: 46.026vw;
    left: 4vw;
  }
}

/* img */
.h-kv__img {
  width: 148px;
  position: absolute;
  right: 1.875%;
  bottom: 1.875vw;
  opacity: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-kv__img {
    width: 29.333vw;
    right: 2.666vw;
    bottom: -3.666vw;
  }
}

/* btn */
.h-kv__btn {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 4.843%;
  width: 25vw;
  height: 4.14vw;
  border-radius: 100px;
  background: rgba(0, 89, 68, 1) url(/recruit/assets/images/arrow_w.svg) no-repeat;
  background-position: right 24px center;
  background-size: 15px;
  color: #fff;
  font-size: 1.171vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 0 0 0 35px;
  box-shadow: 2px 3px 0 0 rgba(0, 0, 0, 0.9);
  transition: 0.2s ease-in-out;
  opacity: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-kv__btn {
    bottom: -3.6vw;
    left: 2.666vw;
    width: 58vw;
    height: 16.533vw;
    background-position: right 3.8vw center;
    background-size: 4vw;
    color: #fff;
    font-size: 3.466vw;
    line-height: 1.6em;
    padding: 0 0 0 6.5vw;
    box-shadow: 0.8vw 1.06vw 0 0 rgba(0, 0, 0, 0.9);
  }
}

/* btn 02 */
.h-kv__btn_02 {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 5.5vw;
  left: 4.843%;
  width: 25vw;
  height: 10.7vw;
  border-radius: 10px;
  background: rgba(0,0,0,0.6) url(/recruit/assets/images/home/kv_btn_integration_inform.jpg) center no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 1.33vw;
  font-weight: 700;
  letter-spacing: 0.06em;
  line-height: 2em;
  box-shadow: 3px 3px 0 0 rgba(0, 89, 68, 0.9);
  transition: 0.2s ease-in-out;
  opacity: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-kv__btn_02 {
    bottom: 15vw;
    left: 2.666vw;
    width: 58vw;
    height: 25.6vw;
    color: #fff;
    font-size: 3.466vw;
    line-height: 1.6;
    box-shadow: 0.8vw 1.06vw 0 0 rgba(0, 89, 68, 0.9);
    padding: 2% 0 0 0;
  }
}

.h-kv__btn_02::before {
  content: "";
  position: absolute;
  top: 12%;
  left: 43.75%;
  width: 12.5%;
  height: 8%;
  background: url(/recruit/assets/images/home/kv_ico_new.svg) no-repeat;
  background-size: cover;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-kv__btn_02::before {
    top: 14%;
    left: 43.75%;
    width: 13.2%;
    height: 9.4%;
  }
}
.h-kv__btn_02::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 3%;
  width: 32.9%;
  height: 55.4%;
  background: url(/recruit/assets/images/home/kv_ill_integration_inform.svg) no-repeat;
  background-size: cover;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-kv__btn_02::after {
    right: 9%;
    width: 25.9%;
    height: 47.9%;
  }
}

/* nav */
.h-kv__nav {
  position: absolute;
  top: 130px;
  right: 39px;
  opacity: 0;
}

.h-kv__nav li {
  margin-top: 17px;
}

.h-kv__nav li:first-child {
  margin-top: 0;
}

.h-kv__nav li a {
  display: block;
}

.h-kv__nav__en {
  display: block;
  font-family: 'Sansita', sans-serif;
  font-weight: 900;
  font-size: 18px;
}

.h-kv__nav__jp {
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.4em;
  margin-top: 5px;
}


/*--------------------------------------------
wrap
--------------------------------------------*/
.wrap {
  width: 100%;
}

/*--------------------------------------------
content
--------------------------------------------*/
.h-contents {
  width: 100%;
  position: relative;
  margin-top: 7.5vw;
}

/* fixed txt */
.h-content__fixed__txt {
  width: 35px;
  position: sticky;
  top: 40%;
  left: 95.625%;
  z-index: 50;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-content__fixed__txt {
    display: none;
  }
}


/*--------------------------------------------
message
--------------------------------------------*/
.h-message_map {
  width: 35.937vw;
  position: absolute;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_map {
    width: 87.733vw;
    top: 5vw;
    left: 0;
    right: 0;
    margin: auto;
  }
}

.h-message_bgtxt {
  width: 27.421vw;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_bgtxt {
    width: 45.95vw;
    position: sticky;
    left: 54.05vw;
  }
}

.h-message_txt {
  width: 35.156vw;
  margin-left: 50vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_txt {
    width: 100%;
    margin: 0;
    padding-bottom: 20vw;
  }
}

.h-message_txt__heading {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  font-size: 26px;
  line-height: 1.3em;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_txt__heading {
    display: block;
    width: 100%;
    font-size: 5.3vw;
    text-align: center;
    padding-top: 50vw;
  }
}

.h-message_txt__sentence {
  font-size: 15px;
  line-height: 2.1em;
  letter-spacing: 0.1em;
  margin-top: 2em;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_txt__sentence {
    font-size: 4vw;
    margin-top: 2em;
    padding: 0 8vw;
  }
}

.h-message_ph {
  position: relative;
  height: 141.458vw;
  margin-top: 20vw;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph {
    height: 301.5vw;
    margin-top: 17.07vw;
  }
}

.h-message_ph__01 {
  width: 39.270vw;
  position: absolute;
  top: 0;
  left: 3.541vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph__01 {
    width: 50vw;
    top: 0;
    left: 5.12vw;
  }
}

.h-message_ph__02 {
  width: 28.125vw;
  position: absolute;
  top: 14.687vw;
  left: 47.864vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph__02 {
    width: 21.333vw;
    top: 163.813vw;
    left: 5.12vw;
  }
}

.h-message_ph__03 {
  width: 18.082vw;
  position: absolute;
  top: 0;
  left: 78.437vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph__03 {
    width: 38.133vw;
    top: 14.687vw;
    left: auto;
    right: 0;
  }
}

.h-message_ph__04 {
  width: 16.979vw;
  position: absolute;
  top: 18.385vw;
  right: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph__04 {
    width: 25.65vw;
    top: 57.066vw;
    right: 4.16vw;
  }
}

.h-message_ph__05 {
  width: 51.354vw;
  position: absolute;
  top: 37.708vw;
  left: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph__05 {
    width: 65.066vw;
    top: 52.8vw;
    left: 0;
  }
}

.h-message_ph__06 {
  width: 38.802vw;
  position: absolute;
  top: 41.927vw;
  right: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph__06 {
    width: 67.453vw;
    top: 158.6vw;
    right: 0;
  }
}

.h-message_ph__07 {
  width: 23.333vw;
  position: absolute;
  top: 77.135vw;
  left: 4.583vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph__07 {
    width: 39.2vw;
    top: 104.026vw;
    left: 5.12vw;
  }
}

.h-message_ph__08 {
  width: 23.177vw;
  position: absolute;
  top: 99.322vw;
  left: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph__08 {
    width: 26.55vw;
    top: 138.24vw;
    left: 0;
  }
}

.h-message_ph__09 {
  width: 40.364vw;
  position: absolute;
  top: 79.635vw;
  left: 32.916vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph__09 {
    width: 63.522vw;
    top: 259vw;
    left: 30.933vw;
  }
}

.h-message_ph__10 {
  width: 19.218vw;
  position: absolute;
  top: 73.322vw;
  right: 3.489vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph__10 {
    width: 29.8vw;
    top: 87.626vw;
    right: 0;
  }
}

.h-message_ph__11 {
  width: 21.302vw;
  position: absolute;
  top: 90.677vw;
  right: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph__11 {
    width: 50vw;
    top: 116.373vw;
    right: 0;
  }
}

.h-message_ph__12 {
  width: 30.312vw;
  position: absolute;
  bottom: 0;
  left: 12.5vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph__12 {
    width: 50vw;
    top: 211.013vw;
    bottom: auto;
    left: 0;
  }
}


.h-message_ph__13 {
  width: 43.177vw;
  position: absolute;
  bottom: 0;
  right: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-message_ph__13 {
    width: 32vw;
    bottom: auto;
    top: 227.68vw;
    right: 5.546vw;
  }
}



/*--------------------------------------------
CHANGE
--------------------------------------------*/
.h-change {
  position: relative;
  margin-top: 10vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change {
    overflow: hidden;
    padding-bottom: 63.466vw;
    margin-top: 15vw;
  }
}

/* h2 */
.h-change__heading_h2 {
  width: 47.656vw;
  position: absolute;
  top: 0;
  left: 1.875vw;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change__heading_h2 {
    width: 20.45vw;
    position: absolute;
    top: 0;
    left: -4.8vw;
  }
}

/* kv */
.h-change__kv {
  width: 87.5vw;
  position: absolute;
  top: 8.125vw;
  left: 6.25vw;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change__kv {
    width: 84vw;
    position: absolute;
    top: 13.066vw;
    left: 0;
    right: 0;
    margin: auto;
  }
}

/* bg */
.h-change__bg {
  width: 31.875vw;
  position: absolute;
  top: 49.843vw;
  left: 8.125vw;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change__bg {
    width: 110vw;
    position: absolute;
    top: auto;
    bottom: 0;
    left: -5vw;
  }
}

.h-change__cnt {
  width: 448px;
  margin: 0 10.546% 0 auto;
  padding-top: 16.5vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change__cnt {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
  }
}

/* h3 */
.h-change__heading_h3 {
  font-size: 48px;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  padding-bottom: 48px;
  position: relative;
  margin-bottom: 4.921vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change__heading_h3 {
    font-size: 8vw;
    padding-bottom: 8.533vw;
    margin: 0 0 71.466vw 39.2vw;
  }
}

.h-change__heading_h3::before {
  content: "";
  width: 64px;
  height: 7px;
  background: #191919;
  position: absolute;
  left: 0;
  bottom: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change__heading_h3::before {
    width: 10.933vw;
    height: 1.066vw;
  }
}

/* h4 */
.h-change__cnt__heading_h4 {
  font-family: 'Sansita', sans-serif;
  font-weight: 900;
  font-size: 40px;
  line-height: 1.2em;
  white-space: nowrap;
  padding-bottom: 7px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change__cnt__heading_h4 {
    font-size: 8.533vw;
    margin-left: 8vw;

  }
}

.h-change__cnt__heading_h4.-second {
  margin-top: 35px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change__cnt__heading_h4.-second {
    margin-top: 8.533vw;
  }
}

/* btn */
.h-change__cnt__btn {
  display: block;
  width: 100%;
  height: 144px;
  background: #fff url(/recruit/assets/images/arrow_bl.svg) no-repeat;
  background-position: center right 27px;
  background-size: 15px;
  display: flex;
  align-items: center;
  padding: 0 32px;
  margin-top: 8px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change__cnt__btn__bg {
    width: 84vw;
    margin: 4.266vw auto 0 auto;
  }

  .h-change__cnt__btn {
    height: 37.6vw;
    background: #fff url(/recruit/assets/images/arrow_bl.svg) no-repeat;
    background-position: center right 4vw;
    background-size: 4vw;
    padding: 0 10vw 0 4vw;
  }
}

.h-change__cnt__btn__txt_01 {
  font-size: 12px;
  font-weight: 700;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change__cnt__btn__txt_01 {
    font-size: 3.2vw;
  }
}

.h-change__cnt__btn__txt_01 span {
  font-size: 12px;
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change__cnt__btn__txt_01 span {
    font-size: 3.2vw;
  }
}

.h-change__cnt__btn__txt_02 {
  font-size: 18px;
  line-height: 1.7em;
  font-weight: 700;
  margin-top: 12px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change__cnt__btn__txt_02 {
    font-size: 4.533vw;
    margin-top: 4.266vw;
  }
}


/*--------------------------------------------
ABOUT
--------------------------------------------*/
.h-about {
  position: relative;
  margin-top: 14vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-about {
    overflow: hidden;
    margin-top: 6.4vw;
  }
}

/* kv */
.h-about__kv {
  width: 61.25vw;
  position: absolute;
  top: 16.328vw;
  right: 6.25vw;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-about__kv {
    width: 92vw;
    top: 44.266vw;
    right: 0vw;
  }
}

/* bg */
.h-about__bg {
  width: 37.343vw;
  position: absolute;
  top: 37.734vw;
  left: 1.718vw;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-about__bg {
    width: 53.333vw;
    top: 92.533vw;
    left: -6.933vw;
  }
}

.h-about__cnt {
  width: 448px;
  margin-left: 6.26vw;
  padding-bottom: 57.81vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-about__cnt {
    width: 84vw;
    margin:  0 auto;
    padding-bottom: 38.5vw;
  }
}

/* h3 */
.h-about__heading_h3 {
  font-size: 48px;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  padding-bottom: 48px;
  position: relative;
  margin-bottom: 65px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-about__heading_h3 {
    font-size: 8vw;
    padding-bottom: 8.533vw;
    margin-bottom: 95.733vw;
  }
}

.h-about__heading_h3::before {
  content: "";
  width: 64px;
  height: 7px;
  background: #191919;
  position: absolute;
  left: 0;
  bottom: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-about__heading_h3::before {
    width: 10.933vw;
    height: 1.066vw;
  }
}

/* btn */
.h-about__cnt__btn {
  display: block;
  width: 100%;
  height: 79px;
  background: #fff url(/recruit/assets/images/arrow_bl.svg) no-repeat;
  background-position: center right 27px;
  background-size: 15px;
  display: flex;
  align-items: center;
  padding-left: 32px;
  margin-top: 8px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-about__cnt__btn {
    height: 21.6vw;
    background: #fff url(/recruit/assets/images/arrow_bl.svg) no-repeat;
    background-position: center right 4vw;
    background-size: 4vw;
    padding-left: 4vw;
    margin-top: 4.266vw;
  }
}

.h-about__cnt__btn__txt {
  font-size: 17px;
  font-weight: 500;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-about__cnt__btn__txt {
    font-size: 4.533vw;
    font-weight: 700;
  }
}

.h-about__ph_01 {
  width: 23.437vw;
  position: absolute;
  bottom: 0;
  right: 37.5vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-about__ph_01 {
    width: 38.933vw;
    right: auto;
    left: 0;
  }
}

.h-about__ph_02 {
  width: 32.5vw;
  position: absolute;
  bottom: 7.656vw;
  right: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-about__ph_02 {
    width: 48.8vw;
    bottom: 12.8vw;
    z-index: -1;
  }
}

/*--------------------------------------------
WORKS
--------------------------------------------*/
.h-works {
  position: relative;
  margin-top: 12.734vw;
  background: #005944 url(/recruit/assets/images/home/works_bg.png) no-repeat;
  background-size: 49.843vw;
  background-position: left -2.656vw bottom 16vw;
  padding-bottom: 15.625vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works {
    position: relative;
    margin-top: 12.734vw;
    background: #005944 url(/recruit/assets/images/home/works_bg.png) no-repeat;
    background-size: 133.333vw;
    background-position: left -7.466vw bottom 0;
    padding-bottom: 84.8vw;
    overflow: hidden;
  }
}

/* h2 */
.h-works__heading_h2 {
  width: 11.484vw;
  position: absolute;
  top: 0;
  right: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__heading_h2 {
    width: 16.512vw;
    position: absolute;
    top: 17.226vw;
    right: -4.533vw;
  }
}

/* h3 */
.h-works__heading_h3 {
  margin-left: 6.25vw;
  padding-top: 8vw;
  font-size: 48px;
  line-height: 1.8em;
  padding-bottom: 48px;
  letter-spacing: 0.1em;
  position: relative;
  color: #fff;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__heading_h3 {
    margin-left: 8vw;
    padding-top: 17.6vw;
    font-size: 8vw;
    padding-bottom: 8.533vw;
  }
}

.h-works__heading_h3::before {
  content: "";
  width: 64px;
  height: 7px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__heading_h3::before {
    width: 10.933vw;
    height: 1.066vw;
  }
}

.h-works__cnt {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 87.5vw;
  margin: 65px auto 0 auto;
  position: relative;
  z-index: 1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__cnt {
    display: block;
    width: 92vw;
    margin: 17.066vw auto 0 auto;
  }
}

.h-works__cnt__inner_01 {
  background: #fff;
  padding: 52px 2.8vw 68px 3.281vw;
  width: 28.125vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__cnt__inner_01 {
    padding: 17.066vw 8vw 15vw 8vw;
    width: 100%;
  }
}

.h-works__cnt__inner_02 {
  background: #fff;
  padding: 52px 3.75vw 68px 3.75vw;
  width: 55.859vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__cnt__inner_02 {
    padding: 17.066vw 8vw 15vw 8vw;
    width: 100%;
    margin-top: 4vw;
  }
}

/* h4 */
.h-works__heading_h4 {
  font-family: 'DM Sans', sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 1.3em;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__heading_h4 {
    font-size: 8.533vw;
  }
}

/* btn */
.h-works__cnt__inner_01__btn {
  display: block;
  width: 20.625vw;
  height: 79px;
  background: #fff url(/recruit/assets/images/arrow_bl.svg) no-repeat;
  background-position: center right 27px;
  background-size: 15px;
  display: flex;
  align-items: center;
  padding-left: 32px;
  margin-top: 76px;
  border: solid 1px #191919;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__cnt__inner_01__btn {
    width: 100%;
    height: 21.066vw;
    background: #fff url(/recruit/assets/images/arrow_bl.svg) no-repeat;
    background-position: center right 8.533vw;
    background-size: 4vw;
    margin-top: 6.4vw;
    justify-content: center;
    text-align: center;
    padding-left: 0;
  }
}

.h-works__cnt__inner_01__btn__txt {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.882;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__cnt__inner_01__btn__txt {
    font-size: 4.533vw;
    font-weight: 700;
  }
}

/* Check */
.h-global__flex {
  margin-top: 50px;
  width: 20.625vw;
  position: relative;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-global__flex {
    margin-top: 13.33vw;
    width: 100%;
  }
}

.h-global__flex__nav {
  width: 100%;
}

.h-global__flex__nav dt {
  margin-bottom: 25px;
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.02em;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-global__flex__nav dt {
    margin-bottom: 6.67vw;
    font-size: 4.53vw;
  }
}

.h-global__flex__nav dd a {
  display: flex;
  padding: 1em 0;
  border-bottom: 1px solid #414141;
  font-size: 15px;
  line-height: 1.4;
  position: relative;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-global__flex__nav dd a {
    font-size: 4vw;
  }
}

.h-global__flex__nav dd a::after {
  content: "";
  background: url(/recruit/assets/images/arrow_bl.svg) no-repeat;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-7px);
  right: 10px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-global__flex__nav dd a::after {
    width: 4vw;
    height: 4vw;
    transform: translateY(-1.87vw);
    right: 2.67vw;
  }
}

.h-global__flex__nav__ttl.--ttl-movie {
  margin-left: 25px;
  display: inline-block;
  position: relative;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-global__flex__nav__ttl.--ttl-movie {
    margin-left: 6.67vw;
  }
}

.h-global__flex__nav__ttl.--ttl-movie::before,
.h-global__flex__nav__ttl.--ttl-movie::after {
  content: "";
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  width: 18px;
  height: 18px;
  background: url(/recruit/assets/images/lineb_l.svg) no-repeat center / contain;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-global__flex__nav__ttl.--ttl-movie::before,
  .h-global__flex__nav__ttl.--ttl-movie::after {
    width: 4.8vw;
    height: 4.8vw;
  }
}

.h-global__flex__nav__ttl.--ttl-movie::before {
  left: -25px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-global__flex__nav__ttl.--ttl-movie::before {
    left: -6.67vw;
  }
}

.h-global__flex__nav__ttl.--ttl-movie::after {
  right: -25px;
  background: url(/recruit/assets/images/lineb_r.svg) no-repeat center / contain;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-global__flex__nav__ttl.--ttl-movie::after {
    right: -6.67vw;
  }
}

.h-works__cnt__inner_02__inner {
  display: flex;
  justify-content: space-between;
  margin-top: 41px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__cnt__inner_02__inner {
    display: block;
    margin-top: 4vw;
  }
}

/* h5 */
.h-works__heading_h5 {
  font-weight: 700;
  font-size: 18px;
  line-height: 1.8em;
  border-bottom: solid 1px #191919;
  padding-bottom: 12px;
  margin-bottom: 40px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__heading_h5 {
    font-size: 4.8vw;
    padding-bottom: 3.2vw;
    margin-bottom: 10.666vw;
  }
}

/* 支店 */
.h-works__cnt__inner_02__inner__sales {
  width: 23.13vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__cnt__inner_02__inner__sales {
    width: 100%;
  }
}

/* 本部 */
.h-works__cnt__inner_02__inner__main {
  width: 23.13vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__cnt__inner_02__inner__main {
    width: 100%;
    margin-top: 17.066vw;
  }
}

.h-works__cnt__inner_02__inner__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 30px 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__cnt__inner_02__inner__list {
    gap: 10.666vw 3.466vw;
  }
}

.h-works__cnt__inner_02__inner__list li {
  width: 11.25vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__cnt__inner_02__inner__list li {
    width: 36.266vw;
  }
}

.h-works__cnt__inner_02__inner__list li a {
  display: block;
}

.h-works__cnt__inner_02__inner__list__txt_01 {
  font-size: 12px;
  line-height: 1.6em;
  font-weight: 400;
  margin-top: 14px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__cnt__inner_02__inner__list__txt_01 {
    font-size: 3.2vw;
    margin-top: 2.133vw;
  }
}

.h-works__cnt__inner_02__inner__list__txt_02 {
  font-size: 17px;
  line-height: 1.6em;
  font-weight: 700;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-works__cnt__inner_02__inner__list__txt_02 {
    font-size: 4.533vw;
  }
}


/*--------------------------------------------
ENVIRON
--------------------------------------------*/
.h-environ {
  position: relative;
  margin-top: 12.968vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-environ {
    margin-top: 19.2vw;
    padding-bottom: 78.133vw;
    overflow: hidden;
  }
}

/* h2 */
.h-environ__heading_h2 {
  width: 20.312vw;
  position: absolute;
  top: 0;
  right: 2.2vw;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-environ__heading_h2 {
    width: 36.664vw;
    top: 0;
    right: -6.266vw;
  }
}

/* h3 */
.h-environ__heading_h3 {
  font-size: 48px;
  color: #fff;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  padding-bottom: 48px;
  position: relative;
  margin-bottom: 50px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-environ__heading_h3 {
    font-size: 8vw;
    color: #191919;
    padding: 81.866vw 0 8.533vw 0;
    margin: 0 0 12.8vw 8vw;
  }
}

.h-environ__heading_h3::before {
  content: "";
  width: 64px;
  height: 7px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-environ__heading_h3::before {
    content: "";
    width: 10.933vw;
    height: 1.066vw;
    background: #191919;
  }
}

/* kv */
.h-environ__kv {
  width: 70vw;
  position: absolute;
  top: 5vw;
  left: 9.5vw;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-environ__kv {
    width: 74.666vw;
    top: 8.8vw;
    left: 0;
  }
}

/* bg */
.h-environ__bg {
  width: 35.546vw;
  position: absolute;
  bottom: 5.546vw;
  right: 9.843vw;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-environ__bg {
    width: 58.4vw;
    bottom: 34.733vw;
    right: 8vw;
  }
}

.h-environ__cnt {
  width: 448px;
  padding: 35.39vw 0 27.89vw 0;
  margin-left: 15vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-environ__cnt {
    width: 100%;
    padding: 0;
    margin-left: 0;
  }
}

/* btn */
.h-environ__cnt__btn {
  display: block;
  width: 100%;
  height: 79px;
  background: #fff url(/recruit/assets/images/arrow_bl.svg) no-repeat;
  background-position: center right 27px;
  background-size: 15px;
  display: flex;
  align-items: center;
  padding-left: 32px;
  margin-top: 8px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-environ__cnt__btn {
    width: 84vw;
    height: 21.6vw;
    background: #fff url(/recruit/assets/images/arrow_bl.svg) no-repeat;
    background-position: center right 4vw;
    background-size: 4vw;
    padding-left: 4vw;
    margin: 0 0 0 4vw;
  }
}

.h-environ__cnt__btn__txt {
  font-size: 17px;
  font-weight: 500;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-environ__cnt__btn__txt {
    font-size: 4.533vw;
    font-weight: 700;
  }
}

/* ph */
.h-environ__ph_01 {
  width: 26.25vw;
  position: absolute;
  left: 0;
  bottom: 12.5vw;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-environ__ph_01 {
    width: 45.733vw;
    bottom: 14.466vw;
  }
}

.h-environ__ph_02 {
  width: 27.968vw;
  position: absolute;
  left: 30.625vw;
  bottom: 0;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-environ__ph_02 {
    width: 34.133vw;
    left: 49.6vw;
    bottom: 0;
  }
}


/*--------------------------------------------
Recruit
--------------------------------------------*/
.h-recruit {
  position: relative;
  margin-top: 15.937vw;
  overflow: hidden;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-recruit {
    margin-top: 28.96vw;
    padding-bottom: 60.8vw;
  }
}

/* h3 */
.h-recruit__heading_h3 {
  font-size: 48px;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  padding-bottom: 48px;
  position: relative;
  margin-bottom: 50px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-recruit__heading_h3 {
    font-size: 8.533vw;
    padding: 73.933vw 0 8.533vw 0;
    margin: 0 0 12.8vw 8vw;
  }
}

.h-recruit__heading_h3::before {
  content: "";
  width: 64px;
  height: 7px;
  background: #191919;
  position: absolute;
  left: 0;
  bottom: 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-recruit__heading_h3::before {
    width: 10.933vw;
    height: 1.066vw;
    background: #191919;
  }
}

/* kv */
.h-recruit__kv {
  width: 87.5vw;
  position: absolute;
  top: 10.515vw;
  left: 6.25vw;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-recruit__kv {
    width: 92vw;
    top: 16.5vw;
    left: 0;
    right: 0;
    margin: auto;
  }
}

/* bg */
.h-recruit__bg {
  width: 20vw;
  position: absolute;
  top: 42.843vw;
  left: 0;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-recruit__bg {
    width: 52vw;
    top: 65vw;
    left: auto;
    right: -9.866vw;
  }
}

.h-recruit__cnt {
  width: 448px;
  padding: 27.375vw 0 33.046vw 0;
  margin-left: 15vw;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-recruit__cnt {
    width: 100%;
    padding: 0;
    margin-left: 0;
  }
}

/* btn */
.h-recruit__cnt__btn {
  display: block;
  width: 100%;
  height: 79px;
  background: #fff url(/recruit/assets/images/arrow_bl.svg) no-repeat;
  background-position: center right 27px;
  background-size: 15px;
  display: flex;
  align-items: center;
  padding-left: 32px;
  margin-top: 8px;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-recruit__cnt__btn {
    width: 84vw;
    height: 21.6vw;
    background: #fff url(/recruit/assets/images/arrow_bl.svg) no-repeat;
    background-position: center right 4vw;
    background-size: 4vw;
    display: flex;
    align-items: center;
    padding-left: 4vw;
    margin: 0 0 0 4vw;
  }
}

.h-recruit__cnt__btn__txt {
  font-size: 17px;
  font-weight: 500;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-recruit__cnt__btn__txt {
    font-size: 4.533vw;
    font-weight: 700;
  }
}

/* ph */
.h-recruit__ph_01 {
  width: 23.281vw;
  position: absolute;
  left: 0;
  bottom: 13.203vw;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-recruit__ph_01 {
    width: 37.066vw;
    left: 9.333vw;
    bottom: 22.133vw;
  }
}

.h-recruit__ph_02 {
  width: 27.968vw;
  position: absolute;
  left: 32.5vw;
  bottom: 0;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-recruit__ph_02 {
    width: 39.2vw;
    left: 56.266vw;
    bottom: 0;
  }
}

.h-recruit__ph_03 {
  width: 36.406vw;
  position: absolute;
  right: 0;
  bottom: 21.015vw;
  z-index: -1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-recruit__ph_03 {
    width: 43.733vw;
    bottom: 38.133vw;
  }
}


/*--------------------------------------------
Entry
--------------------------------------------*/
.h-entry {
  margin: 0 auto;
  width: 87.5vw;
  padding: 160px 0 144px 0;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-entry {
    margin: 0 auto;
    width: 92vw;
    padding: 25.6vw 0;
  }
}

.h-entry a {
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(/recruit/assets/images/home/entry_ph.jpg) no-repeat;
  background-size: cover;
  width: 100%;
  height: 320px;
  overflow: hidden;
  border-radius: 6px;
  color: #fff;
  font-size: 83px;
  font-family: 'Sansita', sans-serif;
  font-weight: 900;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-entry a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/recruit/assets/images/home/entry_ph_sp.jpg) no-repeat;
    background-size: cover;
    height: 53.333vw;
    border-radius: 1.6vw;
    font-size: 13.066vw;
  }
}


/*--------------------------------------------
アニメーション kv
--------------------------------------------*/
/* nav fadein */
.l-nav.-home {
  opacity: 0;
  transform: translate(0, -64px) !important;
}

.l-nav.-home.h-nav-fadein {
  opacity: 1;
  transform: translate(0, 0) !important;
  transition: all 1s ease-out !important;
}

/* logo fadein */
.l-logo.-home {
  opacity: 0;
  transform: translate(0, -64px) !important;
}

.l-logo.-home.h-logo-fadein {
  opacity: 1;
  transform: translate(0, 0) !important;
  transition: all 1s ease-out !important;
}

/* kv fadein */
.h-kv_fadein {
	opacity: 1 !important;
	transition: all 3s ease-out !important;
}

.h-kv__ph::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #FCF7ED;
  position: absolute;
  top: 0;
  left: 0;
}

.h-kv__ph.h-kv_fadein::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #FCF7ED;
  position: absolute;
  top: -100%;
  left: 0;
  transition: all 1s ease-out !important;
}

/* kv txt fadein */
.h-kv__txt_02__ani_01,
.h-kv__txt_02__ani_02,
.h-kv__txt_02__ani_03,
.h-kv__txt_02__ani_04,
.h-kv__txt_02__ani_05,
.h-kv__txt_02__ani_06,
.h-kv__txt_02__ani_07,
.h-kv__txt_02__ani_08,
.h-kv__txt_02__ani_09,
.h-kv__txt_02__ani_10,
.h-kv__txt_02__ani_11,
.h-kv__txt_02__ani_12,
.h-kv__txt_02__ani_13,
.h-kv__txt_02__ani_14,
.h-kv__txt_02__ani_15,
.h-kv__txt_02__ani_16 {
  display: inline-block;
  transform: translate(0, 9vw) !important;
  opacity: 1;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-kv__txt_02__ani_01,
  .h-kv__txt_02__ani_02,
  .h-kv__txt_02__ani_03,
  .h-kv__txt_02__ani_04,
  .h-kv__txt_02__ani_05,
  .h-kv__txt_02__ani_06,
  .h-kv__txt_02__ani_07,
  .h-kv__txt_02__ani_08,
  .h-kv__txt_02__ani_09,
  .h-kv__txt_02__ani_10,
  .h-kv__txt_02__ani_11,
  .h-kv__txt_02__ani_12,
  .h-kv__txt_02__ani_13,
  .h-kv__txt_02__ani_14,
  .h-kv__txt_02__ani_15,
  .h-kv__txt_02__ani_16 {
    transform: translate(0, 13vw) !important;
  }
}

.h-kv_txt_fadein {
	opacity: 1 !important;
  transform: translate(0, -1.5vw) !important;
	transition: all 1s ease-in-out !important;
}

.h-kv__txt_02__musk {
  overflow: hidden;
  margin-bottom: 2.5vw;
}

/* fadein */
.h-fadein {
	opacity: 1 !important;
	transform: translate(0, -1.5vw) !important;
	transition: all 1.5s ease-in-out !important;
}

/* kv zoom slid */
.add-animation {
  animation: add-animation 8s 0s;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
}

@keyframes add-animation {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}


/*--------------------------------------------
アニメーション Change
--------------------------------------------*/
/* kv fadein */
.h-change__kv {
	opacity: 1 !important;
	transition: all 3s ease-out !important;
  overflow: hidden;
}

.h-change__kv::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #FCF7ED;
  position: absolute;
  top: 0;
  left: 0;
}

.h-change__kv.h-kv_fadein::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #FCF7ED;
  position: absolute;
  top: -100%;
  left: 0;
  transition: all 1s ease-out !important;
}

.h-change__heading_h2__pc {
  font-size: 12.5vw;
  font-family: 'Sansita', sans-serif;
  font-weight: 900;
  position: relative;
  top: -1.0vw;
  overflow: hidden;
}

.h-change__heading_h2__pc__01,
.h-change__heading_h2__pc__02,
.h-change__heading_h2__pc__03,
.h-change__heading_h2__pc__04,
.h-change__heading_h2__pc__05,
.h-change__heading_h2__pc__06 {
  display: inline-block;
  transform: translate(0, 12vw) !important;
}

.h-change__heading_fadein {
	opacity: 1 !important;
  transform: translate(0, -1.5vw) !important;
	transition: all 1s ease-in-out !important;
}

/********* sp *********/
@media only screen and (max-width:750px) {
  .h-change__heading_h2__sp {
    opacity: 0;
    transform: translate(0, 3vw) !important;
    transition: all 1s ease-in-out !important;
  }

  .h-change__heading_fadein {
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}


/*--------------------------------------------
アニメーション About
--------------------------------------------*/
/* kv fadein */
.h-about__kv {
	opacity: 1 !important;
	transition: all 3s ease-out !important;
  overflow: hidden;
}

.h-about__kv::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #FCF7ED;
  position: absolute;
  top: 0;
  left: 0;
}

.h-about__kv.h-kv_fadein::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #FCF7ED;
  position: absolute;
  top: -100%;
  left: 0;
  transition: all 1s ease-out !important;
}

/* h2 */
.h-about__heading_h2 {
  font-family: 'Sansita', sans-serif;
  font-weight: 900;
  color: #191919;
  font-size: 12.5vw;
  position: absolute;
  top: 5vw;
  right: 3.742vw;
  z-index: -1;
  overflow: hidden;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-about__heading_h2 {
    font-size: 22.133vw;
    top: 24.2vw;
    right: -2.666vw;
  }
}

.h-about__heading_h2__01,
.h-about__heading_h2__02,
.h-about__heading_h2__03,
.h-about__heading_h2__04,
.h-about__heading_h2__05,
.h-about__heading_h2__06 {
  display: inline-block;
  transform: translate(0, 12vw) !important;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-about__heading_h2__01,
  .h-about__heading_h2__02,
  .h-about__heading_h2__03,
  .h-about__heading_h2__04,
  .h-about__heading_h2__05,
  .h-about__heading_h2__06 {
    display: inline-block;
    transform: translate(0, 17vw) !important;
  }
}

.h-about__heading_fadein {
	opacity: 1 !important;
  transform: translate(0, 0) !important;
	transition: all 1s ease-in-out !important;
}


/*--------------------------------------------
アニメーション Environ
--------------------------------------------*/
/* kv fadein */
.h-environ__kv {
	opacity: 1 !important;
	transition: all 3s ease-out !important;
  overflow: hidden;
}

.h-environ__kv::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #FCF7ED;
  position: absolute;
  top: 0;
  left: 0;
}

.h-environ__kv.h-kv_fadein::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #FCF7ED;
  position: absolute;
  top: -100%;
  left: 0;
  transition: all 1s ease-out !important;
}



/*--------------------------------------------
アニメーション Recruit
--------------------------------------------*/
/* h2 */
.h-recruit__heading_h2 {
  font-family: 'Sansita', sans-serif;
  font-weight: 900;
  color: #191919;
  font-size: 12.5vw;
  position: absolute;
  top: 0;
  left: -0.546vw;
  z-index: -1;
  overflow: hidden;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-recruit__heading_h2 {
    font-size: 22.133vw;
    left: -2.333vw;
  }
}

.h-recruit__heading_h2__01,
.h-recruit__heading_h2__02,
.h-recruit__heading_h2__03,
.h-recruit__heading_h2__04,
.h-recruit__heading_h2__05,
.h-recruit__heading_h2__06,
.h-recruit__heading_h2__07 {
  display: inline-block;
  transform: translate(0, 10vw) !important;
}
/********* sp *********/
@media only screen and (max-width:750px) {
  .h-recruit__heading_h2__01,
  .h-recruit__heading_h2__02,
  .h-recruit__heading_h2__03,
  .h-recruit__heading_h2__04,
  .h-recruit__heading_h2__05,
  .h-recruit__heading_h2__06,
  .h-recruit__heading_h2__07 {
    display: inline-block;
    transform: translate(0, 17vw) !important;
  }
}

.h-recruit__heading_fadein {
	opacity: 1 !important;
  transform: translate(0, 0) !important;
	transition: all 1s ease-in-out !important;
}

/* kv fadein */
.h-recruit__kv {
	opacity: 1 !important;
	transition: all 3s ease-out !important;
  overflow: hidden;
}

.h-recruit__kv::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #FCF7ED;
  position: absolute;
  top: 0;
  left: 0;
}

.h-recruit__kv.h-kv_fadein::after {
  content: "";
  width: 100%;
  height: 100%;
  background: #FCF7ED;
  position: absolute;
  top: -100%;
  left: 0;
  transition: all 1s ease-out !important;
}


/*--------------------------------------------
スライドアニメーション
--------------------------------------------*/
.h-slide_box {
  overflow: hidden;
}

/* スライドテンプレート（→） */
.h-slide_l {
  overflow: hidden;
  transform: translate(-100%, 0);
  transition: 1s ease-in-out;
  opacity: 0;
}

.h-slide_l .h-slide__in {
  transform: translate(100%, 0);
  transition: 1s ease-in-out;
}

/* スライドテンプレート（←） */
.h-slide_r {
  overflow: hidden;
  transform: translate(100%, 0);
  transition: 1s ease-in-out;
  opacity: 0;
}

.h-slide_r .h-slide__in {
  transform: translate(-100%, 0);
  transition: 1s ease-in-out;
}

.h-visible,
.h-visible .h-slide__in {
  transform: translate(0, 0);
  opacity: 1;
}

.-fadein {
  opacity: 0;
	transform: translate(0, 2vw);
	transition: all 1s ease-out;
}

.-fadein.-on {
  opacity: 1;
	transform: translate(0, 0);
}

.h-kv__ph {
  pointer-events: none;
}