@charset "UTF-8";
/*
* 個別ページのスタイル
* を記載
*/
/* ==========================================================
[ Page CSS - Lists ]
Recruit
========================================================== */
/* ---------------------------------------------
*   pageKeyvisual
--------------------------------------------- */
.pageKeyvisual {
  padding: 70px 30px 0 0;
  background-image: url(/img/recruit/bg_keyvisual.jpg);
}

@media only screen and (max-width: 738px) {
  .pageKeyvisual {
    padding: 56.25% 0 0;
    background-image: url(/img/recruit/sp/bg_keyvisual.jpg);
  }
.pageKeyvisual_contents_lead {
    padding: 0 8.59375%;
}
}

/* ---------------------------------------------
*   recruit
--------------------------------------------- */
.recruit {
  float: left;
  box-sizing: border-box;
  width: 500px;
  border: 1px solid #ccc;
  margin: 0 20px 20px 0;
}

.recruit:nth-of-type(2n) {
  margin-right: 0;
}

.recruit_outer {
  padding-bottom: 55px;
}

.recruit_header {
  background-color: #efefef;
}

.recruit_header_title {
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 70px;
}

.recruit_body {
  padding: 20px 20px 40px;
}

.recruit_body_image {
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
}

.recruit_body_text {
  min-height: 140px;
  font-size: .875em;
  line-height: 1.8;
  letter-spacing: .04em;
  margin-bottom: 20px;
}

.recruit_body_button {
  text-align: center;
  letter-spacing: -.4em;
}

.recruit_body_button * {
  letter-spacing: normal;
}

.recruit_body_button .buttonArrow {
  width: 220px;
}

.recruit_body_button .buttonArrow + .buttonArrow {
  margin-left: 18px;
}

@media only screen and (max-width: 738px) {
  .recruit {
    float: none;
    width: 100%;
    border: 0;
    margin: 0;
  }

  .recruit_outer {
    padding-bottom: 0;
    border-bottom: 1px solid #e5e5e6;
    margin-bottom: 95px;
  }

  .recruit_header_title {
    font-size: 1em;
    line-height: 60px;
    letter-spacing: .05em;
  }

  .recruit_body {
    padding: 20px 4.6875% 50px;
  }

  .recruit_body_image {
    max-width: 578px;
    border: 0;
    margin: 0 auto 20px;
  }

  .recruit_body_image img {
    border: 1px solid #e5e5e5;
  }

  .recruit_body_text {
    min-height: 0;
    margin-bottom: 35px;
  }

  .recruit_body_button {
    padding: 0 12.5%;
  }

  .recruit_body_button .buttonArrow {
    width: 100%;
  }

  .recruit_body_button .buttonArrow + .buttonArrow {
    margin: 15px 0 0;
  }
}