/* .mainImg
================================================ */
#mainImg { background-image: url(../img/recruit/mainimg01_pc.png); }

@media screen and (max-width: 599px) { #mainImg { background-image: url(../img/recruit/mainimg01_sp.png); } }

/* #recruit
================================================ */
.mod_tit03 { margin-bottom: 20px; }

.txt { line-height: 2.0; }

@media screen and (max-width: 599px) { .txt { font-size: 1.5rem; } }

@media screen and (max-width: 599px) { .mod_inner02 { width: auto; margin: 0 15px; } }

.txtEnd { text-align: center; padding: 20px 0; }

.txtEnd span { font-size: 2.0rem; background: url(../img/common/bg_adress.png) 0 0 repeat; background-size: contain; color: #a32727; padding: 5px 20px; display: inline-block; }

@media screen and (max-width: 599px) { .txtEnd { padding: 10px 0; }
  .txtEnd span { font-size: 1.6rem; padding: 5px 10px; } }

/* #intro
================================================ */
#intro .mod_tit03 { margin-bottom: 15px; }

#intro .txt + .txt { margin-top: 1em; }

/* #strength
================================================ */
#strength { margin-top: 50px; margin-bottom: 80px; }

#strength .itemList { overflow: hidden; }

#strength .itemList .item { float: left; width: 354px; border: solid 1px #a32626; padding: 30px 23px; box-sizing: border-box; background: #fff; }

#strength .itemList .item + .item { margin-left: 19px; }

#strength .itemList .item .tit { margin-bottom: 16px; color: #a32626; text-align: center; font-size: 1.9rem; font-weight: 500; line-height: 1.4; }

#strength .itemList .item .txt { font-size: 1.5rem; }

#strength .itemList .item .img { width: 100px; display: block; margin: 0 auto 15px; }

@media screen and (max-width: 599px) { #strength { margin-top: 40px; margin-bottom: 50px; }
  #strength .itemList .item { float: none; width: 100%; padding: 25px 20px; }
  #strength .itemList .item + .item { margin-left: 0; margin-top: 15px; }
  #strength .itemList .item .img { width: 40%; } }

/* #interview
================================================ */
#interview { margin-bottom: 80px; }

#interview .imgList { overflow: hidden; }

#interview .interviewList{
  display: flex;
  justify-content: center;
}

#interview .imgList a { text-decoration: none; position: relative; }

#interview .imgList a:after { position: absolute; content: ''; width: 0; height: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: transparent transparent #a32626 transparent; bottom: 7px; right: 7px; }

#interview .imgList a:hover { opacity: .7; }

#interview .imgList .inline_box { /*float: left;*/ display: block; width: 354px; border: solid 1px #dfdede; padding: 0; box-sizing: border-box; background: #fff; margin: 0 19px 0 0; }

#interview .imgList .inline_box:nth-child(3) { margin: 0; }

#interview .imgList .inline_box .name { margin: 25px 0 12px; padding: 0 23px; color: #a32626; text-align: center; font-size: 1.6rem; font-weight: 500; line-height: 1.4; }

#interview .imgList .inline_box .name .is_small { font-size: 1.4rem; }

#interview .imgList .inline_box .tit { margin: 20px 23px 10px; padding: 0 0 10px 30px; font-size: 1.5rem; font-weight: 500; border-bottom: solid 1px #dfdede; position: relative; }

#interview .imgList .inline_box .tit:before { position: absolute; top: 2px; left: 0; box-sizing: border-box; content: "Q"; font-family: 'oswald'; display: block; width: 24px; height: 24px; padding: 0; background: #a32626; color: #fff; font-size: 1.3rem; font-weight: 500; text-align: center; }

#interview .imgList .inline_box .txt { padding: 0 23px 25px; font-size: 1.4rem; }

#interview .image-hidden { display: none; }

@media screen and (max-width: 599px) { #interview { margin-bottom: 50px; }

#interview .interviewList{
  display: block
}

  #interview .imgList .inline_box { width: 100%; margin: 0; }
  #interview .imgList .inline_box + .inline_box { margin-top: 15px; }
  #interview .imgList .inline_box .tit { margin-top: 23px; padding: 0 0 15px 35px; font-size: 1.6rem; } }



/* #cboxLoadedContent
================================================ */
#cboxOverlay { background: #b3b3b3; }

#cboxContent { margin-top: 0 !important; }

#cboxLoadedContent { background: #fff; padding: 30px !important; }

#cboxLoadedContent .img { width: 40%; float: left; margin-bottom: 30px; }

#cboxLoadedContent .intName { width: 60%; float: left; padding: 74px 0 0 30px; box-sizing: border-box; }

#cboxLoadedContent .intName .name { color: #a32626; font-size: 1.9rem; line-height: 1.6; }

#cboxLoadedContent .intName .name .is_small { font-size: 1.5rem; }

#cboxLoadedContent .intFaq { clear: both; overflow: hidden; }

#cboxLoadedContent .intFaq + .intFaq { margin-top: 35px; }

#cboxLoadedContent .intFaq .tit { margin: 0 0 10px; padding: 15px 0 15px 35px; font-size: 1.7rem; font-weight: 500; border-top: solid 1px #dfdede; border-bottom: solid 1px #dfdede; position: relative; }

#cboxLoadedContent .intFaq .tit:before { position: absolute; top: 18px; left: 0; box-sizing: border-box; content: "Q"; font-family: 'oswald'; display: block; width: 24px; height: 24px; padding: 0; background: #a32626; color: #fff; font-size: 1.3rem; font-weight: 500; text-align: center; }

#cboxLoadedContent .intFaq .txt { font-size: 1.5rem; }

@media screen and (max-width: 599px) { #cboxLoadedContent { padding: 25px !important; }
  #cboxLoadedContent .img { width: 40%; margin-bottom: 12px; }
  #cboxLoadedContent .intName { width: 60%; padding: 15px 0 0 12px; }
  #cboxLoadedContent .intName .name { font-size: 1.6rem; line-height: 1.4; }
  #cboxLoadedContent .intName .name .is_small { font-size: 1.4rem; }
  #cboxLoadedContent .intFaq + .intFaq { margin-top: 15px; }
  #cboxLoadedContent .intFaq .tit { margin: 10px 0; font-size: 1.6rem; }
  #cboxLoadedContent .intFaq .tit:before { top: 17px; } }

#cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; text-indent: -9999px; width: 26px; height: 26px; top: 30px; right: 40px; position: absolute; background: url(../lib/colorbox/images/ico_close02.png) no-repeat 0 0; background-position: 0 0 !important; background-size: cover; }

@media screen and (max-width: 599px) { #cboxClose { width: 20px; height: 20px; top: 12px; right: 12px; } }

/* #number
================================================ */
#number { margin-bottom: 80px; }

#number .itemList { overflow: hidden; background: url(/img/skilltouch/bg_adress.png); padding: 30px 30px 20px 30px; }

#number .itemList .item { float: left; width: 515px; border: solid 1px #a32626; padding: 23px; box-sizing: border-box; background: #fff; position: relative; }

#number .itemList .item:nth-child(2n) { margin-left: 10px; margin-bottom: 10px; }

#number .itemList .item .tit { font-size: 1.8rem; margin-top: 0px; }

#number .itemList .item .txt { font-weight: 500; color: #a32626; font-size: 1.8rem; margin-top: 10px; }

#number .itemList .item .txt .is_font_oswald { font-size: 4.4rem; line-height: 1.3; }

#number .itemList .item .img { position: absolute; width: 100px; right: 20px; bottom: 20px; }

#number .itemList .item .line03 { margin-top: 0; }

#number .itemList .item .line02 { margin-top: 5px; }

#number .itemList .item .line02 .is_font_oswald { font-size: 3.8rem; line-height: 1.3; }

@media screen and (max-width: 599px) { #number { margin-bottom: 50px; }
  #number .itemList { padding: 15px; }
  #number .itemList .item { width: 100%; padding: 20px; }
  #number .itemList .item + .item { margin-left: 0; margin-top: 10px; margin-bottom: 0; }
  #number .itemList .item .tit { margin-top: 0; }
  #number .itemList .item .txt { margin-top: 0; }
  #number .itemList .item .txt .is_font_oswald { font-size: 3.6rem; line-height: 1.3; }
  #number .itemList .item .img { width: 25%; } }

/* #faq
================================================ */
#faq .setFaq + .setFaq { margin-top: 40px; }

#faq .setFaq .mod_tit04 { margin-bottom: 18px; }

#faq .faqList { border-bottom: 1px solid #dfdede; }

#faq .faqList dt { position: relative; padding: 19px 45px 21px 68px; font-size: 1.8rem; font-weight: 500; cursor: pointer; border-top: 1px solid #dfdede; }

#faq .faqList dt span { position: absolute; top: 20px; right: 10px; width: 30px; height: 30px; }

#faq .faqList dt span:after { position: absolute; top: 50%; left: 50%; content: ""; display: block; width: 2px; height: 24px; margin: -12px 0 0 -1px; background: #817876; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#faq .faqList dt span:before { position: absolute; top: 50%; left: 50%; content: ""; display: block; width: 24px; height: 2px; margin: -1px 0 0 -12px; background: #817876; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }

#faq .faqList dt.is_active span:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

#faq .faqList dt:before { position: absolute; top: 17px; left: 15px; box-sizing: border-box; content: "Q"; font-family: 'oswald'; display: block; width: 40px; height: 40px; padding: 0; background: #a32626; color: #fff; font-size: 2.1rem; font-weight: 500; text-align: center; }

#faq .faqList dd { display: none; margin: 0 0 7px 0; padding: 11px 0 18px 68px; position: relative; }

#faq .faqList dd:before { position: absolute; top: 5px; left: 15px; box-sizing: border-box; content: "A"; font-family: 'oswald'; display: block; width: 40px; height: 40px; padding: 0; background: #827977; color: #fff; font-size: 2.1rem; font-weight: 500; text-align: center; }

@media screen and (max-width: 599px) { #faq .faqList dt { font-size: 1.6rem; padding: 14px 45px 16px 42px; }
  #faq .faqList dt:before { top: 14px; left: 0; width: 30px; height: 30px; font-size: 1.6rem; }
  #faq .faqList dt span { width: 16px; height: 16px; }
  #faq .faqList dt span:after { width: 2px; height: 16px; margin: -8px 0 0 -1px; }
  #faq .faqList dt span:before { width: 16px; height: 2px; margin: -1px 0 0 -8px; }
  #faq .faqList dd { margin: 0 0 7px 0; padding: 2px 0 10px 42px; }
  #faq .faqList dd:before { top: 0; left: 0; width: 30px; height: 30px; font-size: 1.6rem; } }

/* #linkBtn
================================================ */
.linkBtn { margin-top: 60px; margin-bottom: 60px; }

.linkBtn .btn { width: 440px; line-height: 1.4; }

.linkBtn .contact a { padding: 21px 50px; box-sizing: border-box; }

.linkBtn .asagaku a:after { background: url(../img/common/ico_link01.png) no-repeat; background-size: contain; width: 11px; height: 10px; top: 27px; }

.linkBtn .txt { margin: 30px 0 10px; text-align: center; }

@media screen and (max-width: 599px) { .linkBtn { margin-bottom: 30px; }
  .linkBtn .btn { width: 100%; }
  .linkBtn .contact a { padding: 20px 14%; } }