@charset "UTF-8";
/* CSS Document */

/*.contact {
	background:url(../img/contact/bg_contact.jpg) no-repeat top center #000;
	background-size:100% auto;
	padding-top:70px;
}*/

.contact,
.recruit {
	background:url(../img/common/bg_body.jpg) repeat-x top center #fff;
	padding-top:70px;
}

.recruitTop {
	background:url(../img/recruit/bg_rectop.png) no-repeat bottom center;
	background-size:auto 100%;
}

.contBox {
	width:670px;
	margin:0 auto 0;
	padding:50px 0 0;
}

.contact .contBox {
	padding:50px 0 50px;
	/*background:url(../img/common/bg_body.jpg) repeat-x top center #fff;*/
}

.recruit .contBox {
	padding:50px 0 50px;
	width:750px;
}

h2 {
	margin-bottom:10px;
	text-align:center;
}

.recruit h2 img {
	text-align:center;
	margin:0 auto;
}

.note {
	text-align:center;
}

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

.contBox {
	width:94%;
	margin:0 auto 0;
	padding:150px 0 0;
	/*height:calc(100vh);*/
}

.recruitTop {
	background:url(../img/recruit/bg_rectop.png) no-repeat bottom center;
	background-size: 100% auto;
}

.contact,
.recruit {
	padding-top:0;
}

.contact .contBox {
	padding:150px 0 0;
}

.recruit .contBox {
	width:94%;
	padding:150px 0 50px;
}

}

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

.contBox {
	padding:60px 0 20px;
	height:auto;
}

.contact .contBox {
	padding:60px 0 50px;
}

.recruit .contBox {
	padding:60px 0 50px;
}

.recruitTop {
	background:none;
}

}



.recruit_list h3{
	font-size: 24px;
}

.recruit_list dl{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 14px;
	margin:30px auto 50px;
}

.recruit_list dt {
	width: 30%;
    padding:10px 0;
    border-bottom: 1px solid #999;
}

.recruit_list dd {
	width: 70%;
    padding: 10px 0;
    border-bottom: 1px solid #999;
}

/*.recruit_list dl{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 16px;
	line-height:2.4;
}

.recruit_list dt {
	width: 30%;
    border-bottom: 1px solid #666;
    padding: 20px 0;
}

.recruit_list dd {
	width: 70%;
    border-bottom: 1px solid #666;
    padding: 20px 0;
}

.recruit_list dd a {
	padding:3px 10px;
	background-color:rgba(255,255,255,0.5);
	color:#000;
	border: 1px solid #000;
}

.recruit_list dd a i {
	color:#cc0000;
}*/

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

.recruit_list dl{
	display: block;
	font-size: 16px;
}

.recruit_list dt{
	    width: 100%;
    border-bottom:none;
    padding: 5px;
	background-color:#000;
	color:#fff;
}

.recruit_list dd{
	width: 100%;
    border-bottom:none;
    padding: 5px;
}

}



.recTopUl {
	margin:10px auto 60px;
}

.recTopUl li {
	float:left;
	margin-right:10px;
}

.recTopUl li:last-child {
	margin-right:0;
}

.recTopUl li a {
	padding:10px 10px;
	background-color:rgba(255,255,255,0.5);
	color:#000;
	border: 1px solid #000;
}

.recTopUl li a i {
	color:#cc0000;
}

.recTxt01 {
	font-size:22px;
	margin:20px auto;
}

.recTop,
.recTop02,
.recTop03 {
	margin-top:15px;
}

.recTop dt,
.recTop02 dt,
.recTop03 dt {
	border-bottom:1px dotted #000;
}

.recTop dt span,
.recTop02 dt span,
.recTop03 dt span {
	color:#cc0000;
}

.recTop dt {
	font-size:22px;
}

.recTop02 dt {
	font-size:20px;
}

.recTop03 dt {
	font-size:18px;
}

/*.recTxt02 {
	background-color:rgba(255,255,255,0.4);
	padding:15px;
	border:1px solid #cc0000;
	margin:30px auto;
}*/

.recTxt02 {
	background-color:rgba(255,255,255,0.7);
	padding:15px;
	color:#b99b70;
	margin:30px auto;
	font-size:17px;
	font-weight:bold;
}

@media screen and (max-width: 992px) {
.recTopUl {
	margin:10px auto 30px;
}

.recTopUl li {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}
}

@media screen and (max-width: 767px) {
.recTopUl {
	margin:10px auto 30px;
}

.recTopUl li {
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom:10px;
}

.recTopUl li i {
	float:right;
}

.recTopUl li:nth-child(2n) {
	margin-right:0;
}

.recTopUl li a {
	display:block;
	width:100%;
}

.recTxt01 {
	font-size:18px;
	margin:10px auto;
}
.recTop dt {
	font-size:18px;
}
.recTop02 dt {
	font-size:16px;
}
.recTop03 dt {
	font-size:14px;
}
.recTxt02 {
	padding:0;
	margin:10px auto;
	font-size:14px;
	background:none;
	
}
}



.recruit_list h4 {
	font-size:18px;
}

@media screen and (max-width: 767px) {
.recruit_list h4 {
	font-size:16px;
}
}



.voice {
	width:700px;
	margin:0 auto;
}

.voice h4 {
}

.voiceUl {
	background-color:rgba(0,0,0,0.1);
	padding:15px;
	margin-bottom:30px;
	border:1px solid #666;
}

.voiceUl li {
	float:left;
}

.voiceUl li:first-child {
	width:30%;
	margin-right:2%;
}

.voiceUl li:last-child {
	width:68%;
}

.voiceUl.txtL li:first-child {
	float:right;
	margin-left:2%;
	margin-right:0%;
}

.voiceUl li img {
	width:100%;
}

.staffName {
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #000;
	margin-bottom:5px;
}

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

.voice {
	width:94%;
}

}


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

.voiceUl {
	padding:10px;
	margin-bottom:20px;
}

.voiceUl li {
	float:none;
}

.voiceUl li:first-child {
	width:100%;
	margin-right:0;
	text-align:center;
	margin-bottom:10px;
}

.voiceUl li:last-child {
	width:100%;
}

.voiceUl.txtL li:first-child {
	float:none;
	margin-left:0%;
	margin-right:0%;
}

.voiceUl li img {
	width:50%;
}

.staffName {
	font-size:14px;
}

}