/* --------------------------------------------------------
	Recruit
-------------------------------------------------------- */

#content {
	max-width: 100%;
}
h2 img {
	width: 100%!important;
	max-width: 100%!important;
}

label {	cursor: pointer; }


#recruit01,
#recruit02 {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
#recruit01 {}
#recruit02 {}

#recruit01 form,
#recruit02 form {
	max-width: 1400px;
	margin: 80px auto;
}

ul.recruit-ch-btn {
	margin: 50px 0;
	padding: 0 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 50px;
}
ul.recruit-ch-btn > li {
	list-style: none;
	margin: 0;
}
.recruit-ch-btn label {
	display: inline-block;
	border-width: thick;
	border-style: double;
	font-size: 200%;
	padding: 7px 10px 5px;
	cursor: pointer;
	border-radius: 12px;
	white-space: nowrap;
}
#recruit01 .recruit-ch-btn label {
	border-color: rgb(162, 154, 251);
	background: #EEF5FF;
}
#recruit02 .recruit-ch-btn label {
	border-color: #F9D;
	background: #FEF;
}
#recruit01 .recruit-ch-btn label:hover,
#recruit01 .recruit-ch-btn label:active {
	border-color: rgb(255, 131, 120)!important;
	background: rgb(255, 238, 246)!important;
}
#recruit02 .recruit-ch-btn label:hover,
#recruit02 .recruit-ch-btn label:active {
	border-color: rgb(125, 205, 61)!important;
	background: rgb(231, 252, 200)!important;
}

input[name="ch"] { display: none; }
input[name="ch"]:not(:checked) + div { display: none; }



h3 {
	font-size: 140%;
	margin: 20px 5px;
}
.recruit-ch h3 {
	font-size: 200%;
	font-weight: normal;
	margin: 30px;
}
h3 span {
	display: inline-block;
	padding: 0 20px;
	background: #FFF3BB;
	border: dashed 2px #0B5;
}
h3.attention {
	font-size: 240%;
	text-align: center;
}

.recruit-ch {
	width: 100%;
	margin-bottom: 100px;
	font-size: 115%;
}


@media only screen and (max-width: 800px){
 ul.recruit-ch-btn {
	display: none;
 }
 input[name="ch"]:not(:checked) + div {
	display: block!important;
 }
}


.recruit-tbl {
	width: 96%;
	margin: 0 auto 2.0em;
}
.recruit-tbl > h5 {
	padding: 5px 20px;
	background: #DDD;
	font-size: 120%;
	font-weight: 600;
}
.recruit-tbl > p {
	padding: 5px 2.0em 20px;
}
.recruit-tbl dl {
	overflow: hidden;
}
.recruit-tbl dl dt {
	float: left;
}
.recruit-tbl > dl {
	padding: 5px 2.0em 20px;
}
@media only screen and (max-width: 799px){
 .recruit-tbl dl dt {
	float: none;
 }
 .recruit-tbl dl dd {
	padding-left: 1.0em;
 }
}