@charset "utf-8";


/* recruiting ページ */
.mainContent#recruiting { margin-bottom: 200px; }
.mainContent#recruiting .mv { background-image: url(../img/h1_bg_recruiting_pc.png); }
@media screen and (max-width: 767px) {
  .mainContent#recruiting { margin-bottom: 120px; font-size: 1.4rem; }
  .mainContent#recruiting .mv { background-image: url(../img/h1_bg_recruiting_sp.png); }
}

.recruitingBox { margin: 30px auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
.recruitingBox > li { position: relative; width: 48%; padding: 30px; min-height: 190px; line-height: 1.5; margin-bottom: 50px; background-color: #f3f6f9; -webkit-transition: all .3s; transition: all .3s; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
.recruitingBox > li.close { display: none; width: 0; height: 0; padding: 0; opacity: 0; overflow: hidden; visibility: hidden; }
.recruitingBox > li.close * { display: none; }
.recruitingBox > li > a { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; }
.recruitingBox > li > .img { position: absolute; top: 30px; left: 4%; width: 30%; height: 125px; overflow: hidden; border: 1px solid #d6e0ea; background-color: #fff; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
.recruitingBox > li > .img img { display: block; width: 80%; height: auto; }
.recruitingBox > li > .txt { width: calc( 100% - 37% ); margin-left: 37%; }
.recruitingBox > li > .txt .comname { font-size: 1.8rem; }
.recruitingBox > li > .txt .title { color: #004e9d; font-size: 2.4rem; font-weight: 500; text-decoration: underline; margin-bottom: .4em; }
.recruitingBox > li > .txt .detail { font-size: 1.6rem; margin-bottom: .4em; }
.recruitingBox > li > .txt .place { position: relative; color: #888888; font-size: 1.2rem; padding: 0 .5em 0 1.2em;  }
.recruitingBox > li > .txt .place:before { position: absolute; top: 3px; left: 0; content: ''; width: 1em; height: 1em; background-image: url(../img/common/map-marker-alt-solid.svg); background-size: contain; background-position: center center; background-repeat: no-repeat; }
.recruitingBox > li:hover { opacity: .6; }

.mainContent#blog .cb { margin-bottom: 200px; }

@media screen and (max-width: 1200px){
  .recruitingBox > li { width: 49%; margin-bottom: 30px; }
  .recruitingBox > li > .img { width: 25%; height: 100px; }
  .recruitingBox > li > .img img { width: 85%; }
  .recruitingBox > li > .txt { width: calc( 100% - 30% ); margin-left: 30%; }
  .recruitingBox > li > .txt .comname { font-size: 1.6rem; }
  .recruitingBox > li > .txt .title { font-size: 2.0rem; }
  .recruitingBox > li > .txt .detail { font-size: 1.4rem; }
  .recruitingBox > li > .txt .place { font-size: 1.1rem; }
}

@media screen and (max-width: 1000px){
  .recruitingBox > li { width: 49%; margin-bottom: 25px; }
  .recruitingBox > li > .img { height: 80px; }
  .recruitingBox > li > .img img { width: 90%; }
  .recruitingBox > li > .txt .comname { font-size: 1.4rem; }
  .recruitingBox > li > .txt .title { font-size: 1.8rem; }
  .recruitingBox > li > .txt .detail { font-size: 1.2rem; }
  .recruitingBox > li > .txt .place { font-size: 1.0rem; }
}

@media screen and (max-width: 767px){
  
  .recruitingBox > li { width: 100%; padding: 15px 6% 17px; min-height: auto; margin-bottom: 20px; align-items: stretch; }
  .recruitingBox > li > .img { position: relative; top: inherit; left: inherit; width: 31%; height: auto; min-height: 57px; }
  .recruitingBox > li > .txt { width: 100%; margin-left: inherit; }
  .recruitingBox > li > .txt.top { width: 66%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
  .recruitingBox > li > .txt.top + .txt { margin-top: 1em; }
  .recruitingBox > li > .txt .comname { font-size: 1.2rem; }
  .recruitingBox > li > .txt .title { font-size: 1.4rem; }
  .recruitingBox > li > .txt .detail { font-size: 1.2rem; margin-bottom: .4em; }
  .recruitingBox > li > .txt .place { font-size: 1.0rem; padding: 0 .5em 0 1.2em;  }
  .recruitingBox > li > .txt .place:before { top: 3px; }
  

}

.mainContent#recruiting #process h2 { margin-bottom: 1em; }

@media screen and (max-width: 767px){
  .mainContent#recruiting #process img { max-width: 460px; margin: 0 auto; }
}
/* recruiting ページ */








/* recruiting 詳細ページ */




#recruiting.ind .mv2 div.logo { float: left; border: 1px solid #d6e0ea; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 225px; height: 127px; background-color: #fff; }
#recruiting.ind .mv2 div.logo img { width: auto; height: auto; }
#recruiting.ind .mv2 div .title { width: calc( 100% - 265px ); float: left; margin-left: 40px; font-weight: 500; }
#recruiting.ind .mv2 div .title span { display: block; font-size: 1.6rem; color: #888; font-weight: 400; margin-top: 10px; }

#recruiting.ind .anc { padding-bottom: 14px; border-bottom: 1px solid #d6e0ea; margin: 85px auto 50px; width: 100%; max-width: 1000px; display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; }
#recruiting.ind .anc li { width: 20%; height: auto; text-align: center; }
#recruiting.ind .anc li a { position: relative; display: block; width: 100%; height: 60px; line-height: 60px; border-left: 1px solid #d6e0ea; text-decoration: none; color: #222; -webkit-transition: all .3s; transition: all .3s; }
#recruiting.ind .anc li:first-child a { border-left: none; }
#recruiting.ind .anc li a:after { position: absolute; bottom: 0; left: 50%; margin-left: -5px; display: block; content: ''; width: 10px; height: 10px; border-bottom: 2px solid #004e9d;; border-right: 2px solid #004e9d; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#recruiting.ind .anc li a:hover { opacity: .6; }

#recruiting.ind .mainPhoto { margin: 50px auto; width: auto; max-width: 80%; }
#recruiting.ind .mainPhoto .slick-slide { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: auto; min-height: 500px; }
#recruiting.ind .mainPhoto .slick-slide img { display: block; width: auto; max-width: 100%; max-height: 100%; }
#recruiting.ind h2 { padding: 12px 0; border-bottom: 1px solid #222; line-height: 1.4; margin-bottom: 32px; font-size: 2.4rem; }

#recruiting.ind .list { width: 100%; margin: 50px auto; border-top: 1px solid #d6e0ea; }
#recruiting.ind .list li { padding: 23px 20px; border-bottom: 1px solid #d6e0ea; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#recruiting.ind .list li:nth-child(odd) { background-color: #f9fafc; }
#recruiting.ind .list li span:first-child { width: 200px; color: #004e9d; font-weight: 500; }
#recruiting.ind .list li span + span { width: calc( 100% - 200px ); }

#recruiting.ind .inner > .inner.mid { margin-top: 140px; }

@media screen and (max-width: 1200px){
  
}

@media screen and (max-width: 1000px){
  #recruiting.ind .mv2 div.logo img { width: auto; height: 90%; }
}

@media screen and (max-width: 767px){
  
  #recruiting.ind .mv2 .inner {  }
  #recruiting.ind .mv2 div.logo { width: 30.76%; height: 57px; }
  
  #recruiting.ind .mv2 div .title { width: 68%; margin-left: 1.24%; font-size: 1.8rem; }
  #recruiting.ind .mv2 div .title span { font-size: 1.2rem; margin-top: 0px; }
  
  #recruiting.ind .anc { padding-bottom: 10px; margin: 47px auto 25px; }
  #recruiting.ind .anc li a { font-size: 1.0rem; height: 40px; line-height: 40px; border-width: .5px; }
  #recruiting.ind .anc li a:after { margin-left: -3px; display: block; content: ''; width: 6px; height: 6px; border-width: 1px; }
  
  #recruiting.ind .mainPhoto { margin: 48px auto 36px; max-width: 100%; }
  #recruiting.ind h2 { padding: 10px 0; margin-bottom: 17px; font-size: 1.5rem; }

  #recruiting.ind .inner > .inner.mid { margin-top: 50px; }
  
  #recruiting.ind .list {  margin: 40px auto; }
  #recruiting.ind .list li { padding: 11px 10px; }
  #recruiting.ind .list li span:first-child { width: 100%; }
  #recruiting.ind .list li span + span { width:100%; }
}

@media screen and (max-width: 374px){
  #recruiting.ind .mv2 div.logo img { width: auto; height: 80%; }
}




#recruiting.ind #content01 {  }
#recruiting.ind #content01 > div { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#recruiting.ind #content01 > div .text { width: 65.5%; margin-right: 3.5%; line-height: 2; }
#recruiting.ind #content01 > div .text:last-child { width: 100%; margin-right: 0;}
#recruiting.ind #content01 > div .text .catch { line-height: 1.6; color: #004e9d; font-size: 3.0rem; font-weight: 500; margin-bottom: .6em; }
#recruiting.ind #content01 > div .text p { margin-bottom: 1.5em; }
#recruiting.ind #content01 > div .img { width: 31%; line-height: 1.5; color: #666; }

@media screen and (max-width: 1200px){
  
}

@media screen and (max-width: 1000px){
  #recruiting.ind #content01 > div .text .catch { font-size: 2.6rem; }
}

@media screen and (max-width: 767px){
  #recruiting.ind #content01 > div .text { width: 100%; margin-right: 0; }
  #recruiting.ind #content01 > div .text .catch { line-height: 1.5; font-size: 2.1rem; margin-bottom: .6em; }
  #recruiting.ind #content01 > div .text p {  }
  #recruiting.ind #content01 > div .img { width: 75%; max-width: 244px; margin: 1em auto 0; }
  #recruiting.ind #content01 > div .img img { margin-bottom: 1em; }  
}


#recruiting.ind #content03 { margin-bottom: 5em; }
#recruiting.ind #content03 .head { position: relative; margin: 50px auto 40px; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; background-color: #f3f6f9; }
#recruiting.ind #content03 .head:before { position: absolute; bottom: -23px; right: 0; content: 'INTERVIEW'; font-family: 'Khand'; font-size: 9rem; letter-spacing: 5px; font-weight: 600; line-height: 1; color: #fff; }
#recruiting.ind #content03 .head > div { position: relative; width: 47%; padding: 32px 0 27px; }
#recruiting.ind #content03 .head .name { font-size: 3.6rem; margin-left: 10%; line-height: 1.4; font-weight: 500; }
#recruiting.ind #content03 .head span.kana { display: block; color: #666; font-size: 1.6rem; }
#recruiting.ind #content03 .head .detail dl { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#recruiting.ind #content03 .head .detail dl dt { display: block; color: #004e9d; padding-left: 0; width: 107px; font-weight: 500; margin-bottom: 4px; }
#recruiting.ind #content03 .head .detail dl dt:before { display: inline-block; content: ''; height: 1em; border-left: 4px solid #004e9d; margin-right: 11px; vertical-align: middle; }
#recruiting.ind #content03 .head .detail dl dt:after  { content: '：'; }
#recruiting.ind #content03 .head .detail dl dd { display: block; width: calc( 100% - 107px ); margin-bottom: 4px; }
#recruiting.ind #content03 .head .detail dl dt.aw { width: 180px; }
#recruiting.ind #content03 .head .detail dl dt.aw + dd { width: calc( 100% - 180px ) }

#recruiting.ind #content03 dl.qa {  }
#recruiting.ind #content03 dl.qa dt { width: 100%; color: #004e9d; margin: 2.6em auto .6em; font-size: 1.8rem; font-weight: 500; }
#recruiting.ind #content03 dl.qa dd { width: 100%; margin-bottom: 1em; }
#recruiting.ind #content03 dl.qa dd .tx { margin-bottom: 1em; }
#recruiting.ind #content03 dl.qa dd.left,
#recruiting.ind #content03 dl.qa dd.right { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }
#recruiting.ind #content03 dl.qa dd.left { flex-direction: row-reverse; }
#recruiting.ind #content03 dl.qa dd.right {  }
#recruiting.ind #content03 dl.qa dd.left .tx,
#recruiting.ind #content03 dl.qa dd.right .tx { width: 50%; }
#recruiting.ind #content03 dl.qa dd.left .tx,
#recruiting.ind #content03 dl.qa dd.right .img { width: 47%; }
#recruiting.ind #content03 dl.qa dd.center .img { margin-top: 1em; }
#recruiting.ind #content03 dl.qa dd .img img { display: block; margin: 0 auto; }

@media screen and (max-width: 1200px){
  
}

@media screen and (max-width: 1000px){
  
}

@media screen and (max-width: 767px){
  #recruiting.ind #content03 { margin-bottom: 3em; }
  #recruiting.ind #content03 .head { position: relative; margin: 20px auto 20px; padding: 1.8rem 0 1.2em; align-items: flex-start; }
  #recruiting.ind #content03 .head:before { bottom: -15px; font-size: 6rem; }
  #recruiting.ind #content03 .head > div { width: 87.5%; margin: 0 auto 0; padding: 0; }
  
  #recruiting.ind #content03 .head .name { font-size: 2.1rem; margin-left: 0; }
  #recruiting.ind #content03 .head span.kana { display: inline-block; margin-left: 2em; font-size: .9rem; }

  #recruiting.ind #content03 .head .detail dl { margin-top: 1em; }
  #recruiting.ind #content03 .head .detail dl dt { width: 74px; font-size: 1.2rem; padding-left: 0; margin-bottom: 0px; }
  #recruiting.ind #content03 .head .detail dl dt:before { border-width: 3px; margin-right: 4px; }
  #recruiting.ind #content03 .head .detail dl dd { width: calc( 100% - 74px ); font-size: 1.2rem; margin-bottom: 0px; }
  #recruiting.ind #content03 .head .detail dl dt.aw { width: 125px; }
  #recruiting.ind #content03 .head .detail dl dt.aw + dd { width: calc( 100% - 125px ) }
  
  #recruiting.ind #content03 dl.qa dt { font-size: 1.4rem; margin: 2em auto .6em; }
  #recruiting.ind #content03 dl.qa dd {  }
  #recruiting.ind #content03 dl.qa dd.right {  }
  #recruiting.ind #content03 dl.qa dd.left .tx,
  #recruiting.ind #content03 dl.qa dd.right .tx { width: 100%; }
  #recruiting.ind #content03 dl.qa dd.left .tx,
  #recruiting.ind #content03 dl.qa dd.right .img { width: 100%; }
  #recruiting.ind #content03 dl.qa dd.center .img {  }
}



#recruiting.ind #content04 { margin-bottom: 1em; }
#recruiting.ind #content04 ul {}
#recruiting.ind #content04 ul li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; margin-bottom: 40px; }
#recruiting.ind #content04 ul li .img { width: 31%; }
#recruiting.ind #content04 ul li .img img { display: block; }
#recruiting.ind #content04 ul li .img + div { width: 65.5%; }
#recruiting.ind #content04 ul li .ap { font-size: 1.8rem; margin: .1em auto .6em; color: #004e9d; font-weight: 500; }
#recruiting.ind #content04 ul li .tx {  }

@media screen and (max-width: 1200px){
  
}

@media screen and (max-width: 1000px){
  
}

@media screen and (max-width: 767px){
  #recruiting.ind #content04 { margin-bottom: 3em; }
  #recruiting.ind #content04 ul li { margin-bottom: 20px; }
  #recruiting.ind #content04 ul li .img { width: 100%; margin-bottom: 1em; }
  #recruiting.ind #content04 ul li .img + div { width: 100%; }
  #recruiting.ind #content04 ul li .ap { font-size: 1.4rem; }
  #recruiting.ind #content04 ul li .tx {  }
}




@media screen and (max-width: 767px){
  #recruiting.ind .btn90 { margin: 25px 0; }
  #recruiting.ind .btn90 a { width: 100%; }
}




p.noData { margin: 10% auto; text-align: center; }


/* recruiting 詳細ページ */