@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
/*ページタイトル*/
#ttlimg { position: relative; background: url("/img/recruit/ttlimg-sp.jpg") 66%/cover no-repeat; }
#ttlimg .mainttl { position: relative; z-index: 2; }

.recruit__ttl { margin-bottom: 30px; text-align: center; }
.recruit__ttl .recruit__ttl-txt { position: relative; padding-bottom: 15px; font-size: 2rem; font-family: YuMincho, 游明朝, 游明朝体, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: 800; text-align: center; line-height: 1; }
@media (min-width: 375px) { .recruit__ttl .recruit__ttl-txt { font-size: calc( 2rem + ( 1vw - 3.75px ) * 1.2121212121 ); } }
@media (min-width: 1200px) { .recruit__ttl .recruit__ttl-txt { font-size: 3rem; } }
.recruit__ttl .recruit__ttl-txt::after { display: block; position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); width: 1em; height: 1px; background: #172D5D; content: ''; }

#top { margin-bottom: 60px; padding-top: 60px; }
#top .top__ttl { text-align: center; }
#top .top__ttl .top__ttl-txt { display: inline-block; position: relative; font-size: 1.6rem; font-family: YuMincho, 游明朝, 游明朝体, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: bold; text-align: center; line-height: 2; }
@media (min-width: 375px) { #top .top__ttl .top__ttl-txt { font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 2.4242424242 ); } }
@media (min-width: 1200px) { #top .top__ttl .top__ttl-txt { font-size: 3.6rem; } }

#reason { margin-bottom: 0; padding: 50px 0; background: #F5F9FC; }
#reason .reason__box { margin-bottom: 50px; }
#reason .reason__box:last-of-type { margin-bottom: 0; }
#reason .reason__cont { max-width: 800px; margin: 0 auto; }
#reason .reason__cont .reason__copy { margin-bottom: 5px; font-size: 1.3rem; font-family: YuMincho, 游明朝, 游明朝体, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: bold; line-height: 1; }
@media (min-width: 375px) { #reason .reason__cont .reason__copy { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.3636363636 ); } }
@media (min-width: 1200px) { #reason .reason__cont .reason__copy { font-size: 1.6rem; } }
#reason .reason__cont .reason__copy .reason__num { margin-left: 2px; font-size: 1.8rem; }
@media (min-width: 375px) { #reason .reason__cont .reason__copy .reason__num { font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 1.2121212121 ); } }
@media (min-width: 1200px) { #reason .reason__cont .reason__copy .reason__num { font-size: 2.8rem; } }
#reason .reason__cont .reason__cont-ttl { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 2px solid #A7CFF4; font-size: 1.8rem; font-weight: 600; line-height: 1.5; }
@media (min-width: 375px) { #reason .reason__cont .reason__cont-ttl { font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 1.2121212121 ); } }
@media (min-width: 1200px) { #reason .reason__cont .reason__cont-ttl { font-size: 2.8rem; } }
#reason .reason__cont .reason__cont-txt { font-size: 1.3rem; line-height: 1.75; }
@media (min-width: 375px) { #reason .reason__cont .reason__cont-txt { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.3636363636 ); } }
@media (min-width: 1200px) { #reason .reason__cont .reason__cont-txt { font-size: 1.6rem; } }

#staff { position: relative; margin-bottom: 60px; padding-top: 70px; }
#staff .inner { max-width: 1100px; }
#staff .recruit__ttl { margin-bottom: 105px; }
#staff .staff__box { position: relative; margin-bottom: 125px; }
#staff .staff__box:nth-of-type(2n) .staff__img { left: auto; right: -5.33vw; }
#staff .staff__box:nth-of-type(2n) .staff__info { margin: 0 auto 0 5.33%; }
#staff .staff__box:last-of-type { margin-bottom: 0; }
#staff .staff__img { position: absolute; left: -5.33vw; width: 52%; max-width: 220px; transform: translate(0%, -40%); }
#staff .staff__info { width: 49%; margin: 0 0 0 auto; }
#staff .staff__info .staff__join { margin-bottom: 7px; font-size: 1.1rem; font-weight: 500; line-height: 1; }
@media (min-width: 375px) { #staff .staff__info .staff__join { font-size: calc( 1.1rem + ( 1vw - 3.75px ) * 0.8484848485 ); } }
@media (min-width: 1200px) { #staff .staff__info .staff__join { font-size: 1.8rem; } }
#staff .staff__info .staff__name { margin-bottom: 7px; font-size: 1.8rem; font-weight: 600; line-height: 1; }
@media (min-width: 375px) { #staff .staff__info .staff__name { font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 1.4545454545 ); } }
@media (min-width: 1200px) { #staff .staff__info .staff__name { font-size: 3rem; } }
#staff .staff__qa { width: auto; padding: 90px 20px 40px; box-sizing: border-box; background: #F5F9FC; border-top: 2px solid #A7CFF4; }
#staff .staff__qa .staff__qa-box { margin-bottom: 20px; font-size: 1.3rem; line-height: 1.85; }
@media (min-width: 375px) { #staff .staff__qa .staff__qa-box { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.3636363636 ); } }
@media (min-width: 1200px) { #staff .staff__qa .staff__qa-box { font-size: 1.6rem; } }
#staff .staff__qa .staff__qa-box:last-of-type { margin-bottom: 0; }
#staff .staff__qa .staff__qa-box .staff__qa-q { font-weight: 600; }

#job .inner { max-width: 1100px; }
#job .job__box { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; border-bottom: 1px solid #A7CFF4; font-size: 1.3rem; line-height: 1.7; }
@media (min-width: 375px) { #job .job__box { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.3636363636 ); } }
@media (min-width: 1200px) { #job .job__box { font-size: 1.6rem; } }
#job .job__box:first-of-type { border-top: 1px solid #A7CFF4; }
#job .job__box .job__box-ttl { flex: 0 1 28%; width: 28%; max-width: 28%; padding: 15px 0; background: #F5F9FC; text-align: center; }
#job .job__box .job__box-ttl span { display: inline-block; padding-left: 1.5em; }
#job .job__box .job__box-txt { flex: 0 1 72%; width: 72%; max-width: 72%; margin: auto 0; padding: 15px 15px 15px 15px; box-sizing: border-box; }

#entry .entry__wp { padding: 40px 20px; background: #F5F9FC; }
#entry .entry__tell { margin-bottom: 25px; text-align: center; }
#entry .entry__tell .entry__tell-ttl { margin-bottom: 15px; font-size: 1.6rem; font-weight: 600; line-height: 1; }
@media (min-width: 375px) { #entry .entry__tell .entry__tell-ttl { font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { #entry .entry__tell .entry__tell-ttl { font-size: 1.8rem; } }
#entry .entry__tell .entry__tell-num { margin-bottom: 10px; font-size: 3.6rem; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1; }
@media (min-width: 375px) { #entry .entry__tell .entry__tell-num { font-size: calc( 3.6rem + ( 1vw - 3.75px ) * 1.696969697 ); } }
@media (min-width: 1200px) { #entry .entry__tell .entry__tell-num { font-size: 5rem; } }
#entry .entry__tell .entry__tell-num span { display: inline-block; width: .71em; margin-right: 2px; vertical-align: bottom; }
#entry .entry__tell .entry__tell-txt { font-size: 1.3rem; line-height: 1; }
@media (min-width: 375px) { #entry .entry__tell .entry__tell-txt { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.3636363636 ); } }
@media (min-width: 1200px) { #entry .entry__tell .entry__tell-txt { font-size: 1.6rem; } }
#entry .entry__form { position: relative; padding-top: 25px; }
#entry .entry__form::before { display: block; position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 90px; height: 1px; background: #172D5D; content: ''; }
#entry .entry__form .entry__form-ttl { margin-bottom: 15px; font-size: 1.6rem; line-height: 1; text-align: center; }
@media (min-width: 375px) { #entry .entry__form .entry__form-ttl { font-size: calc( 1.6rem + ( 1vw - 3.75px ) * 0.2424242424 ); } }
@media (min-width: 1200px) { #entry .entry__form .entry__form-ttl { font-size: 1.8rem; } }
#entry .entry__form .btn a { background: #FFF; }

/*------------------------------
		590px以上
------------------------------*/
@media screen and (min-width: 590px) { #staff .staff__box:nth-of-type(2n) .staff__info { margin: 0 auto; }
  #staff .staff__info { width: 100%; margin: 0 auto; text-align: center; } }
/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #ttlimg { background: url("/img/recruit/ttlimg.jpg") center/cover no-repeat; }
  .recruit__ttl { margin-bottom: 40px; }
  .recruit__ttl::after { width: 35px; }
  .recruit__ttl .recruit__ttl-txt { padding-bottom: 22px; }
  #top { padding-top: 100px; margin-bottom: 100px; }
  #top .top__ttl .top__ttl-txt { line-height: 1.8; }
  #reason { padding: 80px 0 100px; }
  #reason .recruit__ttl { margin-bottom: 50px; }
  #reason .reason__box { align-items: center; margin-bottom: 60px; }
  #reason .reason__box .reason__cont { max-width: 800px; box-sizing: border-box; }
  #reason .reason__box .reason__cont .reason__copy { margin-bottom: 10px; }
  #reason .reason__box .reason__cont .reason__cont-ttl { margin-bottom: 15px; }
  #staff .recruit__ttl { margin-bottom: 60px; }
  #staff .staff__box { position: relative; }
  #staff .staff__box:nth-of-type(2n) .staff__img { right: 4.5%; }
  #staff .staff__box:nth-of-type(2n) .staff__info { justify-content: flex-start; margin-left: 50px; }
  #staff .staff__box:nth-of-type(2n) .staff__qa .staff__qa-box { margin: 0 auto 30px 0; }
  #staff .staff__box:nth-of-type(2n) .staff__qa .staff__qa-box:last-of-type { margin: 0 auto 0 0; }
  #staff .staff__img { top: -15px; left: 4.5%; transform: translate(0, 0); width: 26%; max-width: 290px; }
  #staff .staff__info { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; flex: 0 1 100%; width: 100%; max-width: 100%; justify-content: center; align-items: flex-end; }
  #staff .staff__info .staff__name { order: 1; margin-right: 30px; }
  #staff .staff__info .staff__join { order: 2; }
  #staff .staff__qa { padding: 40px 50px 50px; }
  #staff .staff__qa .staff__qa-box { width: 65%; margin: 0 0 30px auto; }
  #job .job__box .job__box-ttl { flex: 0 1 20%; width: 20%; max-width: 20%; padding: 25px 0; }
  #job .job__box .job__box-ttl span { padding: 0; }
  #job .job__box .job__box-txt { flex: 0 1 80%; width: 80%; max-width: 80%; padding: 25px 7.5% 25px 15px; }
  #job .job__box .job__box-txt span { display: inline-block; }
  #entry .inner { max-width: 1100px; }
  #entry .entry__wp { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; align-items: center; padding: 35px 25px; }
  #entry .entry__wp .entry__tell { flex: 0 1 50%; width: 50%; max-width: 50%; margin-bottom: 0; box-sizing: border-box; }
  #entry .entry__wp .entry__tell .entry__tell-num span { transform: scale(0.8); padding-right: 5px; }
  #entry .entry__wp .entry__form { flex: 0 1 50%; width: 50%; max-width: 50%; padding-top: 0; border-left: 1px solid #A7CFF4; box-sizing: border-box; }
  #entry .entry__wp .entry__form::before { display: none; }
  #entry .entry__wp .entry__form .btn a:hover { background: #172D5D; color: #FFF; } }
/*------------------------------
		961px以上
------------------------------*/
/*------------------------------
		1201px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */