@charset "UTF-8";

.p-benefit_program .mv {
  background: url(../img/benefit_program/bg_title_benefit_program.png) repeat center center/cover;
}

@media screen and (max-width: 767px) {
  .p-benefit_program .mv {
    background-position: 92%;
  }
}

.p-benefit_program .c-title__page_g.--benefit_program {
  background: url(../img/recruit/benefits_and_education_system/benefit_program/bg_title_benefit_program.png) no-repeat;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .p-benefit_program .c-title__page_g.--benefit_program {
    background-position: 92%;
  }
}

.p-benefit_program__cnt {
  padding: 75px 0 40px;
}

@media screen and (max-width: 767px) {
  .p-benefit_program__cnt {
    padding: 11.719vw 0 10.094vw;
  }
}

.p-benefit_program__cnt-g {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .p-benefit_program__cnt-g {
    display: block;
  }
}

.p-benefit_program__cnt-g-box {
  max-width: 485px;
  width: 48.5%;
  margin-bottom: 70px;
}

@media screen and (max-width: 767px) {
  .p-benefit_program__cnt-g-box {
    max-width: none;
    width: 100%;
    margin-bottom: 10.667vw;
  }
}

.p-benefit_program__cnt-g-box--title {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000000;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.2em;
  padding-bottom: 2px;
  margin-bottom: 12px;
}

@media screen and (max-width: 1024px) {
  .p-benefit_program__cnt-g-box--title {
    font-size: clamp(18px, 1.714vw, 24px);
    letter-spacing: 0.12em;
  }
}

@media screen and (max-width: 767px) {
  .p-benefit_program__cnt-g-box--title {
    font-size: clamp(17px, 3.125vw, 18px);
    letter-spacing: 0.1em;
    padding-bottom: 1.133vw;
    margin-bottom: 2.133vw;
  }
}

.p-benefit_program__cnt-g-box--title .icon {
  display: block;
  width: 56px;
  margin-right: 9px;
}

@media screen and (max-width: 1024px) {
  .p-benefit_program__cnt-g-box--title .icon {
    width: 40px;
  }
}

@media screen and (max-width: 767px) {
  .p-benefit_program__cnt-g-box--title .icon {
    width: 30px;
    margin-right: 5px;
  }
}

.p-benefit_program__cnt-g-box--text {
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .p-benefit_program__cnt-g-box--text {
    padding-bottom: 2.667vw;
  }
}

.p-benefit_program__cnt-g-box--text .detail,
.p-benefit_program__cnt-g-box--text .detail02 {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.64;
  letter-spacing: 0.075em;
  text-align: justify;
  text-justify: inter-ideograph;
  padding-bottom: 20px;
}

@media screen and (max-width: 767px) {

  .p-benefit_program__cnt-g-box--text .detail,
  .p-benefit_program__cnt-g-box--text .detail02 {
    font-size: clamp(12px, 2.5vw, 14px);
    padding-bottom: 2.667vw;
  }
}

.p-benefit_program__cnt-g-box--text .detail02 {
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .p-benefit_program__cnt-g-box--text .detail02 {
    padding-bottom: 1.867vw;
  }
}

.p-benefit_program__cnt-g-box--text .note {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.33;
  letter-spacing: 0.08em;
  padding: 8px 0 0 5px;
}

@media screen and (max-width: 767px) {
  .p-benefit_program__cnt-g-box--text .note {
    font-size: clamp(10px, 2.188vw, 12px);
    padding: 1.333vw 0 0 0.800vw;
  }
}

.p-benefit_program__cnt-g-box--text .list_box {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .p-benefit_program__cnt-g-box--text .list_box {
    padding-bottom: 2.667vw;
  }
}

.p-benefit_program__cnt-g-box--text .list_box.--box_p01 {
  padding: 10px 0;
}

@media screen and (max-width: 767px) {
  .p-benefit_program__cnt-g-box--text .list_box.--box_p01 {
    padding: 5px 0;
  }
}

.p-benefit_program__cnt-g-box--text .list_box figure {
  width: 100%;
  margin: 0;
}

.p-benefit_program__cnt-g-box--img {
  margin: 0 auto;
}

.p-benefit_program__cnt-g-box--img figure {
  width: 100%;
  margin: 0;
}

.p-benefit_program__cnt-g-box .--pb01 {
  padding-bottom: 0;
}