@charset "UTF-8";
/* --------------------------------------------
   女性の活躍応援！パートスタッフ募集
-------------------------------------------- */
/* 女性の活躍応援！パートスタッフ募集 */
body.category-recruit_w {
  overflow-x: hidden;
}

.category-recruit_w img {
  max-width: 100%;
  height: auto;
}

.recruitw_btn_area {
  max-width: 100%;
  margin: 2em auto 4em;
  margin-right: auto;
  margin-left: auto;
}

.recruitw_btn_item {
  width: 32%;
}

a.recruitw_btn {
  display: block;
  padding: 1em 0.2em;
  border-radius: 5px;
  background: url("../../images/bg_gray_dark.png");
  color: #1f6a39;
  font-size: 1.125em;
  font-weight: bold;
  text-align: center;
}

/* 女性の活躍応援！社員募集中です！ */
.recruitW01_txt {
  margin-top: 1.5em;
  margin-bottom: 2em !important;
  color: #006934;
  font-size: 1.5em;
  line-height: 1.8;
}

/* 求める人材 */
.recruitW02_wrap {
  width: 80%;
  margin: 0 auto 3em;
  border-radius: 5px;
  background-color: #F2F2F2;
}

.recruitW02_cnt {
  width: 62%;
  padding: 2em 0 0 3em;
}

.recruitW02_list {
  position: relative;
  margin-bottom: 0.6em !important;
  font-size: 1.125em;
  font-weight: bold;
  list-style: none !important;
}

.recruitW02_list:before {
  position: absolute;
  left: -1em;
  content: "◆";
}

.recruitW02_img {
  width: 38%;
}

/* 代表高原からのメッセージ */
.recruitW03_wrap {
  position: relative;
}

.recruitW03_cnt {
  width: 90%;
  margin: 0 auto;
}

.recruitW03_title {
  position: absolute;
  top: 1em;
  left: 0;
  padding: 1.5em 2em;
  background: rgba(0, 105, 52, 0.9);
  color: #FFF;
  font-size: 1.5em;
  font-weight: bold;
}

.recruitW03_name {
  margin-left: 1em;
  font-size: 1.917em;
}

.recruitW03_txt {
  width: 63%;
  padding-top: 12em;
  line-height: 2;
}

.recruitW03_img {
  width: 33%;
}

.recruitW_conversionWrap {
  width: 79%;
  margin: 3em auto;
}

.recruitW_conversionBtn {
  width: 49%;
}

/* 働きやすい環境への取り組み */
.recruitW04_bg {
  margin: 0 calc( 50% - 50vw );
  margin-bottom: 3em;
  padding-top: 3em;
  padding-bottom: 4em;
  background-color: #FFBEC6;
}

.recruitW04_wrap {
  position: relative;
}

.recruitW04_title {
  position: absolute;
  top: 0;
  right: 0;
  width: 21em;
  padding: 0.2em;
  border: 4px solid #FFF;
  color: #FFF;
  font-size: 2.25em;
  font-weight: bold;
  text-align: center;
}

.recruitW04_img {
  width: 35%;
  margin-top: 2.5em;
}

.recruitW04_txt {
  width: 62%;
  padding-top: 5.5em;
  font-size: 1.125em;
  font-weight: bold;
  line-height: 2;
}

.recruitW04_label {
  margin: 0.8em 0;
  padding: 0.2em;
  background-color: #F8283E;
  color: #FFF;
  font-size: 1.333em;
  text-align: center;
}

.recruitW04_line {
  margin: 3em 0 1em;
}

.recruitW04_meritImg {
  width: 32%;
}

/* 先輩社員からのメッセージ */
.recruitW05_wrap {
  z-index: -100;
  position: relative;
  margin-bottom: 3em;
  padding-top: 2em;
  padding-bottom: 2em;
  background-color: #FFF4B5;
}

.recruitW05_wrap::before,
.recruitW05_wrap::after {
  position: absolute;
  width: 6.688em;
  height: 6.688em;
  background-image: url(../../images/recruit_07.png);
  background-size: cover;
  content: "";
}

.recruitW05_wrap::before {
  z-index: -1;
  top: 0;
  left: 0;
}

.recruitW05_wrap::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}

.recruitW05_title {
  padding: 0.5em 1em;
  background-color: #2BBCFF;
  color: #FFF;
  font-size: 2.25em;
  font-weight: bold;
}

.recruitW05_img {
  position: absolute;
  top: 1em;
  right: 1.5em;
}

.recruitW05_txt {
  padding: 2em 21em 1em 2.5em;
  font-weight: bold;
  line-height: 2;
}

.faq-list dt {
  color: #1f6a39;
  font-size: 1.4em;
  font-weight: bold;
}
.faq-list dt::before {
  content: "■";
}
.faq-list dd + dt {
  margin-top: 1.3em;
}
@media screen and (max-width: 1900px) {
  /* 女性の活躍応援！パートスタッフ募集 */
}
@media screen and (max-width: 1700px) {
  /* 女性の活躍応援！パートスタッフ募集 */
}
@media screen and (max-width: 1540px) {
  /* 女性の活躍応援！パートスタッフ募集 */
}
@media screen and (max-width: 1260px) {
  /* 女性の活躍応援！パートスタッフ募集 */
}
@media screen and (max-width: 1024px) {
  /* 女性の活躍応援！パートスタッフ募集 */
  .recruitW02_wrap {
    width: 89%;
  }
  .recruitW03_title {
    font-size: 2.1vw;
  }
  .recruitW03_txt {
    padding-top: 17vw;
  }
  .recruitW04_bg {
    font-size: 1.4vw;
  }
}
@media screen and (max-width: 768px) {
  /* 女性の活躍応援！パートスタッフ募集 */
  a.recruitw_btn {
    font-size: 0.9em;
  }
  .recruitW01_txt {
    font-size: 2.6vw;
  }
  .recruitW02_wrap {
    width: 100%;
  }
  .recruitW02_cnt {
    padding: 3vw 0 2vw 3vw;
    font-size: 1.7vw;
  }
  .recruitW04_bg {
    font-size: 1.3vw;
  }
  .recruitW05_wrap {
    font-size: 1.5vw;
  }
  .recruitW05_img {
    width: 27.5vw;
  }
}
@media screen and (max-width: 480px) {
  /* 女性の活躍応援！パートスタッフ募集 */
  .recruitw_btn_title {
    display: block;
    font-size: 0.8em;
  }
  .recruitW01_txt {
    font-size: 4vw;
  }
  .recruitW02_cnt {
    width: 100%;
    padding: 3vw 2vw;
    font-size: 2.8vw;
  }
  .recruitW03_cnt {
    width: 100%;
  }
  .recruitW03_title {
    position: static;
    font-size: 2.7vw;
  }
  .recruitW03_sp {
    width: 90%;
    margin: 1em auto 0;
  }
  .recruitW03_txt {
    width: 100%;
    margin-top: 1em;
    padding-top: 0;
  }
  .recruitW_conversionWrap {
    width: 85%;
    margin: 1em auto 3em;
  }
  .recruitW_conversionBtn {
    width: 100%;
    margin-top: 1em;
  }
  .recruitW04_bg {
    font-size: 4vw;
  }
  .recruitW04_title {
    position: static;
    width: 100%;
    font-size: 1.8em;
  }
  .recruitW04_img {
    width: 90%;
    margin: 1em auto 0;
  }
  .recruitW04_txt {
    width: 100%;
    padding-top: 1em;
    font-size: 0.8em;
  }
  .recruitW04_line {
    margin: 2em 0 1em;
  }
  .recruitW04_meritImg {
    width: 70%;
    margin: 0.5em auto 0;
  }
  .recruitW05_wrap {
    padding-top: 4em;
    padding-bottom: 4em;
    font-size: 3vw;
  }
  .recruitW05_title {
    font-size: 1.8em;
  }
  .recruitW05_img {
    position: static;
    width: 90%;
    margin: 1em auto 0;
  }
  .recruitW05_txt {
    margin-top: 1em;
    padding: 0 5%;
  }
}