.p_mv {
  text-indent: -9999px;
}

@media (min-width: 768px) {
  .p_mv {
    max-width: 1000px;
    width: 100%;
    height: 517px;
    background: url("../../img/ttl_staff.png") left top no-repeat;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 767px) {
  .p_mv {
    width: 100%;
    height: 66.66vw;
    background: url("../../img/ttl_staff_sp.png") left bottom/100% auto no-repeat;
    margin-top: 13.33vw;
  }
}

@media (min-width: 768px) {
  .p_interview {
    padding-top: 100px;
  }
}

@media (max-width: 767px) {
  .p_interview {
    padding-top: 16vw;
  }
}

.p_interview__ttl {
  display: flex;
  justify-content: center;
  align-items: baseline;
}

@media (min-width: 768px) {
  .p_interview__ttl {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  .p_interview__ttl {
    margin-bottom: 8vw;
  }
}

.p_interview__ttl::before, .p_interview__ttl::after {
  content: '';
  display: block;
  background: url("../../img/ico_circle.svg") left top/100% 100% no-repeat;
}

@media (min-width: 768px) {
  .p_interview__ttl::before, .p_interview__ttl::after {
    width: 10px;
    height: 11px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (max-width: 767px) {
  .p_interview__ttl::before, .p_interview__ttl::after {
    width: 1.33vw;
    height: 1.46vw;
    margin-left: 1.33vw;
    margin-right: 1.33vw;
  }
}

.p_interview__ttl__eng {
  display: block;
  letter-spacing: .2em;
  font-family: 'Rambla', sans-serif;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  .p_interview__ttl__eng {
    font-size: 26px;
  }
}

@media (max-width: 767px) {
  .p_interview__ttl__eng {
    font-size: 13px;
    font-size: 3.46667vw;
  }
}

.p_interview__ttl__num {
  display: block;
  color: #588e56;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  .p_interview__ttl__num {
    font-size: 38px;
    margin-left: 10px;
  }
}

@media (max-width: 767px) {
  .p_interview__ttl__num {
    font-size: 19px;
    font-size: 5.06667vw;
    margin-left: 1.33vw;
  }
}

.p_interview__human__job {
  display: block;
  text-align: center;
  letter-spacing: .2em;
  font-weight: bold;
}

@media (min-width: 768px) {
  .p_interview__human__job {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .p_interview__human__job {
    font-size: 12px;
    font-size: 3.2vw;
  }
}

.p_interview__human__name {
  display: block;
  text-align: center;
  letter-spacing: .2em;
  font-weight: bold;
}

@media (min-width: 768px) {
  .p_interview__human__name {
    font-size: 40px;
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .p_interview__human__name {
    font-size: 20px;
    font-size: 5.33333vw;
    margin-top: 4vw;
  }
}

.p_interview__school {
  text-align: center;
  color: #b2b2b2;
  letter-spacing: .2em;
  font-weight: bold;
}

@media (min-width: 768px) {
  .p_interview__school {
    font-size: 14px;
    margin-top: 40px;
  }
}

@media (max-width: 767px) {
  .p_interview__school {
    font-size: 10px;
    font-size: 2.66667vw;
    margin-top: 4vw;
  }
}

.p_interview__sns {
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 768px) {
  .p_interview__sns {
    width: 32px;
    margin-top: 40px;
  }
  .p_interview__sns img {
    max-width: 100%;
    height: auto;
  }
}

@media (max-width: 767px) {
  .p_interview__sns {
    width: 6.66vw;
    margin-top: 4vw;
  }
}

@media (min-width: 768px) {
  .p_interview__catch {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .p_interview__catch {
    margin-top: 8vw;
  }
}

.p_interview__catch span {
  display: table;
  background: linear-gradient(transparent 60%, #fdfad1 60%);
  margin-left: auto;
  margin-right: auto;
  letter-spacing: .2em;
  font-weight: bold;
}

@media (min-width: 768px) {
  .p_interview__catch span {
    font-size: 26px;
    margin-top: 10px;
  }
}

@media (max-width: 767px) {
  .p_interview__catch span {
    font-size: 15px;
    font-size: 4vw;
    margin-top: 1.33vw;
  }
}

.p_interview__subTtl {
  border-left: 5px solid #588e56;
}

@media (min-width: 768px) {
  .p_interview__subTtl {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .p_interview__subTtl {
    margin-top: 8vw;
  }
}

@media (min-width: 768px) {
  .p_history__ttl,
  .p_recruit__ttl {
    margin-bottom: 60px;
    padding-top: 120px;
  }
}

@media (max-width: 767px) {
  .p_history__ttl,
  .p_recruit__ttl {
    margin-bottom: 8vw;
    padding-top: 16vw;
  }
}

.p_history__ttl__small,
.p_recruit__ttl__small {
  display: block;
  color: #588e56;
  font-weight: bold;
  letter-spacing: .2em;
  text-align: center;
}

@media (min-width: 768px) {
  .p_history__ttl__small,
  .p_recruit__ttl__small {
    font-size: 26px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .p_history__ttl__small,
  .p_recruit__ttl__small {
    font-size: 13px;
    font-size: 3.46667vw;
    margin-bottom: 2.66vw;
  }
}

.p_history__ttl__large,
.p_recruit__ttl__large {
  display: block;
  letter-spacing: .2em;
  font-family: 'Rambla', sans-serif;
  font-weight: bold;
  text-align: center;
}

@media (min-width: 768px) {
  .p_history__ttl__large,
  .p_recruit__ttl__large {
    font-size: 38px;
  }
}

@media (max-width: 767px) {
  .p_history__ttl__large,
  .p_recruit__ttl__large {
    font-size: 19px;
    font-size: 5.06667vw;
  }
}

.p_history__subTtl,
.p_recruit__subTtl {
  border-left: 5px solid #588e56;
}

@media (min-width: 768px) {
  .p_history__subTtl,
  .p_recruit__subTtl {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .p_history__subTtl,
  .p_recruit__subTtl {
    margin-top: 8vw;
  }
}

@media (min-width: 768px) {
  .p_recruit {
    margin-bottom: 250px;
  }
}

@media (max-width: 767px) {
  .p_recruit {
    margin-bottom: 25.33vw;
  }
}

.p_recruit__obiTtl {
  background: #f7f7f7;
  margin-left: auto;
  margin-right: auto;
  font-weight: bold;
  letter-spacing: .2em;
}

@media (min-width: 768px) {
  .p_recruit__obiTtl {
    max-width: 920px;
    width: 100%;
    font-size: 26px;
    padding: 15px 40px;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .p_recruit__obiTtl {
    width: 92vw;
    font-size: 15px;
    font-size: 4vw;
    margin-top: 8vw;
    padding: 4vw 4vw 4vw 4vw;
  }
}

.p_recruit__subTtl {
  border-left: 5px solid #588e56;
}

@media (min-width: 768px) {
  .p_recruit__subTtl {
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .p_recruit__subTtl {
    margin-top: 8vw;
  }
}