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

section.contents {padding-top:clamp(90px,7.5vw,144px);}

.form .g1 {width: 40em;}
.form .jb {width: 40em;}
.form .fg {width: 30em;}
.form .n1 {width: 15em;}
.form .n2 {width: 20em;}
.form .zp {width:  7em;}
.form .td {width:  7em;}
.form .ad {width: 40em;}
.form .tl {width: 15em;}
.form .ed {width: 30em;}
.form .ml {width: 20em;}
.form .st {width: 30em;}
.form .iq {width: clamp(800px,66vw,1270px);}
.form .an {width: 35em;}

#inquiry h2 {
	letter-spacing: 0.1em;
}
.form li span {
	width: 8em;
}
.job_table {
	width: clamp(1000px,83vw,1600px);margin: auto;
	padding-bottom:clamp(40px,3vw,60px);
	display: flex;
	justify-content: space-between;
}

.job_table table {
	font-size:clamp(12px,  1vw,18px);
	border-collapse:collapse;
	width: 48.5%;
}

.job_table tr {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
}
.job_table tr:nth-of-type(even) {
	background-color: #f2f2f2
}
.job_table td {
	padding: 0.2em 1.5em 0.3em 0.5em;
	vertical-align: middle;
}
.job_table th {
	padding: 0.2em 0.5em 0.3em 1.5em;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}

section.contents h2 br {display: none;}

@media only screen and (max-width: 720px) {/* --[SP対応]-------------------------------------------------------------------------------------------*/
	.title_e ,
	.title_e > span {letter-spacing: 0.08em;}
	.form select {margin-right: 0.8em;}
	.form input[class=ed] {margin-bottom: 0.5em;}

	#inquiry h2 {
		letter-spacing: 0;
		font-size:5vw;
	}
	.job_table {
		width: 96vw;
		margin: auto;
		flex-direction: column;
	}
	.job_table img {
		width: 50vw;
		margin: 0 auto 8vw auto;
	}
	.job_table table {
		width: 100%;
	}
	.job_table tr td {
		vertical-align: middle;
	}
	section.contents h2 br {display:inherit;}
}

.caveat {
	text-align: center;
	color: #f00;
}


/* ----------------------- print ----------------------- */

@media print {
    @page {size: A4 portrait;margin: 0;padding: 0;}
	body {margin: 0;padding: 0;}
	#content_wrap {
		box-sizing: border-box;
		height: 297mm;
		width: 210mm;
		margin: 0;
		padding: 0;
	}

    section.contents {background-color: #fff!important;color:#000!important;padding-top: 15mm;}

	.mainTtl > div:first-of-type,
	.mainTtl > div:last-of-type,
	div.lead,
	header,h1,h2,footer,#submit { display: none!important; }
	
	.mainTtl {width: 100%;justify-content: center;font-size: clamp(26px, 2vw, 40px);}
	.mainTtl br {display: none;}
	div.newG {opacity: 1;}
	.inquiry, .inquiry > div {align-items: flex-start;}
	.form ul {padding-bottom: 0;padding-top: 3mm;}
	.inquiry > div {margin-top: 0;}
}