/* =======================================
 member page
======================================= */
@media only screen and (min-width: 769px) {
  .p-member {
    background: url(/files/uploads/recruit/pc/bg_page.jpg) 50% 0 repeat-y #d9e7f4;
    background-size: 125em auto;
    padding-top: 4.688em;
  }
}

@media only screen and (max-width: 768px) {
  .p-member {
    padding-top: 12vw;
  }
}

.p-member__wrapper {
  background: #fff;
}

@media only screen and (min-width: 769px) {
  .p-member__wrapper {
    padding: 5.313em 0 1em;
  }
}

@media only screen and (max-width: 768px) {
  .p-member__wrapper {
    padding: 10.667vw 0 1em;
  }
}

.p-member__wrapper-title {
  position: relative;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .p-member__wrapper-title {
    margin-bottom: 4.375em;
  }
}

@media only screen and (max-width: 768px) {
  .p-member__wrapper-title {
    margin-bottom: 8vw;
  }
}

.p-member__wrapper-title h1 {
  font-family: 'Source Sans Pro', sans-serif;
  color: #3366CC;
  font-weight: bold;
  letter-spacing: 0.03em;
}

@media only screen and (min-width: 769px) {
  .p-member__wrapper-title h1 {
    font-size: 3.625em;
  }
}

@media only screen and (max-width: 768px) {
  .p-member__wrapper-title h1 {
    font-size: 9.333vw;
  }
}

.p-member__wrapper-title img {
  margin-top: 0.5em;
}

@media only screen and (min-width: 769px) {
  .p-member__wrapper-title img {
    width: 7.625em;
  }
}

@media only screen and (max-width: 768px) {
  .p-member__wrapper-title img {
    width: 23.333vw;
  }
}

@media only screen and (min-width: 769px) {
  .p-member__wrapper-voice {
    margin: -5em auto 10em;
    padding-top: 5em;
    width: 80%;
  }
}

@media only screen and (max-width: 768px) {
  .p-member__wrapper-voice {
    margin: -21.333vw auto 21.333vw;
    padding-top: 21.333vw;
    width: 92vw;
  }
}

@media only screen and (min-width: 769px) {
  .p-member__wrapper-voice-pic {
    margin: 0 auto 3.125em;
    width: 33.75em;
  }
}

@media only screen and (max-width: 768px) {
  .p-member__wrapper-voice-pic {
    margin: 0 auto 5.333vw;
    width: 64vw;
  }
}

.p-member__wrapper-voice-slogan {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .p-member__wrapper-voice-slogan {
    font-size: 2.438em;
    line-height: 1.33;
    margin-bottom: 0.513em;
  }
}

@media only screen and (max-width: 768px) {
  .p-member__wrapper-voice-slogan {
    font-size: 5.867vw;
    line-height: 1.43;
    margin-bottom: 4vw;
  }
}

.p-member__wrapper-voice-title {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
}

@media only screen and (min-width: 769px) {
  .p-member__wrapper-voice-title {
    font-size: 1.625em;
    line-height: 1.5;
    margin-bottom: 0.962em;
  }
}

@media only screen and (max-width: 768px) {
  .p-member__wrapper-voice-title {
    font-size: 4.133vw;
    line-height: 1.26;
    margin-bottom: 4.667vw;
  }
}

.p-member__wrapper-voice-text {
  letter-spacing: 0.075em;
}

@media only screen and (min-width: 769px) {
  .p-member__wrapper-voice-text {
    font-size: 1.25em;
    line-height: 1.75;
  }
}

@media only screen and (max-width: 768px) {
  .p-member__wrapper-voice-text {
    font-size: 3.733vw;
    line-height: 1.5;
    margin: auto;
    width: 80vw;
  }
}
/*# sourceMappingURL=page_member.css.map */