@charset "UTF-8";
/* ----------------------------- 新卒採用 */
.p-graduate .l-pagetitle__recruit {
  background: url(../img/recruit/graduate/pagetitle_bg2_2027.jpg) no-repeat center;
  background-size: cover;
  height: min(20.3125vw,390px);
  padding-top: 140px;
  padding-bottom: 60px;
  margin-bottom: 80px;
}
.p-graduate .l-pagetitle__recruit .h {
  color: #fff;
}
.p-graduate__kv .heading {
  text-align: center;
  margin-bottom: -20px;
  position: relative;
  z-index: 1;
}
.p-graduate__kv .heading .en {
  margin-bottom: 5px;
}
.p-graduate__kv .heading .copy {
  font-size: min(5.72917vw,110px);
  line-height: 0.02em;
  line-height: 1.2;
  color: #DC2336;
}
@media screen and (max-width: 768px) {
  .p-graduate__kv .heading .copy {
    font-size: 29.33333vw;
  }
}
.p-graduate__kv .scroll {
  padding-top: 54px;
  padding-bottom: 58px;
  text-align: center;
  color: #DC2336;
}
.p-graduate__kv .scroll span {
  display: block;
  font-size: min(0.625vw,12px);
  line-height: 1.2;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-graduate__kv .scroll span {
    font-size: 3.2vw;
  }
}
.p-graduate__kv .scroll span:before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  height: 90px;
  border-right: 1px solid #DC2336;
  bottom: calc(100% + 9px);
}

/* ----------------------------- タブレット（769～1024px） */
/* ----------------------------- スマホ（～768px） */
@media screen and (max-width: 768px) {
  .p-graduate .l-pagetitle__recruit {
    padding-top: 80px;
    padding-bottom: 15px;
    margin-bottom: 50px;
    height: auto;
  }
  .p-graduate .l-pagetitle__recruit .en {
    margin-bottom: 8px;
  }
  .p-graduate__kv .heading {
    margin-bottom: -12px;
  }
  .p-graduate__kv .heading .en {
    line-height: 1;
  }
  .p-graduate__kv .heading .en img {
    width: 150px;
  }
  .p-graduate__kv .heading .copy {
    font-size: min(1.97917vw,38px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .p-graduate__kv .heading .copy {
    font-size: 10.13333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-graduate__kv .img1 img {
    width: 260px;
  }
  .p-graduate__kv .scroll {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .p-graduate__kv .scroll span {
    font-size: min(0.57292vw,11px);
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .p-graduate__kv .scroll span {
    font-size: 2.93333vw;
  }
}
@media screen and (max-width: 768px) {
  .p-graduate__kv .scroll span:before {
    height: 50px;
  }
}