@media all and (min-width: 751px) {
  body.recruit #title .title-box .image-box .image:before {
    background-image: url(../images/recruit/title-bg.jpg);
  }
  /* INDEX */
  #recruit-index #recruit-message {
    margin-bottom: 110px;
  }
  #recruit-index #recruit-message .greet-title {
    margin-bottom: 14px;
  }
  #recruit-index #recruit-message .cnt-box .text {
    margin-bottom: 21px;
  }
  #recruit-index #recruit-message .image-box {
    margin-top: -10px;
    position: relative;
  }
  #recruit-index #recruit-message .image-box:before {
    content: "";
    display: block;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
  }
  #recruit-index #recruit-message .image-box .image {
    display: block;
    margin-bottom: 0;
  }
  #recruit-index #recruit-message .image-box .image img {
    width: 100%;
    height: auto;
    vertical-align: middle;
  }
  #recruit-index #recruit-work {
    margin-bottom: 70px;
  }
  #recruit-index .group-photo {
    display: block;
    margin-bottom: 80px;
  }
  #recruit-index .group-photo img {
    width: 100%;
    height: auto;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 750px) {
  body.recruit #title .title-box .image-box .image {
    background-image: url(../images/recruit/title-bg_sp.jpg);
  }
  /* INDEX */
  #recruit-index #recruit-message {
    margin-bottom: 80px;
  }
  #recruit-index #recruit-message .greet-title {
    margin-bottom: 10px;
  }
  #recruit-index #recruit-message .cnt-box .text {
    margin-bottom: 21px;
  }
  #recruit-index #recruit-message .cnt-box .name img {
    width: 190px;
    height: auto;
  }
  #recruit-index #recruit-message .image-box {
    margin-top: -15px;
    position: relative;
  }
  #recruit-index #recruit-message .image-box:before {
    content: "";
    display: block;
    width: 100%;
    height: 30%;
    background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
  }
  #recruit-index #recruit-message .image-box .image {
    display: block;
    margin-bottom: 0;
  }
  #recruit-index #recruit-message .image-box .image img {
    width: 100%;
    height: auto;
    vertical-align: middle;
  }
  #recruit-index #recruit-work {
    margin-bottom: 70px;
  }
  #recruit-index .group-photo {
    display: block;
    margin-bottom: 45px;
  }
  #recruit-index .group-photo img {
    width: 100%;
    height: auto;
    vertical-align: middle;
  }
}

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