@charset "utf-8";

body {background-color:#fcfcfc;}

.pc {display:initial;}
.sp {display:none;}

main .container.x1 .inner {margin:120px 0 0;}
main .container.x1 .inner h1 {
	background-color:#004d9f;
	font-size:40px;
	font-weight:bold;
	color:#fff;
	width:90vw;
	margin:0 0 0 10vw;
	border-radius:7px 0 0 7px;
	padding:2.7em 1.5em;
	background-image:url(/recruit/images/k_bg_entry2.png);
	background-repeat:no-repeat;
	background-position:center left 40%;
}
main .container.x1 .inner {margin:120px 0 0;}

main .container.x2 .inner {
	max-width:1000px;
	margin:50px auto 0;
}
main .container.x2 .inner h2 {
	font-size:32px;
	color:#004d9f;
	font-weight:bold;
	line-height:1.6;
	position:relative;
	margin:0 0 0.6em;
}
main .container.x2 .inner .txt {
	font-size:18px;
	margin:0 0 3em;
	line-height:2.2;
}
main .container.x2 .inner .txt.off {display:none;}
main .container.x3 .inner {
	max-width:1000px;
	margin:0 auto;
}
main .container.x3 .inner dl {
	display:flex;
	border-top:solid 1px #dbdbdb;
	padding:2.5em 0;
	justify-content:flex-start;
	align-items:flex-start;
}
main .container.x3 .inner dl dt {
	width:35%;
	padding:0 1.5em;
}
main .container.x3 .inner dl dt h3 {
	font-size:18px;
	font-weight:bold;
	display:flex;
	flex-direction:row-reverse;
	justify-content:flex-end;
	align-items:center;
	line-height:1.5;
	padding:0.8em 0;
}
main .container.x3 .inner dl dt h3 label {
	font-size:12px;
	color:#fff;
	background-color:#7d7d7d;
	padding:4px 0.8em 4px;
	margin:0 25px 0 0;
	border-radius:3px;
	line-height:1;
	min-width:4em;
	text-align:center;
}
main .container.x3 .inner dl.req dt h3 label {background-color:#af8f20;}
main .container.x3 .inner dl dd {
	width:65%;
	padding:0 1.5em;
	position:relative;
}
main .container.x3 .inner dl dd.age {
	display:flex;
	justify-content:flex-start;
	align-items:center;
}
main .container.x3 .inner dl dd.age p {
	font-size:18px;
	font-weight:bold;
	margin:0 1em;
}
main .container.x3 .inner dl dd p {padding:1em 0;}
main .container.x3 .inner dl dd p.msg {
	padding:0;
	line-height:2;
	color:#d00000;
	text-align:right;
	font-size:14px;
	letter-spacing:0.08em;
}
main .container.x3 .inner dl dd p.check {
	position:absolute;
	top:0;
	right:0;
	width:20px;
}
main .container.x3 .inner dl dd input {
	width:95%;
	background-color:#f5f5f5;
	padding:0.8em 1.5em;
	border:none;
	border-radius:5px;
}
main .container.x3 .inner dl dd select {
	width:fit-content;
	background-color:#f5f5f5;
	padding:0.8em 5em 0.8em 1.5em;
	border:none;
	border-radius:5px;
	position:relative;
	-webkit-appearance:none;
	appearance:none;
	background-image:url(/recruit/images/k_entry_arrow01.png);
	background-repeat:no-repeat;
	background-position:center right 1em;
}
main .container.x3 .inner dl dd.age select {width:9em;}
main .container.x3 .inner dl dd input.err,
main .container.x3 .inner dl dd select.err {background-color:#f9ebeb;}
main .container.x3 .inner dl dd input.ok,
main .container.x3 .inner dl dd select.ok {background-color:#e2f7de;}
main .container.x3 .inner dl dd textarea {
	width:95%;
	height:12em;
	background-color:#f5f5f5;
	border:none;
	border-radius:5px;
	padding:0.8em 1.5em;
}
#confirm {
	display:block;
	background-color:#af8f20;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	margin:1.5em auto 3em;
	padding:1.2em 5em;
	width:fit-content;
	border-radius:8px;
	color:#fff;
	position:relative;
	cursor:pointer;
}
#confirm:hover {
	color:#fff!important;
}
#confirm.disabled {
	background-color:#dbdbdb;
	cursor:initial;
	pointer-events:none;
}
#back {
	display:block;
	background-color:#7d7d7d;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin:2.5em auto 1em;
	padding:1.2em 5em;
	width:fit-content;
	border-radius:8px;
	color:#fff;
	position:relative;
	cursor:pointer;
}
#back:hover {
	color:#fff!important;
}
#send {
	display:block;
	background-color:#af8f20;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	margin:0.5em auto 3em;
	padding:1.2em 5em;
	width:fit-content;
	border-radius:8px;
	color:#fff;
	position:relative;
	cursor:pointer;
}
#send:hover {
	color:#fff!important;
}
#send img {
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	right:7em;
	opacity:0;
}
#send.disabled {
	background-color:#dbdbdb;
	cursor:initial;
	pointer-events:none;
}


#sendmail {opacity:1;}
#sendmail.off {
	opacity:0;
	pointer-events:none;
	height:0;
	position:relative;
	z-index:-1;
}
#confirm_wp {
	opacity:1;
	transition:all .7s ease;
}
#confirm_wp.off {
	height:0;
	opacity:0;
	pointer-events:none;
}
#confirm_wp dl dt h3 label {display:none;}

#thanks {
	width:100%;
	margin:0 auto 120px;
	padding:50px;
	background-color:#f9f4e3;
	border-radius:3px;
	max-width:800px;
}
#thanks p {
	font-size:18px;
	line-height:2.2;
}
#thanks.off {display:none;}

footer .box02 {display:none;}
footer .box03 {display:flex;}
footer .box03 a.x1 {display:none;}
footer .box03 a.x2 {display:flex;}

@media print, screen and (max-width:1300px){
	main .container.x2 .inner {padding:0 5vw;}
	main .container.x3 .inner {padding:0 5vw;}
	main .container.x4 .inner {padding:0 5vw;}
}
@media print, screen and (max-width:1200px){
	main .container.x1 .inner h1 {background-position:center left 20vw;}
}
@media print, screen and (max-width:1100px){
}
@media print, screen and (max-width:1000px){
	main .container.x1 .inner h1 {padding:7vw 3vw;}
	main .container.x1 .inner h1 {
		background-position:center left 20vw;
		padding:7vw 3vw;
		background-size:70vw;
	}
	main .container.x3 .inner dl {flex-direction:column;}
	main .container.x3 .inner dl dt {width:100%;}
	main .container.x3 .inner dl dd {width:100%;}
}
@media print, screen and (max-width:900px){
}
@media print, screen and (max-width:768px){
	.pc {display:none;}
	.sp {display:initial;}

	main .container.x1 .inner {margin:20vw 0 0;}
	main .container.x1 .inner h1 {font-size:7vw;}
	main .container.x2 .inner {margin:7vw auto 0;}
	main .container.x2 .inner h2 {
		font-size:7vw;
		line-height:1.2;
	}
	main .container.x2 .inner .txt {
		font-size:4.2vw;
		margin:0 0 1.5em;
		line-height:1.8;
		text-align:justify;
	}
	main .container.x2 .inner .topimg img {width:80%;}
	main .container.x3 .inner dl {padding:3vw 0;}
	main .container.x3 .inner dl dt {padding:0 2.5vw;}
	main .container.x3 .inner dl dd {padding:0 2.5vw;}
	main .container.x3 .inner dl dd p {padding:0 0 1em;}
	main .container.x3 .inner dl dd p.check {padding:1em 0;}
	main .container.x3 .inner dl dd.age p {padding:1em 0;}
	main .container.x3 .inner dl dd select {width:90%;}
	main .container.x3 .inner dl dd.age select {padding:0.8em 0 0.8em 0.5em;}

	#confirm {
		font-size:6vw;
		padding:1em 0;
		width:80vw;
	}
	#send {
		font-size:6vw;
		padding:1em 0;
		width:80vw;
	}
	#back {
		font-size:5vw;
		padding:1em 0;
		width:75vw;
	}
	#thanks {
		padding:7vw;
		margin:0 auto 15vw;
	}
	#thanks p {
		font-size:4.2vw;
		margin:0;
		line-height:1.8;
		text-align:justify;
	}
}