@charset "utf-8";

/*
Name: 2022 footer Renewal CSS Document
Version: 1.1
Created date: 2022-09-08
Last updated: 2025-03-12
*/

/* -------------------------------------------------------------------------- */

/* Recruit Links
/* -------------------------------------------------------------------------- */

.align-center {
  text-align: center;
}

.recruit-links {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 700;
  max-width: 83.4rem;
}

.recruit-links .recruit-links-item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.recruit-links .recruit-links-item .item-inner {
  background: #fff;
}

.recruit-links .recruit-links-item .item-title h2::after {
  background: #212121;
  content: "";
  display: block;
  height: .1rem;
}

.recruit-links .recruit-links-item .item-title .item-title-en {
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
  height: 0;
  overflow: hidden;
  width: 100%;
}

.recruit-links .recruit-links-item .item-link p {
  text-align: center;
}

.recruit-links .recruit-links-item .item-link a {
  background: #212121;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .1em;
  width: 100%;
  position: relative;
  text-decoration: none;
}

.recruit-links .recruit-links-item .item-link a .arrow {
  background: center / contain no-repeat url("../images/common/icon_arrow.svg");
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

/* -------------------------------------------------------------------------- */

/* Media Queries
/* -------------------------------------------------------------------------- */

@media ( min-width: 769px ) {

  /* Recruit Links ------------------------- */

  .recruit-links {
    margin: 9rem auto 17rem;
  }

  .recruit-links .recruit-links-item {
    margin: 0 auto;
    margin-bottom: 2.7rem;
    padding: 2.1rem;
  }

  .recruit-links .recruit-links-item.new-graduate {
    background-image: url("../images/common/bg_recruit_bnr_01_pc.jpg");
  }

  .recruit-links .recruit-links-item.mid-career {
    background-image: url("../images/common/bg_recruit_bnr_02_pc.jpg");
  }

  .recruit-links .recruit-links-item .item-inner {
    display: flex;
  }

  .recruit-links .recruit-links-item .item-title {
    box-sizing: border-box;
    padding: 2.6rem 4.8rem;
    width: 31rem;
  }

  .recruit-links .recruit-links-item.new-graduate .item-title {
    margin-top: 4rem;
  }

  .recruit-links .recruit-links-item .item-title h2 {
    font-size: 2.5rem;
    letter-spacing: .1em;
  }

  .recruit-links .recruit-links-item .item-title h2::after {
    width: 6.7rem;
    margin: 2rem 0 2.6rem
  }

  .recruit-links .recruit-links-item.new-graduate .item-title .item-title-en {
    background-image: url("../images/common/ttl_new-graduate-recruit_pc.svg");
    padding-top: 5.7rem;
  }

  .recruit-links .recruit-links-item.mid-career .item-title .item-title-en {
    background-image: url("../images/common/ttl_mid-career-recruit_pc.svg");
    padding-top: 5.1rem;
  }

  .recruit-links .recruit-links-item .item-link {
    box-sizing: border-box;
    padding: 2.6rem 1.6rem 2.6rem 2.8rem;
    width: 51rem;
  }

  .recruit-links .recruit-links-item .item-link p:not(:last-of-type) {
    margin-bottom: .7rem;
  }

  .recruit-links .recruit-links-item .item-link a {
    height: 7.2rem;
    padding-right: 1rem;
    transition: opacity .4s;
  }

  .recruit-links .recruit-links-item .item-link a:hover {
    opacity: .8;
  }

  .recruit-links .recruit-links-item .item-link a .arrow {
    right: 2.4rem;
    height: 3.6rem;
    width: 3.1rem;
  }

}

@media ( max-width: 768px ) {

  /* Recruit Links ------------------------- */

  .recruit-links {
    background: center / cover no-repeat url("../images/common/bg_recruit_bnr_01_sp.jpg");
    margin: 5rem 0 11.3rem;
    padding: 7.4rem 1rem;
  }

  .recruit-links .recruit-links-item {
    margin-bottom: 1rem;
  }

  .recruit-links .recruit-links-item .item-title {
    padding: 2.3rem 3rem;
  }

  .recruit-links .recruit-links-item .item-title h2 {
    font-size: 2.5rem;
    letter-spacing: .07em;
  }

  .recruit-links .recruit-links-item .item-title h2::after {
    width: 5rem;
    margin: 1rem 0 1.8rem;
  }

  .recruit-links .recruit-links-item.new-graduate .item-title .item-title-en {
    background-image: url("../images/common/ttl_new-graduate-recruit_sp.svg");
    padding-top: 1.4rem;
  }

  .recruit-links .recruit-links-item.mid-career .item-title .item-title-en {
    background-image: url("../images/common/ttl_mid-career-recruit_sp.svg");
    padding-top: 1.4rem;
  }

  .recruit-links .recruit-links-item .item-link {
    padding: 0 1.9rem 2.2rem
  }

  .recruit-links .recruit-links-item .item-link p:not(:last-of-type) {
    margin-bottom: .5rem;
  }

  .recruit-links .recruit-links-item .item-link a {
    box-sizing: border-box;
    height: 5.6rem;
    padding-right: 5rem;
    font-size: 1.6rem;
    line-height: 1.2;
  }

  .recruit-links .recruit-links-item .item-link a .arrow {
    right: 3rem;
    height: 2.8rem;
    width: 2.8rem;
  }
}