@media all and (min-width: 751px) {
  body.recruit #title {
    background-image: url(../images/recruit/title-bg.jpg);
  }
  /* INDEX */
  #recruit-index .greet-box .name-area {
    text-align: right;
    font-weight: 700;
  }
  #recruit-index .greet-box .name-area .name {
    font-size: 125%; /* 20px */
  }
  #recruit-index .gallery-area {
    height: 790px;
    position: relative;
  }
  #recruit-index .gallery-area .image {
    margin-bottom: 0;
    position: absolute;
  }
  #recruit-index .gallery-area .image img {
    vertical-align: middle;
  }
  #recruit-index .gallery-area .image.image01 {
    top: 0;
    left: 0;
    z-index: 4;
  }
  #recruit-index .gallery-area .image.image02 {
    top: 20px;
    right: 30px;
    z-index: 3;
  }
  #recruit-index .gallery-area .image.image03 {
    top: 186px;
    left: 232px;
    z-index: 2;
  }
  #recruit-index .gallery-area .image.image04 {
    top: 438px;
    left: 64px;
  }
  #recruit-index .gallery-area .image.image05 {
    top: 520px;
    right: 85px;
  }
  /* PROGRAM */
  #recruit-program .c_flowbox {
    margin-bottom: 30px;
  }
  #recruit-program .relation-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }
  #recruit-program .relation-box .one-block .area {
    font-size: 112.5%; /* 18px */
    font-weight: 700;
    margin-bottom: 4px;
  }
  #recruit-program .relation-box .one-block .list-type01 {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 750px) {
  body.recruit #title {
    background-image: url(../images/recruit/title-bg_sp.jpg);
  }
  /* INDEX */
  #recruit-index .greet-box .name-area {
    text-align: right;
    font-weight: 700;
  }
  #recruit-index .greet-box .name-area .name {
    font-size: 125%; /* 20px */
  }
  #recruit-index .gallery-area {
    max-width: 450px;
    margin-inline: auto;
  }
  #recruit-index .gallery-area .image {
    margin-bottom: 0;
  }
  #recruit-index .gallery-area .image img {
    vertical-align: middle;
  }
  #recruit-index .gallery-area .image.image01 {
    width: 280px;
    margin: 0 0 -20px -20px;
  }
  #recruit-index .gallery-area .image.image02 {
    width: 280px;
    margin: 0 -20px 35px auto;
  }
  #recruit-index .gallery-area .image.image03 {
    margin: 0 -20px 25px;
  }
  #recruit-index .gallery-area .image.image04 {
    width: 260px;
    margin: 0 0 -15px -5px;
  }
  #recruit-index .gallery-area .image.image05 {
    width: 270px;
    margin-inline: auto -20px;
  }
  /* PROGRAM */
  #recruit-program .c_flowbox {
    margin-bottom: 35px;
  }
  #recruit-program .relation-box .one-block:not(:last-of-type) {
    margin-bottom: 20px;
  }
  #recruit-program .relation-box .one-block .area {
    font-size: 112.5%; /* 18px */
    font-weight: 700;
    margin-bottom: 2px;
  }
  #recruit-program .relation-box .one-block .list-type01 {
    margin-bottom: 0;
  }
}

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