/* 2027-2027   */
.recruit .page-header {
    width: 100%;
    height: 200px;
    background: url(../../images/common/titlebg-subpage.jpg) no-repeat center top/cover;
    margin: 85px auto 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.recruit .page-header h1 {
    font-family: "din-2014-narrow", sans-serif;
    font-weight: 200;
    font-size: 42px;
    line-height: 1.9;
    color: #fff;
    letter-spacing: 0.1em;
}

.recruit main section.mv {
   width: 100%;
   max-width: 1920px;
    margin: 0 auto;
}
.recruit main section.mv .wrap { 
    height: 710px;
   /* 
    height: 660px;
   */
}
.recruit main section.mv .wrap .inner.btn ul li {
    height: 74px;
   /* 
    height: 71px;
   */
}

.recruit main section.mv .wrap .inner.btn h2 {
  height:82px;
  padding: 28px 40px 18px 90px;
}
.recruit main section.mv .wrap .inner.mv span.bg {
    background-position: left top;
    background-size: 100%;
}



@media (max-width: 768px) {
  .recruit .page-header { height: 21.511vw; margin: 0 auto; background: url(../../images/common/titlebg-subpage.jpg) no-repeat center top/cover; text-align: center; display: flex; justify-content: center; align-items: center; }
  .recruit main section.mv {width: 100%; max-width: 100%; margin: 0 auto; }
    .recruit main section.mv .wrap { height: 100%; }
      .recruit main section.mv .wrap .inner.mv { width: 100%; height: 46.875vw; /* 900/1920*100 */ }
         .recruit main section.mv .wrap .inner.mv span.bg {width: 100%; background-size: cover; }
      .recruit main section.mv .wrap .inner.btn h2 { height:auto; font-size: 3.516vw; text-align: center; padding: 20px 1.953vw 5.859vw 1.953vw; }
      .recruit main section.mv .wrap .inner.btn ul li { width: 100%; height: 11.719vw; }
}


/* 2026年度ー2027年向け   */
#recruit2026 { 
  display: block;
  width: calc(100% - 410px);
  height: 710px;
  position: relative;
  background: url("/media/2026/02/recruit_top_image_2027.webp") no-repeat center top / cover;
  overflow: hidden; 
  z-index: 1;
}
#recruit2026 .recruit2026-h1 {
  width: 470px;
  height: 350px;
  position: absolute;
  top: 3%;
  left: 1%;
  background: url("/media/2026/02/recruit_top_image_2027_h1.webp") no-repeat center top / contain;
  z-index: 2;
}
    #recruit2026 .recruit2026-h2 {
        width: 155px;
        height: 155px;
        position: absolute;
        top: 5%;
        right: 2.4%;
        background: url("/media/2026/02/recruit_top_image_2027_h2.webp") no-repeat center top / contain;
        z-index: 3;
    }

@media (min-width: 769px) {
    /* PC版: 1920pxで中央、縮小に合わせて1280pxで中央から左20%相当まで移動 */
    #recruit2026 {
        background-position: calc(50% - clamp(0px, (1920px - 100vw) * 0.271875, 174px)) top;
    }
}


@media (max-width: 768px) { 
.recruit.index .page-header { display: none; }
    #recruit2026 { display: block; width: 100%; height: 46.875vw; }
      #recruit2026 .recruit2026-h1 {  width: 45.333vw; height: 26.667vw; }
      #recruit2026 .recruit2026-h2 { width: 14.667vw; height: 14.667vw; }
}