/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
.recruitlowpageMainVisialArea{
  background: url(../img/recruitMainVisial.jpg) center right 34% / auto 100%;
}
.recruitlowpageMainVisialArea .pageTitle{ background:#dbefe6; }
.recruitlowpageMainVisialArea .pageTitle h1{ width: 66.17%;padding-left: 20.17%; argin-left: -3%;}
.recruitlowpageMainVisialArea .pageTitle h1:before{
  content: ""; display: block; width: 24%;
  background: url(../img/fig-img08leaf.png) center center / auto 100% no-repeat;
  padding-bottom: 30.4%; position: absolute; left: 0; top: 50%; transform: translate(0, -50%);
}
.contentsAreaRecruit01 h2{ font-size: 1.5em; font-weight: bold; text-align: center; line-height: 1.3; margin-bottom: 4%;}
span.logoLine{ display: inline-block; width: 16%; margin-right: 2%; vertical-align: middle; font-size: 0;}

.recruitArea{ background: #fedec5; border-radius: 8px; padding: 7%; padding: 8% 4%; margin-bottom: 10%;}
.recruitArea p{ font-weight: bold; margin-bottom: 0%;}

.contentsAreaQaTL,
.recruitArea h3{ text-align: center;}
.recruitArea h3 span,
.contentsAreaQaTL span {
  background: #2c4e76; color: #fff; display: inline-block; padding: 0.4em 0.7em; line-height: 1; font-weight: bold; font-size: 1.315em;
  border-radius: 2px; margin-bottom: 4%;
}

.recruitAreaInner + .recruitAreaInner{ margin-top: 16vw;}


.recruitBox{ background: #fff;}
.recruitBox h4{ text-align: center; background: #dbeee5; color: #294c73; font-weight: bold;  padding: 3%;}
.recruitBox dt{ font-size: 0.75em; font-weight: bold; background: #fffef2; width: 24%; padding: 0 3%; display: inline-block; line-height: 2.8rem; text-align: left;}
.recruitBox dd{ font-size: 0.9em; background: #fff; width: 76%; padding: 0 3%; display: inline-block; vertical-align: top;  line-height: 2.8rem; text-align: left;}
.recruitBox + .recruitBox{ margin-top: 4vw;}

.recruitBox dt.pc,
.recruitBox dd.pc{ display: none;}

.oboBox{ background: #f77750; padding: 8.53%; border-radius: 8px;}
.oboBox h4 { width: 12.75%; display: block; margin: 0 auto 5.79%; font-size: 0;}
.contactBoxTelNv { background: #fffef2; font-size: 0; border-radius: 8px; padding: 4.34% 8.68%; margin-bottom: 5.79%;}
.oboBox p { font-weight: bold; line-height: 1.4; text-align: center; color: #fff;}
.oboBox p span{ font-size: 0.9em;}

.contactBoxMail { 
  background: #f77750; border: 2px solid #fffef2; font-size: 1.1rem; text-align: center;
  line-height: 1.63; color: #fffef2; border-radius: 8px; padding: 4.34% 4.34%; margin-bottom: 5.79%; font-weight: bold;
}
.contactBoxMail a{ color: #fff;}

.oboBox + .oboBox{ margin-top: 4vw;}
.oboBox + .oboBox h4 { width: 14.75%; display: block; margin: 2% auto 6.5%; font-size: 0;}


.qalowpageMainVisialArea {
  background: url(../img/recruitQAspMainVisial.jpg) center center  / cover no-repeat;
}



@media screen and (min-width: 560px) {

  .recruitlowpageMainVisialArea { background: url(../img/recruitMainVisial.jpg) center right 0% / 100% auto;}

  .contentsAreaRecruit01 h2{ margin-bottom: 2.38%; }

  .recruitArea{ padding: 8% 5.9%; margin-bottom: 4.76%; text-align: center;}
  .recruitArea h3{margin-bottom: 1.735vw; margin-bottom: 1.4vw;}
  .recruitArea p{ margin-bottom: 0; }

  .recruitArea h3 span { margin-bottom: 0%;}
  .recruitAreaInner + .recruitAreaInner{ margin-top: 3.47vw;}
  .recruitBox h4{ line-height: 2.8125; padding: 0;}
  .recruitBox dl{ width: 50%; display: inline-block; vertical-align: top;}
  .recruitBox dt.pc,
  .recruitBox dd.pc{ display: inline-block;}
  .recruitBox dt{ width: 28%;line-height: 3.2rem; padding: 0 5%; }
  .recruitBox dd{ width: 72%; line-height: 3.2rem; padding: 0 5%; }

  .recruitBox + .recruitBox{ margin-top: 2.38%;}


  .oboBox + .oboBox{ margin-top: 1.2vw; margin-left: 30px;}
  
  .oboBox{ width: calc( 50% - 15px); padding: 4.2%; display: inline-block; vertical-align: top; box-sizing: border-box; margin-top: 1.2vw;}
  

}

@media screen and (min-width: 900px) {
 .recruitlowpageMainVisialArea { background: url(../img/recruitMainVisial.jpg) center right 0% / 100% auto;}
 .qalowpageMainVisialArea { background: url(../img/recruitQAMainVisial.jpg) center center  / cover no-repeat;}


  .recruitArea{ padding: 7.1% 5.9%;}
}