@charset "utf-8";
/* NEXT CONTENT */
.next-content {
  width: min(85.7vw,1200px);
  margin: min(170px,12.1vw) auto;
}


body .main__nextcontent-cta {
  position: relative;
  display: table;
  margin-top: min(115px,8.2vw);
  width: min(1200px, 85.7vw);
  height: min(500px,35.72vw);
  background-color: #f0f0f0;
  color: #000;
}

body:not(#sd-home) .main__nextcontent-cta {
  background-color: #000;
  color: #fff;
}

.main__nextcontent-cta::before{
  content: "";
  display: block;
  position:absolute;
  top: max(-40px,-2.86vw);
  left: 0;
  width: min(540px, 38.57vw);
  height: min( 405px, 28.93vw);
}

.main__nextcontent-cta.jobdescription::before {
  background: url(/ytc/corp/recruit/sales-driver/img/content-jobdescription.webp?t=25112601) no-repeat 50% 50%;
  background-size: cover;
}
.main__nextcontent-cta.training::before {
  background: url(/ytc/corp/recruit/sales-driver/img/content-training.webp?t=25112601) no-repeat 50% 50%;
  background-size: cover;
}

.main__nextcontent-cta.interview::before {
  background: url(/ytc/corp/recruit/sales-driver/img/content-interview.webp?t=25112601) no-repeat 50% 50%;
  background-size: cover;
}

.main__nextcontent-cta.application::before {
  background: url(/ytc/corp/recruit/sales-driver/img/content-application.webp?t=25112601) no-repeat 50% 50%;
  background-size: cover;
}

#sd-home .main__nextcontent-cta.application::before {
  left: auto;
  right: 0;
}

.main__nextcontent-cta.about::before {
  content: "";
  display: block;
  position:absolute;
  top: max(-40px,-2.86vw);
  left: 0;
  width: min(540px, 38.57vw);
  height: min( 405px, 28.93vw);
  background: url(/ytc/corp/recruit/sales-driver/img/content-about.webp?t=25112601) no-repeat 50% 50%;
  background-size: cover;
}

.main__nextcontent-cta>div {
  display: table-cell;
  vertical-align: middle;
  box-sizing: border-box;
}

.interview-dynamic .text-area {
  display: table;
  position: absolute;
  bottom: 0;
  padding-left: min(100px,8.57vw);
  vertical-align: bottom;
  box-sizing: border-box;
  width: 45%;
  height: min( 432px,30.86vw);
  max-height: 432px;
}


.main__nextcontent-cta h4,
.interview-dynamic .text-area h4 {
  font-size: clamp(2.0rem, 2.14vw,3.0rem);
  font-weight: bold;
}
.main__nextcontent-cta p,
.interview-dynamic .text-area p {
  font-size: clamp(1.3rem, 1.14vw,1.6rem);
  font-weight: 500;
}


.main__nextcontent-cta.jobdescription>div { padding-left: min(540px,38.57vw); }
.main__nextcontent-cta.jobdescription h4,
.main__nextcontent-cta.jobdescription p { padding-left: min(120px,8.56vw); }

.main__nextcontent-cta.training>div { padding-left:  min(540px,38.57vw); }
.main__nextcontent-cta.training h4,
.main__nextcontent-cta.training p { padding-left: min(120px,8.56vw); }

.main__nextcontent-cta.interview>div { padding-left:  min(540px,38.57vw); }
.main__nextcontent-cta.interview h4,
.main__nextcontent-cta.interview p { padding-left: min(120px,8.56vw); }

#sd-home .main__nextcontent-cta.application>div { padding-right:  min(550px,39.57vw); }
#sd-home .main__nextcontent-cta.application h4,
#sd-home .main__nextcontent-cta.application p { padding-left: min(120px,8.56vw); }

body:not(#sd-home) .main__nextcontent-cta.application>div { padding-left:  min(540px,38.57vw); }
body:not(#sd-home) .main__nextcontent-cta.application h4,
body:not(#sd-home) .main__nextcontent-cta.application p { padding-left: min(120px,8.56vw); }

.main__nextcontent-cta.about>div { padding-left:  min(540px,38.57vw); }
.main__nextcontent-cta.about h4,
.main__nextcontent-cta.about p { padding-left: min(120px,8.56vw); }

.main__nextcontent-cta span.cta,
.interview-dynamic span.cta {
  display: table;
  width: min(300px, 21.43vw);
  height: min(75px, 5.36vw);
}
.main__nextcontent-cta span.cta {
  margin: min(85px,5.07vw) auto 0;
}
.interview-dynamic span.cta {
  margin: min(85px,5.07vw) auto 0 min(30px,2.14vw)
}

.main__nextcontent-cta span.cta>span,
.interview-dynamic span.cta>span,
.interview-dynamic span.cta>a {
  display: table-cell;
  position:relative;
  line-height: 1.0;
  font-size: 1.6rem;
  color: #000;
  background: #fccf00 url(/ytc/corp/recruit/sales-driver/assets/img/bullet-white.svg) no-repeat right min(15px,1vw) center;
  background-size: min(30px, 2.14vw) min(30px,2.14vw);
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.main__nextcontent-cta:hover span.cta,
.interview-dynamic span.cta a:hover {
  opacity: 0.85;
}

.main__interview-wrapper {
  width: 100%;
  height: min(320px, 22.86vw);
  margin: 0 auto max(-365px,-26.07vw);
  overflow: hidden;
  position: relative;
}

.main__salesdriver-interview {
  position: absolute;
  left: 50%;
  width: calc( min(320px,22.86vw) * 5 + min(40px,2.86vw) * 5 );
  height: min(320px,22.86vw);
  margin: 0 0 0 max(-900px,-64.29vw);
  padding: 0;
}


.main__salesdriver-interview .swiper-slide {
  display: table;
  width: min(320px, 22.86vw);
  height: min(320px, 22.86vw);
}
.main__interview .swiper-wrapper {
  transition-timing-function: linear;
}
.main__salesdriver-interview .swiper-slide a {
  display: table-cell;
  vertical-align: bottom;
  box-sizing: border-box;
  padding: min(20px,1.43vw);
  color: #fff;
  font-size: min(1.6rem,1.14vw);
  font-weight: bold;
  width: min(320px, 22.86vw);
  height: min(320px, 22.86vw);
}
.main__salesdriver-interview .swiper-slide span {
  position: relative;
  z-index: 3;
}

.main__salesdriver-interview .swiper-slide a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: linear-gradient(0deg, rgba(35,24,21,255) 0%, 60%,rgba(255,255,255,0) 100% );
  z-index: 2;
}

.main__salesdriver-interview .swiper-slide.slide1 {
  background: url(/ytc/corp/recruit/sales-driver/img/interview01.webp?t=25112601) no-repeat 50% 50%;
  background-size: cover;
}
.main__salesdriver-interview .swiper-slide.slide2 {
  background: url(/ytc/corp/recruit/sales-driver/img/interview02.webp?t=25112601) no-repeat 50% 50%;
  background-size: cover;
}
.main__salesdriver-interview .swiper-slide.slide3 {
  background: url(/ytc/corp/recruit/sales-driver/img/interview03.webp?t=25112601) no-repeat 50% 50%;
  background-size: cover;
}
.main__salesdriver-interview .swiper-slide.slide4 {
  background: url(/ytc/corp/recruit/sales-driver/img/interview04.webp?t=25112601) no-repeat 50% 50%;
  background-size: cover;
}
.main__salesdriver-interview .swiper-slide.slide5 {
  background: url(/ytc/corp/recruit/sales-driver/img/interview05.webp?t=26072601) no-repeat 50% 50%;
  background-size: cover;
}

@media screen and (max-width:767px){
  .next-content {
    width: 100vw;
    margin-bottom: 13.3vw;
  }

  body:not(#sd-home) .main__nextcontent-cta,
  body .main__nextcontent-cta {
    position: relative;
    display: block;
    margin: 20vw auto 13vw;
    padding-bottom: 4vw;
    width: 100vw;
    height: auto;
    min-height: 102vw;
  }
  body .main__nextcontent-cta.interview {
      margin-left: 0;
  }
  .main__nextcontent-cta.jobdescription::before {
    content: "";
    top: -13.34vw;
    left: 0;
    width: 76.27vw;
    height: 57.2025vw;
    background: url(/ytc/corp/recruit/sales-driver/img/content-jobdescription.webp?t=25112601) no-repeat 50% 50%;
    background-size: 76.27vw 57.2025vw;
  }

  .main__nextcontent-cta.training::before {
    content: "";
    top: -13.34vw;
    left: 0;
    width: 76.27vw;
    height: 57.2025vw;
    background: url(/ytc/corp/recruit/sales-driver/img/content-training.webp?t=25112601) no-repeat 50% 50%;
    background-size: 76.27vw 57.2025vw;
  }

    .main__nextcontent-cta.interview::before {
    content: "";
    top: -13.34vw;
    left: 0;
    width: 76.27vw;
    height: 57.2025vw;
    background: url(/ytc/corp/recruit/sales-driver/img/content-interview.webp?t=25112601) no-repeat 50% 50%;
    background-size: 76.27vw 57.2025vw;
  }
  body#sd-home .main__nextcontent-cta.application::before {
    content: "";
    top: -13.34vw;
    right: 0;
    width: 76.27vw;
    height: 57.2025vw;
    background: url(/ytc/corp/recruit/sales-driver/img/content-application.webp?t=25112601) no-repeat 50% 50%;
    background-size: 76.27vw 57.2025vw;
  }


  body:not(#sd-home) .main__nextcontent-cta.application::before {
    content: "";
    top: -13.34vw;
    left: 0;
    width: 76.27vw;
    height: 57.2025vw;
    background: url(/ytc/corp/recruit/sales-driver/img/content-application.webp?t=25112601) no-repeat 50% 50%;
    background-size: 76.27vw 57.2025vw;
  }


  .main__nextcontent-cta.about::before {
    content: "";
    top: -13.34vw;
    left: 0;
    width: 76.27vw;
    height: 57.2025vw;
    background: url(/ytc/corp/recruit/sales-driver/img/content-about.webp?t=25112601) no-repeat 50% 50%;
    background-size: 76.27vw 57.2025vw;
  }

  .main__nextcontent-cta.jobdescription>div,
  .main__nextcontent-cta.training>div ,
  body#sd-home .main__nextcontent-cta.application>div ,
  body:not(#sd-home) .main__nextcontent-cta.application>div ,
  .main__nextcontent-cta.about>div ,
  .main__nextcontent-cta.interview>div {
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100vw;
    height: auto;
    box-sizing: border-box;
    padding-top: 48.3vw;
  }

  .next-content.interview-dynamic {
    display: block;
    width: 100vw;
    height: auto;
    box-sizing: border-box;
    margin-top: -48.2vw;
    padding-top: 58.2vw;
    padding-bottom: 9.3vw;
    position: relative;
  }

  .next-content.interview-dynamic::after {
  content: "";
  display: none;
  background: transparent;
}

  .interview-dynamic .text-area {
    position: relative;
    display: block;
    margin-top: 0;
    padding: 0 0;
    width: 100vw;
    height: auto;
    min-height: 50vw
  }
  .main__nextcontent-cta h4,
  .interview-dynamic .text-area h4 {
    margin: 0;
    font-size: 4.26vw;
    width: 88vw;
    line-height: 1.5;
  }

  .main__nextcontent-cta p,
  .interview-dynamic .text-area p {
    font-size: 3.2vw;
    margin-top: 1.3vw;
    letter-spacing: -1px;
    width: 88vw;
    line-height: 1.67;
  }

  .main__nextcontent-cta.jobdescription h4,
  .main__nextcontent-cta.jobdescription p { padding-left: 24vw; padding-right: 0;}

  .main__nextcontent-cta.training h4,
  .main__nextcontent-cta.training p { padding-left: 24vw; padding-right: 0; }

  .main__nextcontent-cta.interview h4,
  .main__nextcontent-cta.interview p { padding-left: 24vw; padding-right: 0; width: 90vw; }

  body#sd-home .main__nextcontent-cta.application h4,
  body#sd-home .main__nextcontent-cta.application p { padding-left: 24vw; }

  body:not(#sd-home) .main__nextcontent-cta.application h4,
  body:not(#sd-home) .main__nextcontent-cta.application p { padding-left: 24vw; margin-left:initial; margin-right: initial; }


  .main__nextcontent-cta.application h4,
  .main__nextcontent-cta.application p { padding-left: 24vw; }


  .main__nextcontent-cta.about h4,
  .main__nextcontent-cta.about p { padding-left: 24vw; padding-right: 0;}

.interview-dynamic h4,
.interview-dynamic p { padding-left: 24vw; }



  .main__nextcontent-cta span.cta,
  .interview-dynamic span.cta {
    display: table;
    width: 52.67vw;
    height: 13.3vw;
    margin: 4vw auto 0;
  }

  .main__nextcontent-cta span.cta>span,
  .interview-dynamic span.cta>span,
  .interview-dynamic span.cta>a {
    font-size: 3.2vw;
    background-size:4.8vw auto;
    background-position: right 3.2vw center;
  }
  .main__nextcontent-cta:hover span.cta,
  .interview-dynamic span.cta a:hover  {
    opacity: 1;
  }

.main__interview-wrapper {
  width: 100vw;
  height: 64vw;
  margin: 0 auto 0;
}

.main__salesdriver-interview {
  position: absolute;
  left: 0;
  width: 100vw;
  height: 64vw;
  margin: 0 0 0 0;
  padding: 0;
}

.main__salesdriver-interview .swiper-slide {
  display: table;
  width: 64vw;
  height: 64vw;
}
.main__interview .swiper-wrapper {
  transition-timing-function: linear;
}

.main__salesdriver-interview .swiper-slide a {
  display: table-cell;
  padding: 4vw;
  font-size: 3.2vw;
  width: 64vw;
  height: 64vw;
}
.main__salesdriver-interview .swiper-slide span {
  position: relative;
  z-index: 3;
}

.main__salesdriver-interview .swiper-slide a::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 16vw;
  background: linear-gradient(0deg, rgba(35,24,21,255) 0%, 60%,rgba(255,255,255,0) 100% );
  z-index: 2;
}
}

/* job description */
.main__jobdescription.next-content {
  position: relative;
  margin: 0 auto min(50px,3.57vw);
  margin: max(-690px,-49.29vw) auto min(50px,3.57vw);
  width: min( 1200px, 85.7vw);
}


.next-content .main__jobdescription-title {
  width: min( 960px, 68.57vw);
  margin: 0 auto;
  line-height: 1.0;
  text-align: center;
  font-size: min( 3.6rem, 3.75vw);
  padding-bottom: min(20px, 1.43vw);
}
@media screen and ( max-width: 1024px) {
  .main__jobdescription.next-content {
    margin: 0 auto min(50px,3.57vw);
  }
}
@media screen and ( max-width: 767px) {
  .main__jobdescription.next-content {
/*    margin: max(-690px,-49.29vw) auto min(50px,3.57vw);*/
    margin: 0 auto min(50px,3.57vw);
    width:100vw;
  }

  .next-content .main__jobdescription-title,
  .main__jobdescription-title {
    width: 85.3vw;
    font-size: 4.5vw;
    padding-bottom: 2.67vw;
    margin: 0 auto;
  }

}

/* interview next content */
.main__application-title.title,
.main__corporate-title.title,
.main__interview-title.title {
  position:relative;
  width: 100%;
  line-height: 1.0;
  text-align: center;
  font-size: min(3.6rem,3.75vw);
  padding: 0 0 20px;
}
.main__interview-title,
.next-content .main__interview-title.title {
  margin: 0 auto;
}
.next-content .main__application-title.title,
.next-content .main__corporate-title.title {
  margin: -10px auto 0;
}

.title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc( 50% - 50px );
  width: 100px;
  height: 3px;
  background-color: #000;
}
/*
@media screen and (max-width:1199px){
  .next-content {
    width: 960px;
    margin: 170px auto;
  }
}
  */
@media screen and ( max-width: 767px) {
  .next-content {
    width: 100vw;
    margin: 14.6vw auto 0;
  }

  .main__interview-title,
  .next-content .main__interview-title {
    width: 85.3vw;
    font-size: 4.5vw;
    text-align: center;
    padding-bottom: 2.67vw;
    margin: 0 auto;
  }

  .title::after {
    content: "";
    left: calc( 50% - 6.7vw );
    width: 13.4vw;
    height: 0.4vw;
  }
}

/* coporate next content */

.title {
  position: relative;
}
.title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc( 50% - 50px );
  width: 100px;
  height: 3px;
  background-color: #000;
}

@media screen and ( max-width: 767px) {
  .next-content {
    width: 100vw;
    margin: 29.3vw auto 0;
  }

  .main__corporate-title,
  .next-content .main__corporate-title.title  {
    width: 85.3vw;
    font-size: 4.5vw;
    padding-bottom: 2.67vw;
    margin: 0 auto;
  }

  .title::after {
    content: "";
    left: calc( 50% - 6.7vw );
    width: 13.4vw;
    height: 0.4vw;
  }
}