@charset "UTF-8";

/* --------------------------------------------------------------------------------
   index.html以外のサブページの個別CSS
   共通して使えるCSSはstyle.cssから反映
-------------------------------------------------------------------------------- */

#careers {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 6rem;
  padding-bottom: 8rem;
}


/* 求人画像部分
-------------------------------------------- */

.job_outline {
  padding-bottom: 8rem;
  width: 100%;
}

.job_outline img {
  padding: 0;
  display: block;
  margin: 0 auto;
  border-radius: 1rem;
  border: 5px #9bdd95 solid;
  width: 100%;
  height: auto;
}

.job_outline h2 {
  margin-bottom: 2rem;
}

.job_outline ul {
  list-style: disc;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.job_outline li {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.08rem;
  line-height: 1.8;
  color: #493b3a;
}

.job_outline > div {
  padding: 0 3rem;
}



/* メールフォーム部分
-------------------------------------------- */

.careers-mail-form {
  padding: 3rem 1rem 2rem 1rem;
  border-radius: 1rem;
  background-color: #fff;
  width: 85%;
}

/* フォームのラベル */
.careers-mail-form .col-form-label {
  background-color: #ffd3a8;
  border-radius: .4rem;
}
.careers-mail-form h2 {
  text-align: center;
}




/* タブレット */
@media (min-width: 768px) and (max-width: 1366px) {
  .job_outline {
    padding-bottom: 6rem;
  }
  .job_outline img {
    border: 4px #9bdd95 solid;
  }
  .job_outline > div {
    padding: 0 1.5rem;
  }
}

/* iPad＋Air縦 */
@media (min-width: 768px) and (max-width: 991.98px) and (orientation: portrait) {
  .job_outline > div {
    padding: 0 1rem;
  }
}

/* スマートフォン */
@media (max-width: 767px) {
  .job_outline {
    padding-bottom: 6rem;
  }
  .job_outline img {
    border: 3px #9bdd95 solid;
  }
  .job_outline > div {
    padding: 0 1.2rem;
  }
  .job_outline > div:nth-of-type(1) {
    padding-bottom: 2rem;
  }
  .careers-mail-form {
    width: 100%;
  }
  .careers-mail-form h2 {
    font-size: 1.4rem;
  }
}


/* END
-------------------------------------------- */