/*!

	settings

*/
:root {
  --BGC-HEADER: #FFF;
  --BGC-CONTENT: #EEE;
  --BGC-MAIN: #EEE;
  --BGC-SECTION-EVEN: #ddd;
  --BGC-FOOTER: #004D91;
  --SECTION-BG-ANGLE: -8deg;
  --width: min(100vw, 80rem);
  --full-width: 100vw;
  --angle: var(--SECTION-BG-ANGLE);
  /* Make sure we always have the absolute value */
  /* negative values don't work with CSS tan() */
  --abs-angle: max(var(--angle), var(--angle) * -1);
  --tan-alpha: tan(var(--abs-angle));
  --skew-padding: calc(var(--width) * var(--tan-alpha) / 2);
  --clip-padding: calc(var(--full-width) * var(--tan-alpha) / 2);
}

.pj-recruit__list {
  padding-left: 0;
  list-style-type: none;
}
.pj-recruit__list > li {
  border-bottom: 1px dotted #CCC;
  padding-top: 1em;
  padding-bottom: 1em;
}
.pj-recruit__list > li > span {
  display: block;
}
.pj-recruit__list > li > span:first-child {
  font-weight: bold;
}
.pj-recruit__list ul {
  list-style-type: disc;
  padding-left: 1.25em;
}
.pj-recruit__list ol {
  padding-left: 1.5em;
  list-style-type: none;
  counter-reset: recuit-counter;
}
.pj-recruit__list ol li:before {
  counter-increment: recuit-counter;
  content: counter(recuit-counter) " ) ";
  width: 1.5em;
  margin-left: -1.5em;
  display: inline-block;
}
@media (min-width: 668px) {
  .pj-recruit__list > li {
    display: flex;
  }
  .pj-recruit__list > li > span:first-child {
    width: 15em;
    flex-shrink: 0;
    font-weight: bold;
  }
}
@media (max-width: 667px) {
  .pj-recruit__list > li > span:nth-child(2) {
    margin-top: 1em;
  }
}

/*# sourceMappingURL=recruit.css.map */