/*リクルートサイトMV専用のcss*/



:is(.renewal).p-recMv {
  width: 100%;
  background: #333 url("https://www.vpj.co.jp/recruit/img/re_recruite_main-sp.jpg") no-repeat top center/cover;
  height: 100vh;
  max-height: 500px;
  margin-bottom: min(10vw, 80px);
}
@media screen and (min-width: 532px) {
  :is(.renewal).p-recMv {
    max-height: 400px;
  }
}
@media screen and (min-width: 960px) {
  :is(.renewal).p-recMv {
    position: relative;
    top: 0;
    left: 0;
    max-height: 850px;
    background: #333 url("https://www.vpj.co.jp/recruit/img/re_recruite_main.jpg") no-repeat top center/cover;
  }
}
:is(.renewal).p-recMv .p-recMv__outer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 139px;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  :is(.renewal).p-recMv .p-recMv__outer {
    padding: 0 4%;
    padding-top: 108px;
  }
}
@media screen and (min-width: 960px) {
  :is(.renewal).p-recMv .p-recMv__outer {
    padding: 0 6%;
    padding-top: 200px;
  }
}
:is(.renewal).p-recMv .p-recMv__outer .p-recMv_ttlUnit {
  width: 80%;
  margin: 0 auto;
}
@media screen and (min-width: 960px) {
  :is(.renewal).p-recMv .p-recMv__outer .p-recMv_ttlUnit {
    width: 50%;
    margin: 0 auto 0 0;
  }
}
:is(.renewal).p-recMv .p-recMv__outer .p-recMv_ttlUnit .p-recMv__ttl,
:is(.renewal).p-recMv .p-recMv__outer .p-recMv_ttlUnit .p-recMv__subTtl {
  font-size: clamp(25px, 12vw, 72px);
  font-weight: bold;
  color: #fafafa;
  line-height: 1.1;
  margin-bottom: 40px;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  text-align: left;
}
@media screen and (min-width: 532px) {
  :is(.renewal).p-recMv .p-recMv__outer .p-recMv_ttlUnit .p-recMv__ttl,
  :is(.renewal).p-recMv .p-recMv__outer .p-recMv_ttlUnit .p-recMv__subTtl {
    font-size: 9vw;
  }
}
@media screen and (min-width: 768px) {
  :is(.renewal).p-recMv .p-recMv__outer .p-recMv_ttlUnit .p-recMv__ttl,
  :is(.renewal).p-recMv .p-recMv__outer .p-recMv_ttlUnit .p-recMv__subTtl {
    font-size: clamp(25px, 9vw, 72px);
  }
}
:is(.renewal).p-recMv .p-recMv__outer .p-recMv_ttlUnit .p-recMv__subTtl {
  font-size: clamp(17px, 5vw, 24px);
  line-height: 1.4;
}
:is(.renewal).p-recMv .p-recMv__bnrArea {
  width: min(90%, 700px);
  display: none;
}
@media screen and (min-width: 960px) {
  :is(.renewal).p-recMv .p-recMv__bnrArea {
    display: block;
  }
}
:is(.renewal).p-recMv .p-recMv__bnrArea p {
  margin-bottom: 32px;
}