.recruit .mv {
  background: url("../recruit/img/bg_recruit.jpg") no-repeat center;
  background-size: cover; }

.l-flex h2 {
  text-align: center;
  margin: 50px auto 30px; }
.l-flex .flex-wrapper {
  display: flex;
  flex-wrap: wrap; }
.l-flex .flex-item {
  width: calc(100% / 3); }
.l-flex div[class^="flex-inner"] {
  position: relative;
  z-index: 1;
  padding: 2em; }
  .l-flex div[class^="flex-inner"]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: -1; }
  .l-flex div[class^="flex-inner"] .content {
    color: #fff; }
    .l-flex div[class^="flex-inner"] .content h3 {
      margin-top: 0;
      text-align: center; }
    .l-flex div[class^="flex-inner"] .content p {
      text-align: center; }
    .l-flex div[class^="flex-inner"] .content dl dt {
      margin-bottom: .25em; }
    .l-flex div[class^="flex-inner"] .content dl dd span {
      display: inline-block; }
.l-flex .flex-inner1 {
  background: url(/img/img_recruit01.jpg) no-repeat center/cover; }
.l-flex .flex-inner2 {
  background: url(/img/img_recruit02.jpg) no-repeat center/cover; }
.l-flex .flex-inner3 {
  background: url(/img/img_recruit03.jpg) no-repeat center/cover; }
.l-flex .flex-inner4 {
  background: url(/img/img_recruit04.jpg) no-repeat center/cover; }
.l-flex .flex-inner5 {
  background: url(/img/img_recruit05.jpg) no-repeat center/cover; }
.l-flex .flex-inner6 {
  background: url(/img/img_recruit06.jpg) no-repeat center/cover; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .l-flex .flex-item {
    width: 50%; } }
@media screen and (max-width: 899px) {
  .pc-lower {
    display: none; } }
@media screen and (min-width: 900px) and (max-width: 1199px) {
  .pc-lower {
    display: none; } }
@media screen and (min-width: 1200px) {
  .sp-lower {
    display: none; } }
@media screen and (min-width: 1800px) {
  .sp-lower {
    display: none; } }
@media screen and (max-width: 767px) {
  .l-flex .flex-item {
    width: 100%; } }
@media screen and (min-width: 481px) and (max-width: 767px) {
  .l-flex .flex-item dl {
    width: 75%;
    margin-left: auto;
    margin-right: auto; } }
@media screen and (max-width: 480px) {
  .recruit .mv {
    background: url("../recruit/img/bg_recruit_sp.jpg") no-repeat center;
    background-size: cover; } }

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