@charset "UTF-8";

.recuruit_content {
  /* background-image: url(../img/employee_benefits/white_bg02.jpg);
  background-repeat: no-repeat;
  background-position: top -15vw center;
  background-size: cover; */

  background: none;
  min-height: 1200px;
  overflow: hidden;
}

.recuruit_content::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url(../img/employee_benefits/white_bg02.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top -16vw center;
  z-index: -1;
}

.recuruit_content.bg-system::before {
  background-position: top 0 center;
}
.recuruit_content.bg-benefit::before {
  background-position: top 0 center;
}
.recuruit_content.bg-holiday::before {
  background-position: top 0 center;
}
.recuruit_content.bg-allowance::before {
  background-position: top 0 center;
}
.recuruit_content.bg-working::before {
  background-position: top 0 center;
}

.under_pagettl {
  position: relative;
  z-index: 20;
}

.blockttl {
  font-size: 32px;
  margin-bottom: 20px;
}

.em_block {
  padding: 0 0 0 0;
  margin: 0 auto;
  /* margin: -6vw auto 0; */
  /* position: relative;
  top: -6vw; */
}

.em_inner {
  position: relative;
  z-index: 10;
}

.em_inner .inner {
  width: 90%;
  max-width: 800px;
  margin: 5vw auto 0;
}

.em_flex {
  flex-wrap: wrap;
}

.em_flex li {
  width: calc((100% - 60px) / 2);
  margin-right: 60px;
}

.em_flex li:nth-of-type(n + 2) {
  margin-right: 0;
}

.em_flex li:nth-of-type(n + 3) {
  margin-top: 60px;
}

.em-content {
  background: #f5f5f5;
  border-radius: 10px;
  padding: 30px 20px 35px 20px;
  position: relative;
}

.em-content:nth-of-type(n + 2) {
  margin-top: 60px;
}

.em-content .n_together:nth-of-type(n + 2) {
  margin-top: 40px;
}

.em_itemttl {
  font-size: 26px;
  line-height: 1.15;
  text-align: center;
  margin-bottom: 20px;
}

.em_txt {
  font-size: 15px;
  letter-spacing: 0.05px;
  line-height: 1.6;
  margin-top: 10px;
}

.small_txt {
  font-size: 14px;
}

.system {
  margin-top: 15px;
}

.system li {
  width: 100%;
}

.system li:nth-of-type(n + 2) {
  margin-top: 15px;
}

/* イラスト */
.i_comtraining {
  width: 70%;
  margin: 20px auto 0;
}

.i_award {
  width: 50%;
  margin: 20px auto 0;
}

.i_stress {
  width: 70%;
  margin: 20px auto 0;
}

.i_training {
  width: 70%;
  margin: 20px auto 0;
}

.i_dress {
  width: 70%;
  margin: 20px auto 0;
}

.i_health {
  width: 70%;
  margin: 20px auto 0;
}

.i_time {
  width: 50%;
  margin: 20px auto 0;
}

.i_holiday {
  width: 60%;
  margin: 20px auto 0;
}

.i_babyholiday {
  width: 30%;
  margin: 20px auto 0;
}

.i_birthday {
  width: 50%;
  margin: 20px auto 0;
}

.i_family {
  width: 60%;
  margin: 20px auto 0;
}

.i_house {
  width: 80%;
  margin: 20px auto 0;
}

.i_shortwork {
  width: 60%;
  margin: 20px auto 0;
}

.i_skillup {
  width: 50%;
  margin: 20px auto 0;
}

.i_machine {
  width: 70%;
  margin: 20px auto 0;
}

.i_qa {
  width: 60%;
  margin: 20px auto 0;
}

.i_bookbuy {
  width: 70%;
  margin: 20px auto 0;
}

.work_list li a {
  display: block;
}

.pc_only {
  display: block;
  margin-top: 60px;
}

.pc_only.mt0 {
  margin-top: 0;
}

.sp_only {
  display: none;
  margin-top: 0;
}

/* tab */
@media (max-width: 1180px) {
}

/*---------------------------
sp
---------------------------*/
@media only screen and (max-width: 820px) {
  .pc_only {
    display: none;
    margin-top: 0;
  }

  .sp_only {
    display: block;
    margin-top: 20px;
  }

  .recuruit_content {
    min-height: 3800px;
  }

  .recuruit_content::before {
    background-image: url(../img/employee_benefits/white_bg02_sp.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top -3vw center;
  }

  .work_panel {
    scroll-margin-top: 52px;
  }

  .blockttl {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .em_flex .em_item.right_Area {
    margin-top: 20px;
  }

  .em_flex li {
    width: 100%;
    font-size: 14px;
    margin-right: 0;
  }

  .em_flex li .system li {
    margin-top: 10px;
  }

  .em_flex li:nth-of-type(n + 2) {
    margin-top: 0;
  }

  .em_itemttl {
    font-size: 20px;
  }

  .em_txt {
    font-size: 14px;
  }

  .em_txt.text-center {
    text-align: center;
  }

  .em-content {
    padding: 20px 15px;
  }

  .em-content:nth-of-type(n + 2) {
    margin-top: 20px;
  }

  .em_block {
    padding: 40px 0 0;
  }
}

@media only screen and (max-width: 499px) {
}