@media all and (min-width: 751px) {
  body.recruit #title {
    background-image: url(../images/recruit/title-bg.jpg);
  }
  /* INDEX */
  #recruit-index .ri-title {
    font-size: 175%; /* 28px */
    font-weight: bold;
    line-height: 1.55;
    margin-bottom: 14px;
  }
  #recruit-index .visual-box {
    height: 418px;
    margin-bottom: 50px;
    position: relative;
    z-index: 2;
  }
  #recruit-index .visual-box .image {
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #recruit-index .visual-box .image img {
    vertical-align: middle;
  }
  #recruit-index .visual-box .text-box {
    height: 100%;
    padding-top: 95px;
    margin: 0 30px 0 600px;
    box-sizing: border-box;
  }
  #recruit-index .visual-box .text-box .al-title {
    font-weight: bold;
    font-size: 250%; /* 40px */
    line-height: 1.45;
    z-index: 2;
  }
  #recruit-index .head-subbox {
    margin-bottom: 63px;
  }
  #recruit-index .appeal-box {
    margin-bottom: 95px;
  }
  #recruit-index .appeal-box .one-block {
    height: 434px;
    background-color: #f4f1e4;
    position: relative;
  }
  #recruit-index .appeal-box .one-block:not(:last-of-type) {
    margin-bottom: 6px;
  }
  #recruit-index .appeal-box .one-block .container-inner {
    height: 100%;
    display: flex;
    align-items: center;
  }
  #recruit-index .appeal-box .one-block .text-box {
    width: 500px;
  }
  #recruit-index .appeal-box .one-block .image {
    display: block;
    width: calc(50% + 140px);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
  #recruit-index .appeal-box .one-block .image img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    object-fit: cover;
  }
  #recruit-index .appeal-box .one-block .image.pc_point-top img {
    object-position: top center;
  }
  #recruit-index .appeal-box .one-block:nth-of-type(even) .container-inner {
    justify-content: flex-end;
  }
  #recruit-index .appeal-box .one-block:nth-of-type(even) .image {
    left: 0;
    right: auto;
  }
  #recruit-index .btm-box .name-box {
    text-align: right;
    line-height: 1.55;
  }
  #recruit-index .btm-box .name-box .univ {
    margin-bottom: 0;
  }
  #recruit-index .btm-box .name-box .name-area {
    font-weight: bold;
  }
  #recruit-index .btm-box .name-box .name-area .name {
    font-size: 143.75%; /* 23px */
  }
  /* RECRUIT-VOICE */
  #recruit-voice .desc-text {
    margin-bottom: 55px;
  }
}
@media only screen and (max-width: 750px) {
  body.recruit #title {
    background-image: url(../images/recruit/title-bg_sp.jpg);
  }
  /* INDEX */
  /* RECRUIT-VOICE */
  #recruit-index .ri-title {
    font-size: 137.5%; /* 22px */
    font-weight: bold;
    line-height: 1.55;
    margin-bottom: 14px;
  }
  #recruit-index .visual-box {
    margin-bottom: 30px;
  }
  #recruit-index .visual-box .text-box .al-title {
    font-size: 143.75%; /* 23px */
    font-weight: bold;
    line-height: 1.45;
    margin-bottom: 13px;
    z-index: 2;
  }
  #recruit-index .head-subbox {
    margin-bottom: 40px;
  }
  #recruit-index .appeal-box {
    margin-bottom: 50px;
  }
  #recruit-index .appeal-box .one-block {
    background-color: #f4f1e4;
    padding: 30px 0 20px;
    position: relative;
  }
  #recruit-index .appeal-box .one-block:not(:last-of-type) {
    margin-bottom: 6px;
  }
  #recruit-index .appeal-box .one-block .container-inner {
    height: 100%;
    display: flex;
    align-items: center;
  }
  #recruit-index .appeal-box .one-block .image {
    display: block;
    margin-bottom: 20px;
    height: 234px;
  }
  #recruit-index .appeal-box .one-block .image img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    object-fit: cover;
  }
  #recruit-index .btm-box .name-box {
    text-align: right;
    line-height: 1.55;
  }
  #recruit-index .btm-box .name-box .univ {
    margin-bottom: 0;
  }
  #recruit-index .btm-box .name-box .name-area {
    font-weight: bold;
  }
  #recruit-index .btm-box .name-box .name-area .name {
    font-size: 143.75%; /* 23px */
  }
  #recruit-voice .desc-text {
    margin-bottom: 55px;
  }
}

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