@charset "UTF-8";

/*recruit*/
section {
	position:relative;
	width:100%;
	margin:auto;
	color:#000;
}
.leadTxt {
	width:80%;
	margin:3rem 10% auto 10%;
}
.recruit__info {
	position:relative;
	width:80%;
	padding:4rem 10%;
}
.recruit__info .backimg {
	position:absolute;
	top:8rem;
	left:0;
	width:100%;
	height:calc(100% - 8rem);
	background-color:#fff;
	z-index:-1;
}

.listWrap {
	margin:5rem auto 2rem auto;
}
table.list {
	width:100%;
}
table.list tr {
	border-bottom:solid 1px #807F80;
}
table.list th {
	display:block;
	width:100%;
	margin:1.2rem auto 0.5rem auto;
	text-align:left;
}
table.list td {
	display:block;
	width:100%;
	margin:auto auto 1rem auto;
	line-height:1.7rem;
	letter-spacing:0;
	text-align:left;
}
table.list .list__office {
	margin-top:1.2rem;
}


/**/
.recruit__form {
	margin:80%;
	margin:5rem 10%;
	color:#fff;
	text-align:left;
}
.form__contentWrap {
	margin:2rem auto;
	color:#000;
}
.form__title {
	width:100%;
	margin:2rem auto 0.5rem auto;
}
.form__content {
	width:80%;
	padding:1.5rem 10%;
	background-color:#fff;
	border-top:solid 1px #807F80;
}


.form__title small span.required {
	margin:auto 0.3rem;
}


.form__contentWrap .buttonA {
	margin:3rem auto;
}
.buttonA .btnbase {
	text-align:center;
}

/*inputcheck*/
.recruit__txt {
	margin:5rem auto auto auto;
}
section.inputcheck dl.inputDL dt {
	color:#807F80;
}
/*complete*/
section.complete {
	margin-bottom:9rem;
}
section.complete .buttonA {
	margin:7rem auto;
}


@media print, screen and (min-width: 481px) {

/*company*/
.recruit__info {
	width:70%;
	padding:4rem 15%;
}
.recruit__info .backimg {
	top:8rem;
	height:calc(100% - 8rem);
}

/**/
.recruit__form {
	margin:70%;
	margin:5rem 15%;
}
.form__content {
	padding:2rem 10%;
}

/*inputcheck*/
.recruit__txt p {
	text-align:center;
}

}

@media only screen and (min-width: 769px) {
	
/*recruit*/
section {
	position:relative;
	width:100%;
	margin:auto;
	padding-top:5%;
}
.leadTxt {
	width:70%;
	max-width:700px;
	margin:3rem auto auto auto;
}
.recruit__info {
	width:55%;
	margin-right:15%;
	padding:4rem 15%;
}
table.list th {
	display:inline-table;
	width:9rem;
	margin:1.2rem auto 0.5rem auto;
}
table.list td {
	display:inline-table;
	width:calc(100% - 9rem);
	margin:1rem auto;
	line-height:1.7rem;
}
table.list .list__office:first-of-type {
	margin-top:0;
}

/**/
.recruit__form {
	margin:10% 15% 13% 15%;
}
.form__content {
	padding:7% 10%;
}
.buttonWrap {
	margin-top:10%;
}


/*complete*/
section.complete {
	padding-top:0%;
}

}

@media print {


}