/*=====================================================
  reset
=====================================================*/
.tdPickUpSlide {
  top: -20px;
}
@media print, screen and (min-width: 769px) {
  .tdPickUpSlide {
    top: 0;
  }
}

@media print, screen and (min-width: 769px) {
  .tdPickUpSlide .tdPickUpSlide__titleEn {
    top: -165px;
  }
}
@media print, screen and (min-width: 1280px) {
  .tdPickUpSlide .tdPickUpSlide__titleEn {
    top: -65px;
  }
}
.tdPickUpSlide .tdPickUpSlide__titleEn.is-active {
  opacity: 0.8;
  color: #bcc5d4;
}
@media print, screen and (min-width: 769px) {
  .tdPickUpSlide .tdPickUpSlide__titleJa {
    top: -100px;
  }
}
@media print, screen and (min-width: 1280px) {
  .tdPickUpSlide .tdPickUpSlide__titleJa {
    top: 0;
  }
}

/*=====================================================
  recuitTopHead
=====================================================*/
.recuitTopHead {
  width: 100%;
  margin: 0 auto 80px auto;
  padding: 0;
}
@media print, screen and (min-width: 769px) {
  .recuitTopHead {
    width: 852px;
  }
}
.recuitTopHead .recuitTopHead__image {
  margin: 0 0 24px 0;
  padding: 0;
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  .recuitTopHead .recuitTopHead__image {
    margin-bottom: 40px;
  }
}
.recuitTopHead .recuitTopPickUp__lead {
  margin-bottom: 32px;
}
@media print, screen and (min-width: 769px) {
  .recuitTopHead .tdButton {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.tdPickUpSlide {
  margin-bottom: 0;
  padding-bottom: 80px;
}
@media print, screen and (min-width: 769px) {
  .tdPickUpSlide {
    padding-bottom: 170px;
  }
}
@media print, screen and (min-width: 769px) {
  .tdPickUpSlide .tdPickUpSlide__titleEn {
    top: -165px;
  }
}
@media print, screen and (min-width: 1280px) {
  .tdPickUpSlide .tdPickUpSlide__titleEn {
    top: -65px;
  }
}
.tdPickUpSlide .tdPickUpSlide__listLink {
  bottom: 20px;
}

/*=====================================================
  _recuitTopPickUp
=====================================================*/
.recuitTopPickUp {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
@media print, screen and (min-width: 769px) {
  .recuitTopPickUp {
    margin-bottom: 96px;
  }
}
.recuitTopPickUp .recuitTopPickUp__image {
  margin: 0 0 16px 0;
}
@media print, screen and (min-width: 769px) {
  .recuitTopPickUp .recuitTopPickUp__image {
    margin-bottom: 32px;
  }
}
@media print, screen and (min-width: 769px) {
  .recuitTopPickUp .recuitTopPickUp__lead {
    margin-bottom: 40px;
  }
}
.recuitTopPickUp .recuitTopPickUp__button {
  margin-bottom: 80px;
}
@media print, screen and (min-width: 769px) {
  .recuitTopPickUp .recuitTopPickUp__button {
    margin-bottom: 42px;
  }
}
@media print, screen and (min-width: 769px) {
  .recuitTopPickUp .recuitTopPickUp__button .tdButton {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

/*=====================================================
  recruitTopDark
=====================================================*/
.recruitTopDark {
  background-color: var(--brandPrimaryDarken);
  background-image: url(/library/td2026/images/company/recruit/dark_bg_sp.png);
  background-size: cover;
  background-position: center center;
}
@media print, screen and (min-width: 769px) {
  .recruitTopDark {
    background-image: url(/library/td2026/images/company/recruit/dark_bg.png);
  }
}

.recruitTopMovie {
  margin: 0 0 40px 0;
}
@media print, screen and (min-width: 769px) {
  .recruitTopMovie {
    margin-bottom: 128px;
  }
}

/*=====================================================
  recruitTopRelated
=====================================================*/
.recruitTopRelated {
  max-width: 335px;
  margin: 0 auto 20px auto;
  padding: 54px 24px;
  display: flex;
  flex-wrap: wrap;
  color: var(--white);
  background-color: rgba(0, 0, 0, 0.2);
}
@media print, screen and (min-width: 769px) {
  .recruitTopRelated {
    width: 100%;
    margin-bottom: 104px;
    max-width: initial;
    padding: 64px;
    justify-content: space-between;
    align-items: center;
  }
}
.recruitTopRelated .recruitTopRelated__titleBlock {
  width: 100%;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 769px) {
  .recruitTopRelated .recruitTopRelated__titleBlock {
    width: 292px;
  }
}
.recruitTopRelated .recruitTopRelated__titleBlock .recruitTopRelated__subTitle {
  width: 100%;
  margin: 0 0 12px 0;
  padding: 0;
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  .recruitTopRelated .recruitTopRelated__titleBlock .recruitTopRelated__subTitle {
    text-align: left;
  }
}
.recruitTopRelated .recruitTopRelated__titleBlock .recruitTopRelated__mainTitle {
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  .recruitTopRelated .recruitTopRelated__titleBlock .recruitTopRelated__mainTitle {
    text-align: left;
  }
}
.recruitTopRelated .recruitTopRelated__list {
  width: 100%;
  margin: 0;
  padding: 0;
}
@media print, screen and (min-width: 769px) {
  .recruitTopRelated .recruitTopRelated__list {
    width: 672px;
  }
}