@charset "utf-8";
/* ====================================================
採用情報　recruit
==================================================== */
/*  RECRUITタイトル */
.recruit .contents-cmn__pagetitle .title-box h1 {
  width: 178px;
  margin: 0 auto 13px;
}
@media (max-width: 767px) {
  .recruit .contents-cmn__pagetitle .title-box h1 {
    width: 100%;
    max-width: 130px;
    margin: 0 auto 7px;
  }
}

/* 木を追加 */
.contents .se__contents-box.tree-icon:before {
  position: absolute;
  top: auto;
  left: 6.027%;
  z-index: 20;
  width: 8.585vw;
  min-width: 50px;
  max-width: 101px;
  height: 7.816vw;
  min-height: 45.5px;
  max-height: 92px;
  background-image: url(../img/common/tree_left.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  transform: translateY(-50%);
}
.contents .se__contents-box:nth-of-type(odd):before {
  right: 6.027%;
  left: auto;
  background-image: url(../img/common/tree_right.svg);
}

/* 人々を追加 */
.contents .se__contents-box.people-icon:before {
  position: absolute;
  top: auto;
  left: 7.039%;
  z-index: 20;
  width: 9.63vw;
  min-width: 67.22px;
  max-width: 131.55px;
  height: 11.965vw;
  min-height: 83.51px;
  max-height: 163.44px;
  background-image: url(../img/recruit/people_left.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .contents .se__contents-box.people-icon:before {
    top: -10px;
    left: 0;
  }
}
.contents .se__contents-box.people-right-icon:after {
  position: absolute;
  top: 220px;
  right: 6.027%;
  z-index: 20;
  width: 11.375vw;
  min-width: 74.77px;
  max-width: 155.38px;
  height: 16.462vw;
  min-height: 108.21px;
  max-height: 224.87px;
  background-image: url(../img/recruit/people_right.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .contents .se__contents-box.people-right-icon:after {
    top: 100px;
    right: 0;
  }
}

/* 自動販売機を追加 */
.contents .se__contents-box.machine-icon:after {
  position: absolute;
  top: 32px;
  right: 11.39%;
  z-index: 20;
  width: 5.165vw;
  min-width: 47px;
  max-width: 70.55px;
  height: 10.469vw;
  min-height: 95.27px;
  max-height: 143px;
  background-image: url(../img/recruit/machine_right.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .contents .se__contents-box.machine-icon:after {
    right: 6.027%;
  }
}
@media (max-width: 767px) {
  .contents .se__contents-box.machine-icon:after {
    top: auto;
    bottom: -95px;
  }
}

/* .common-btn_active */
.recruit .common-btn_active {
  max-width: 366px;
  margin: auto;
}
.common-btn_active a {
  padding: 18px 0;
  border-radius: 33px;
  font-size: var(--font-size17);
}
@media (max-width: 767px) {
  .recruit .common-btn_active {
    max-width: 264px;
  }
  .common-btn_active a {
    padding: 12px 0;
    font-size: var(--font-size14);
  }
}

/* 採用情報 リード文 recruit-read */
.recruit-read .contents-cmn__inner {
  position: relative;
  padding: 7.76vw 4.685vw 6.735vw;
  text-align: center;
}
.recruit-read .contents-cmn__inner h2 {
  position: relative;
  display: inline-block;
  margin-bottom: 30px;
  font-size: var(--font-size30);
  font-weight: bold;
  line-height: 1;
  color: var(--c-orange1);
}
.recruit-read .contents-cmn__inner .read-box .read-txt {
  width: 90.3%;
  margin: 0 auto 60px;
}
.recruit-read .contents-cmn__inner .read-box .read-txt p {
  font-size: var(--font-size17);
  line-height: 1.8;
  text-align: left;
  letter-spacing: 0.05em;
}
.recruit-read .contents-cmn__inner .read-box .read-txt p span {
  font-weight: bold;
}
.recruit-read .contents-cmn__inner .read-box .recruit-nav {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 60px;
}
.recruit-read .contents-cmn__inner .read-box .recruit-nav span {
  position: relative;
  width: 31.07%;
  margin-right: 3.2%;
  border: solid 2px #f29600;
  border-radius: 19px;
  font-size: var(--font-size17);
  font-weight: bold;
  text-align: left;
}
.recruit-read .contents-cmn__inner .read-box .recruit-nav span:nth-child(3) {
  margin-right: 0;
}
.recruit-read .contents-cmn__inner .read-box .recruit-nav span::after {
  position: absolute;
  top: 0;
  right: 8%;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  border: 0;
  border-right: solid 3px #f67215;
  border-bottom: solid 3px #f67215;
  content: "";
  transform: rotate(45deg);
}
.recruit-read .contents-cmn__inner .read-box .recruit-nav span a {
  display: block;
  height: 64px;
  padding-left: 12.6%;
  line-height: 64px;
}
@media (max-width: 1024px) {
  .recruit-read .contents-cmn__inner .read-box .recruit-nav span {
    font-size: var(--font-size15);
  }
}
@media (max-width: 767px) {
  .recruit-read .contents-cmn__inner {
    padding: 42px 5.45% 50px;
  }
  .recruit-read .contents-cmn__inner h2 {
    font-size: var(--font-size22);
    line-height: 1.6;
  }
  .recruit-read .contents-cmn__inner .read-box .read-txt {
    width: 100%;
    margin: 0 auto 30px;
  }
  .recruit-read .contents-cmn__inner .read-box .read-txt p {
    font-size: var(--font-size15);
  }
  .recruit-read .contents-cmn__inner .read-box .recruit-nav {
    align-items: center;
    flex-direction: column;
    padding-top: 25px;
  }
  .recruit-read .contents-cmn__inner .read-box .recruit-nav span {
    width: 200px;
    margin-right: 0;
    font-size: var(--font-size14);
  }
  .recruit-read .contents-cmn__inner .read-box .recruit-nav span:not(:last-child) {
    margin-bottom: 10px;
  }
  .recruit-read .contents-cmn__inner .read-box .recruit-nav span a {
    height: 50px;
    line-height: 50px;
  }
}

/* 先輩社員の声 recruit-voice */
.recruit-voice {
  padding-top: 100px;
}
.recruit-voice .contents-cmn__inner {
  padding-top: min(6.149vw, 84px);
  padding-bottom: min(7.687vw, 105px);
}
.recruit-voice .contents-cmn__inner .voice-box {
  width: 100%;
  padding: 4.026vw 4.685vw 3.587vw;
  border: 5px solid rgba(246, 114, 21, 0.23);
  border-radius: 10px;
  background-color: rgba(252, 239, 222, 0.23);
}
.recruit-voice .contents-cmn__inner .voice-box:not(:last-child) {
  margin-bottom: 50px;
}
.recruit-voice .contents-cmn__inner .voice-box .flex {
  justify-content: space-between;
}
.recruit-voice .contents-cmn__inner .voice-box .flex figure {
  width: 16%;
  margin-right: 6.9%;
}
.recruit-voice .contents-cmn__inner .voice-box .flex .voice-txt {
  width: 77%;
}
.recruit-voice .contents-cmn__inner .voice-box .flex .voice-txt .voice-ttl {
  margin-bottom: 15px;
}
.recruit-voice .contents-cmn__inner .voice-box .flex .voice-txt .voice-ttl figure {
  width: 24%;
  margin: 0 0 8px;
}
.recruit-voice .contents-cmn__inner .voice-box .flex .voice-txt .voice-ttl h3 {
  font-size: var(--font-size28);
  font-weight: bold;
  color: var(--c-blue1);
}
.recruit-voice .contents-cmn__inner .voice-box .flex .voice-txt .voice-read p {
  font-size: var(--font-size16);
}
@media (max-width: 767px) {
  .recruit-voice {
    padding-top: 72px;
  }
  .recruit-voice .contents-cmn__inner {
    padding-top: 27px;
    padding-bottom: 50px;
  }
  .recruit-voice .contents-cmn__inner .voice-box {
    padding: 5.333vw 4vw;
  }
  .recruit-voice .contents-cmn__inner .voice-box:not(:last-child) {
    margin-bottom: 30px;
  }
  .recruit-voice .contents-cmn__inner .voice-box .flex {
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .recruit-voice .contents-cmn__inner .voice-box .flex figure {
    width: 34.84%;
    margin-right: 4.5%;
    margin-bottom: 20px;
  }
  .recruit-voice .contents-cmn__inner .voice-box .flex .voice-txt {
    display: contents;
    width: 100%;
  }
  .recruit-voice .contents-cmn__inner .voice-box .flex .voice-txt .voice-ttl {
    width: 120px;
    margin-bottom: 20px;
  }
  .recruit-voice .contents-cmn__inner .voice-box .flex .voice-txt .voice-ttl figure {
    width: 100%;
    margin-bottom: 5px;
  }
  .recruit-voice .contents-cmn__inner .voice-box .flex .voice-txt .voice-ttl h3 {
    font-size: var(--font-size20);
  }
  .recruit-voice .contents-cmn__inner .voice-box .flex .voice-txt .voice-read {
    flex-basis: 100%;
    order: 2;
    width: 100%;
  }
}

/* 一日の流れ recruit-schedule */
.recruit-schedule {
  padding-top: 100px;
}
.recruit-schedule .contents-cmn__inner {
  padding-top: min(5.857vw, 80px);
  padding-bottom: min(6.003vw, 82px);
}
.recruit-schedule .contents-cmn__inner .schedule-ttl {
  margin-bottom: 16px;
  text-align: center;
}
.recruit-schedule .contents-cmn__inner .schedule-ttl h3 {
  font-size: var(--font-size29);
  font-weight: bold;
  color: var(--c-blue1);
}
.recruit-schedule .contents-cmn__inner .schedule-ttl p {
  padding-top: 7px;
  font-size: var(--font-size16);
}
.recruit-schedule .contents-cmn__inner .schedule-box {
  position: relative;
  width: 100%;
  padding: 3.953vw 6.369vw 6.003vw;
  border: 5px solid rgba(246, 114, 21, 0.23);
  border-radius: 10px;
  background-color: rgba(252, 239, 222, 0.23);
}
.recruit-schedule .contents-cmn__inner .schedule-box:not(:last-child) {
  margin-bottom: 77px;
}
.recruit-schedule .contents-cmn__inner .schedule-box:before {
  position: absolute;
  top: -16px;
  right: -4px;
  z-index: 20;
  width: 8.961vw;
  min-width: 65.01px;
  max-width: 122.41px;
  height: 8.93vw;
  min-height: 64.78px;
  max-height: 121.98px;
  background-image: url(../img/common/truck_right.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  transform: translateY(-50%);
}
.recruit-schedule .contents-cmn__inner .schedule-box:last-child:before {
  position: absolute;
  top: 2px;
  right: 1.89%;
  z-index: 20;
  width: 7.77vw;
  min-width: 52.16px;
  max-width: 106.14px;
  height: 13.865vw;
  min-height: 93.08px;
  max-height: 189.4px;
  background-image: url(../img/common/man_right.svg);
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  transform: translateY(-50%);
}
.recruit-schedule .contents-cmn__inner .schedule-box ul li {
  display: flex;
  justify-content: space-between;
}
.recruit-schedule .contents-cmn__inner .schedule-box ul li .schedule-time {
  width: 20.18%;
  margin-right: 5.54%;
  padding-top: 30px;
  padding-left: 1.8em;
  border-right: 1px solid rgba(242, 150, 0, 0.53);
  font-size: var(--font-size19);
  font-weight: bold;
  text-indent: -1.8em;
  color: var(--c-blue1);
}
.recruit-schedule .contents-cmn__inner .schedule-box ul li .schedule-time:before {
  display: inline-block;
  width: 1.879vw;
  max-width: 25.67px;
  height: 1.879vw;
  max-height: 25.67px;
  margin-right: 0.659vw;
  margin-bottom: 3px;
  background-image: url(../img/recruit/recruit-schedule_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  content: "";
}
.recruit-schedule .contents-cmn__inner .schedule-box ul li .schedule-txt {
  width: 74.34%;
  padding-top: 30px;
}
.recruit-schedule .contents-cmn__inner .schedule-box ul li .schedule-txt h4 {
  margin-bottom: 5px;
  font-size: var(--font-size19);
  font-weight: bold;
}
.recruit-schedule .contents-cmn__inner .schedule-box ul li .schedule-txt p {
  padding-left: 1em;
  font-size: var(--font-size16);
  text-indent: -1em;
}
.recruit-schedule .contents-cmn__inner .schedule-box ul li .schedule-txt p:before {
  content: "・";
}
.recruit-schedule .contents-cmn__inner .schedule-box ul li:first-child .schedule-time,
.recruit-schedule .contents-cmn__inner .schedule-box ul li:first-child .schedule-txt {
  padding-top: 0;
}
@media (max-width: 1024px) {
  .recruit-schedule .contents-cmn__inner .schedule-box ul li .schedule-time {
    width: 25.18%;
  }
  .recruit-schedule .contents-cmn__inner .schedule-box ul li .schedule-txt {
    width: 69.34%;
  }
}
@media (max-width: 767px) {
  .recruit-schedule {
    padding-top: 70px;
  }
  .recruit-schedule .contents-cmn__inner {
    padding-top: 27.8px;
    padding-bottom: 50px;
  }
  .recruit-schedule .contents-cmn__inner .schedule-ttl {
    margin-bottom: 20px;
  }
  .recruit-schedule .contents-cmn__inner .schedule-ttl h3 {
    font-size: var(--font-size20);
  }
  .recruit-schedule .contents-cmn__inner .schedule-ttl p {
    padding-top: 5px;
    font-size: var(--font-size14);
    text-align: left;
  }
  .recruit-schedule .contents-cmn__inner .schedule-box {
    padding: 5.333vw 4vw;
  }
  .recruit-schedule .contents-cmn__inner .schedule-box:not(:last-child) {
    margin-bottom: 50px;
  }
  .recruit-schedule .contents-cmn__inner .schedule-box:before {
    top: 6px;
    right: 4%;
  }
  .recruit-schedule .contents-cmn__inner .schedule-box:last-child:before {
    top: -9px;
    right: 4%;
  }
  .recruit-schedule .contents-cmn__inner .schedule-box ul li {
    flex-direction: column;
  }
  .recruit-schedule .contents-cmn__inner .schedule-box ul li:not(:last-child) {
    margin-bottom: 30px;
  }
  .recruit-schedule .contents-cmn__inner .schedule-box ul li .schedule-time {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    border-right: none;
    text-indent: 0;
  }
  .recruit-schedule .contents-cmn__inner .schedule-box ul li .schedule-time:before {
    width: 25px;
    max-width: 100%;
    height: 25px;
    max-height: 100%;
    margin-right: 9px;
  }
  .recruit-schedule .contents-cmn__inner .schedule-box ul li .schedule-txt {
    width: 100%;
    padding-top: 0;
  }
  .recruit-schedule .contents-cmn__inner .schedule-box ul li .schedule-txt h4 {
    margin-bottom: 10px;
    font-size: var(--font-size16);
  }
  .recruit-schedule .contents-cmn__inner .schedule-box ul li .schedule-txt p {
    font-size: var(--font-size14);
  }
}

/* 採用メッセージ recruit-message */
.recruit-message {
  padding-top: 170px;
}
.recruit-message .contents-cmn__inner {
  padding-top: min(5.857vw, 80px);
  padding-bottom: min(11.713vw, 160px);
}
.recruit-message .contents-cmn__inner .message-box .message-txt {
  width: 100%;
}
.recruit-message .contents-cmn__inner .message-box .message-txt p {
  font-size: var(--font-size16);
}
.recruit-message .contents-cmn__inner .message-box .message-txt p:not(:last-child) {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .recruit-message {
    padding-top: 72px;
  }
  .recruit-message .contents-cmn__inner {
    padding-top: 27px;
    padding-bottom: 50px;
  }
  .recruit-message .contents-cmn__inner .message-box {
    padding: 0 4vw;
  }
  .recruit-message .contents-cmn__inner .message-box .message-txt p {
    font-size: var(--font-size14);
  }
  .recruit-message .contents-cmn__inner .message-box .message-txt p:not(:last-child) {
    margin-bottom: 20px;
  }
}

/* 採用ボタン .recruit-btn */
.recruit-btn.common-btn_active {
  max-width: 820px;
  margin: 80px auto 200px;
}
.recruit-btn.common-btn_active .flex {
  justify-content: space-between;
  width: 100%;
}
.recruit-btn.common-btn_active a {
  width: 366px;
  padding: 19px 0 17px;
  border-radius: 33px;
}
.recruit-btn.common-btn_active a .btn-animation_text {
  font-size: var(--font-size17);
}
@media (max-width: 1024px) {
  .recruit-btn.common-btn_active .flex {
    justify-content: center;
  }
  .recruit-btn.common-btn_active a {
    width: 296px;
  }
  .recruit-btn.common-btn_active a:not(:last-child) {
    margin-right: 40px;
  }
}
@media (max-width: 767px) {
  .recruit-btn.common-btn_active {
    max-width: 820px;
    margin: 42px auto 120px;
  }
  .recruit-btn.common-btn_active .flex {
    align-items: center;
    flex-direction: column;
  }
  .recruit-btn.common-btn_active a:not(:last-child) {
    margin: 0 0 13px;
  }
  .recruit-btn.common-btn_active a .btn-animation_text {
    font-size: var(--font-size14);
  }
}