@media all and (min-width: 751px) {
  body.recruit #title {
    background-image: url(../images/recruit/title-bg.jpg);
  }
  /* INDEX */
  #recruit-index #recruit-message .visual-box {
    height: 733px;
    position: relative;
    margin-bottom: 50px;
  }
  #recruit-index #recruit-message .visual-box .text-box {
    padding-top: 323px;
    position: relative;
    z-index: 2;
  }
  #recruit-index #recruit-message .visual-box .text-box .inner-box {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.65;
  }
  #recruit-index #recruit-message .visual-box .text-box .inner-box .ms_title {
    display: inline-block;
    color: #003b90;
    font-size: 250%; /* 40px */
    font-weight: 700;
    background-color: #d9e2ee;
    padding: 0 15px;
    margin-bottom: 0;
  }
  #recruit-index #recruit-message .visual-box .text-box .inner-box .sub_text {
    display: inline-block;
    font-size: 131.25%; /* 21px */
    font-weight: 700;
    background-color: #d9e2ee;
    padding: 3px 15px 10px 15px;
    margin-bottom: 0;
  }
  #recruit-index #recruit-message .visual-box .images-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #recruit-index #recruit-message .visual-box .images-box .image {
    margin-bottom: 0;
    position: absolute;
  }
  #recruit-index #recruit-message .visual-box .images-box .image img {
    vertical-align: middle;
  }
  #recruit-index #recruit-message .visual-box .images-box .image.image01 {
    top: 27px;
    left: 275px;
  }
  #recruit-index #recruit-message .visual-box .images-box .image.image02 {
    top: 489px;
    left: 140px;
  }
  #recruit-index #recruit-message .visual-box .images-box .image.image03 {
    top: 347px;
    right: 0;
  }
  #recruit-index #recruit-message .visual-box .images-box .image.image04 {
    top: 0;
    left: 78px;
  }
  #recruit-index #recruit-message .message-box .inner-box > .one-block:not(:last-of-type) {
    margin-bottom: 27px;
  }
}
@media only screen and (max-width: 750px) {
  body.recruit #title {
    background-image: url(../images/recruit/title-bg_sp.jpg);
  }
  /* INDEX */
  #recruit-index #recruit-message .visual-box {
    max-width: 390px;
    margin: 0 auto 40px;
    height: 891px;
    position: relative;
  }
  #recruit-index #recruit-message .visual-box .text-box {
    padding-top: 210px;
    position: relative;
    z-index: 2;
  }
  #recruit-index #recruit-message .visual-box .text-box .inner-box {
    font-family: "Noto Sans JP", sans-serif;
    line-height: 1.65;
  }
  #recruit-index #recruit-message .visual-box .text-box .inner-box .ms_title {
    display: inline-block;
    color: #003b90;
    font-size: 193.75%; /* 31px */
    line-height: 1.45;
    font-weight: 700;
    background-color: #d9e2ee;
    padding: 10px 15px 3px 15px;
    margin: 0 -12px;
  }
  #recruit-index #recruit-message .visual-box .text-box .inner-box .sub_text {
    display: block;
    max-width: 365px;
    font-size: 106.25%; /* 17px */
    font-weight: 700;
    line-height: 1.85;
    background-color: #d9e2ee;
    padding: 8px 8px 8px 8px;
    margin: 0 -12px;
  }
  #recruit-index #recruit-message .visual-box .images-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #recruit-index #recruit-message .visual-box .images-box .image {
    margin-bottom: 0;
    position: absolute;
  }
  #recruit-index #recruit-message .visual-box .images-box .image img {
    vertical-align: middle;
  }
  #recruit-index #recruit-message .visual-box .images-box .image.image01 {
    top: 0;
    left: -20px;
    width: calc(100% + 40px);
  }
  #recruit-index #recruit-message .visual-box .images-box .image.image02 {
    width: 89.552238%;
    top: 402px;
    left: -20px;
  }
  #recruit-index #recruit-message .visual-box .images-box .image.image03 {
    width: 71.641791%;
    top: 607px;
    right: -20px;
  }
  #recruit-index #recruit-message .visual-box .images-box .image.image04 {
    width: 65.671641%; /* 220px */
    top: 745px;
    left: 0;
  }
  #recruit-index #recruit-message .message-box .inner-box > .one-block:not(:last-of-type) {
    margin-bottom: 27px;
  }
}

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