@charset "UTF-8";
/* ===== @use ===== */
/* ===== common.scss ===== */
/* -- 変数 -- */
/* font */
/* color */
/* switching */
/* ===== @mixin ===== */
/* -- crm -- */
/* ===== recruit.css ===== */
/* -- recruitBox02 -- */
.recruitBox02 {
  margin-top: 3.5rem;
}
.recruitBox02 > * {
  position: relative;
}
.recruitBox02 > *:not(:last-child)::after {
  position: absolute;
  top: 4px;
  right: 0;
  left: 0;
  height: 1px;
  background: #B50033;
  content: "";
}
.recruitBox02-num {
  font-family: "archivo-expanded", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 10px;
  line-height: 1;
  letter-spacing: -0.025em;
  color: #B50033;
  position: relative;
}
.recruitBox02-num::before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 6px;
  height: 6px;
  background: #B50033;
  border-radius: 50%;
  z-index: 20;
  content: "";
}
.recruitBox02-num span {
  display: inline-block;
  position: relative;
  padding: 0 11px 0 10px;
  background: #F5F5F5;
  z-index: 10;
}
.recruitBox02 h4 {
  margin: 2.6rem 1rem 0;
}
.recruitBox02-txt {
  margin: 1.7rem 1rem 0;
}
@media screen and (min-width: 901px) {
  .recruitBox02 {
    display: flex;
    flex-wrap: wrap;
  }
  .recruitBox02 > * {
    padding-right: 1%;
    width: calc((100% - 24px) / 3);
  }
  .recruitBox02 > *:not(:nth-child(3n)) {
    margin-right: 12px;
  }
  .recruitBox02 > *:not(:nth-last-child(-n+3)) {
    margin-bottom: 3.3rem;
  }
}
@media screen and (max-width: 900px) {
  .recruitBox02 > *:not(:last-child) {
    padding-bottom: 29px;
    margin-bottom: 1px;
  }
  .recruitBox02 > *:not(:last-child)::after {
    top: 12px;
    bottom: 0;
    right: auto;
    left: 2px;
    width: 1px;
    height: auto;
  }
  .recruitBox02 h4 {
    margin: 2.6rem 0 0 20px;
  }
  .recruitBox02-txt {
    margin: 1.7rem 0 0 20px;
  }
}/*# sourceMappingURL=recruit.css.map */