@charset "UTF-8";


.sp {
  display: none;
}



.lyt-visual-slide-01 {padding-top: 80px !important;}
@media screen and (max-width: 1260px) { /* line 492, recruit_career.scss */
.lyt-visual-slide-01 { height: auto !important; } }
@media screen and (max-width: 940px) { /* line 498, recruit_career.scss */
.lyt-visual-slide-01 { padding-top: 53px !important; } }
@media screen and (max-width: 660px) { /* line 503, recruit_career.scss */
.lyt-visual-slide-01 { padding-top: 47px !important; } }



/* .sub-btn
--------------------------*/
.sub-btn {
  margin-bottom: 30px;
}
* html .sub-btn {
  zoom: 100%;
}
*:first-child+html .sub-btn {
  display: inline-block;
}
.sub-btn:after {
  content: "."; 
  clear: both; 
  height: 0; 
  display: block; 
  visibility: hidden;
}
.sub-btn li {
  width: 50%;
  float: left;
}
.sub-btn li img {
  width: 100%;
  height: auto;
}



/* .main-btn
--------------------------*/
.main-btn {
}
* html .main-btn {
  zoom: 100%;
}
*:first-child+html .main-btn {
  display: inline-block;
}
.main-btn:after {
  content: "."; 
  clear: both; 
  height: 0; 
  display: block; 
  visibility: hidden;
}
.main-btn li {
  width: 50%;
  float: left;
}
.main-btn li img {
  width: 100%;
  height: auto;
}



/* .head
--------------------------*/
dl.head {
  padding: 80px 0;
}
dl.head dt {
  font-size: 39px;
  color: #db1d36;
  text-align: center;
  margin-bottom: 18px;
}
dl.head dt br {
  display: none;
}

dl.head dd {
  font-size: 16px;
  line-height: 55px;
  text-align: center;
  letter-spacing: 0.1em !important;
}

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

dl.head {
}
dl.head dt {
  font-size: 39px;
}

dl.head dd {
}

}



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

dl.head {
}
dl.head dt {
  font-size: 39px;
}
dl.head dt br {
  display: none;
}

}




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

dl.head {
}
dl.head dt {
  font-size: 34px;
  margin-bottom: 0;
}
dl.head dt br {
  display: none;
}


}





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

.sp {
  display: block;
}

.pc {
  display: none;
}




dl.head {
}
dl.head dt {
  font-size: 34px;
  margin-bottom: 20px;
  line-height: 1.2em;
}
dl.head dt br {
  display: block;
}

dl.head dd {
  font-size: 12px;
  line-height: 30px;
  letter-spacing: 0.1em !important;
}

}





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

.sp {
  display: block;
}

.pc {
  display: none;
}




dl.head {
}
dl.head dt {
  font-size: 30px;
  margin-bottom: 20px;
  line-height: 1.2em;
}
dl.head dt br {
  display: block;
}

dl.head dd {
  font-size: 10px;
  line-height: 30px;
  letter-spacing: 0.1em !important;
}

}