@charset "UTF-8";
@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider-------------------------------------*/

#recruit .h-bx{ text-align: center; margin-bottom: 65px; }
#recruit .tbl{ width: 1100px; margin: 0 auto 80px; padding: 50px; background: #f3f3f3; }
#recruit .tbl table{ width: 100%; border: 1px solid #000; background: #fff; }
#recruit .tbl table th{ width: 225px; border-bottom: 1px solid #000; border-right: 1px solid #000; padding: 30px 0 30px 40px; font-size: 16px; font-weight: bold; text-align: left; }
#recruit .tbl table td{ width: 775px; border-bottom: 1px solid #000; padding: 20px 0 20px 40px; line-height: 1.4; }

#recruit .img-bx{ width: 1200px; margin: 0 auto 80px; padding: 45px 25px 25px; background: #e8e4d5; }
#recruit .img-bx h4{ text-align: center; margin-bottom: 30px; }
#recruit .img-bx li{ float: left; margin-right: 10px; margin-bottom: 10px; }
#recruit .img-bx li:nth-child(5n){ float: left; margin-right: 0px; }

#recruit .tel-bx{ width: 900px; margin: 0 auto 80px;  }
#recruit .tel-bx h5{ float: left; position: relative; top: 20px; }
#recruit .tel-bx p{ float: right; }

#recruit .sub-in-title{ text-align: center; margin-bottom: 30px; }

}

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

#recruit .h-bx{ text-align: center; margin-bottom: 65px; }
#recruit .tbl{ width: 100%; margin: 0 auto 10%; padding: 3%; background: #f3f3f3; }
#recruit .tbl table{ width: 100%; border: 1px solid #000; background: #fff; }
#recruit .tbl table th{ width: 30%; border-bottom: 1px solid #000; border-right: 1px solid #000; padding: 5% 3%; font-size: 16px; font-weight: bold; text-align: left; }
#recruit .tbl table td{ width: 70%; border-bottom: 1px solid #000; font-size: 14px; padding: 3% 0% 3% 1%; line-height: 1.4; }

#recruit .img-bx{ width: 100%; margin: 0 auto 10%; padding: 5% 3% 3%; background: #e8e4d5; }
#recruit .img-bx h4{ text-align: center; margin-bottom: 7%; }
#recruit .img-bx li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 2%; }
#recruit .img-bx li:nth-child(2n){ float: left; margin-right: 0px; }

#recruit .tel-bx{ width: 100%; margin: 0 auto 80px;  }
#recruit .tel-bx h5{ text-align: center; padding: 0 5%; margin-bottom: 3%; }
#recruit .tel-bx p{ float: none; text-align: center; padding: 0 3%; }

#recruit .sub-in-title{ text-align: center; margin-bottom: 30px; }

}