@charset "UTF-8";
@media only screen and (max-width: 767px) {
	#page_top { height: 60px;}
}
#lnavi_recruit {
}
#lnavi_recruit::before {
	display: block;
	content: "";
	width:100%;
	height: 215px;
	background: url(../img/recruit/mainimg@2x.jpg) no-repeat center 50%;
	background-size: cover;
}
#lnavi_recruit ul {
	margin-top:50px;
	display: flex;
}
#lnavi_recruit li {
	width:50%;
	text-align: center;
	
}

#lnavi_recruit li a {
	display: block;
	color: #202020;
	font-weight: bold;
	text-decoration: none;
	padding:10px 0;
	position: relative;
	background:#eee;
}
#lnavi_recruit li.on a { background:#ddd;}
#lnavi_recruit li.on a::before,
#lnavi_recruit li a:hover::before {
	position: absolute;
	content: "";
	width:100%;
	height: 12px;
	top:auto;
	bottom: -9px;
	left:0;
	background: url(../img/h2_arrow01.png) no-repeat center bottom;
	background-size: 20px auto;
}

@media only screen and (max-width: 767px) {
	#lnavi_recruit {
	}
	#lnavi_recruit::before {
		height: 107px;
	}
	#lnavi_recruit ul {margin-top:20px;}
}

#index .inner { margin-top:70px;max-width: 960px;}

#entry { margin-top:-110px; padding-top:110px; display: block;}

#steps { margin-top:65px; display: flex; justify-content: space-between;}
#steps li { font-size: 16px; width:31%; border-bottom: #b3b3b3 8px solid; color:#b3b3b3;
text-align: center; padding-bottom: 15px;}
#steps li.on { color: #202020; border-bottom: #202020 8px solid; position: relative;}
#steps li.on::after {
	position: absolute;
	content: "";
	box-sizing: border-box;
	width:8px;
	height: 8px;
	border:transparent 4px solid;
	border-top:#202020 4px solid;
	left:50%;
	margin-left:-4px;
	bottom:-16px;
}

.h301 { margin-top:70px; font-size: 24px;}
.kome { font-size: 11px; line-height: 150%;}
p.small {
    font-size: 11px;
    margin-top: 30px;
    letter-spacing: 160%;
}
.must {
    display: inline-block;
    background: #be000a;
    color: #fff;
    font-weight: normal;
    margin: 0 2px;
    padding: 3px 5px;
    line-height: 100%;
    border-radius: 3px;
}
.tb01 {
	width:100%;
	border-collapse: collapse;
	margin-top:10px;
}
.tb01 .must { font-size: 12px; padding:4px 10px;}
.tb01 th,
.tb01 td { text-align: left; font-size: 16px;padding:25px 0; border-bottom:#ddd 1px solid; }
.tb01 tr:last-child th,
.tb01 tr:last-child td {border-bottom:#202020 1px solid; }
.tb01 th { width:210px; box-sizing: border-box;}
.tb01 td, .tb01 td *:not(.kome) { font-size: 14px;}
.tb01 td .kome { margin-bottom: 3px;}
input[type="submit"],input[type="button"], button {-webkit-appearance: none;}
input[type="text"], textarea {
	background:#eee;
	border-radius: 5px;
	border:none;
	line-height: 180%;
	padding:5px 3px;
	box-sizing: border-box;
}
input[type="text"].long, textarea { width:460px; max-width:100%;}
.name input[type="text"] { width:220px; max-width:100%;}
input[type="radio"] { margin-right:8px;}
label + label { margin-left:15px;}
.flexbox { display: flex; justify-content:flex-start;}
.flexbox .box { margin-right: 20px;}
.kome a { font-size: 11px !important; color: #202020;}
input[type="text"] + .kome { margin-top:10px;}
input[name="mail_must"] + p { margin-top:15px;}
#searchAddress a {
	display:inline-block;
	border:#b3b3b3 1px solid;
	border-radius: 3px;
	padding: 0px 13px 0px 35px;
	background-image:url(../img/contact/icon_search.png);
	background-repeat:no-repeat;
	background-position: 13px 50%;
	font-size: 12px !important;
	height: 28px;
	line-height: 28px;
	margin-left:20px;
	color: #202020;
	text-decoration: none;
}
#searchAddress + p { margin-top:10px;}
label.zip01 {
	background:#eee;
	border-radius: 5px;
	display: inline-block;
	padding: 0 5px;
	box-sizing: border-box;
	line-height: 100%;
}
label.zip01 input[type="text"] { width:80px; margin: 0;}
input[name="zip02"] { width:100px;}
.address .flexbox { align-items: flex-end;}
.address select {
	-webkit-appearance: none;
	border:#b3b3b3 2px solid;
	border-radius: 5px;
	line-height: 180%;
	padding: 3px;
	box-sizing: border-box;
	width:220px;
	max-width: 100%;
}
.address input[type="text"]:not(.long) { width:220px; max-width: 100%;}

p.btn {
	margin-top:40px;
	text-align: center;
}
p.btn input[type="submit"],
p.btn a {
	width:100%;
	height: 80px;
	color: #fff;
	-webkit-appearance: none;
	background:#be000a;
	border-radius: 5px;
	text-align: center;
	font-size: 24px;
	border:none;
}
p.btn a { display: block; line-height: 80px; text-decoration: none;}
p.btn input[type="submit"]:hover,
p.btn a:hover { background:#000;text-decoration: none;}

p.btn.flex { display: flex; justify-content: space-between;}
p.btn.flex input { width:48%;}
p.btn input[type="button"] {
	height: 80px;
	color: #fff;
	-webkit-appearance: none;
	background:#999;
	border-radius: 5px;
	text-align: center;
	font-size: 24px;
	border:none;
}
p.btn input[type="button"]:hover { background:#000;}
#txtlmt { font-size: 11px;}

@media only screen and (max-width: 767px) {
	.tb01,.tb01 tr, .tb01 th, .tb01 td, .tb01 tbody { display: block;}
	.tb01 th { border:none; padding:20px 0 0 0;}
	.tb01 tr:last-child th { border:none;}
	.tb01 td { padding:10px 0;}
	.name .flexbox { justify-content: space-between;}
	.name .flexbox .box { margin: 0; width:49%;}
	.name input[type="text"] { width:100%; max-width:inherit;}
	.tel input[type="text"] { width:80px;}
	label.zip01 input[type="text"] { width:60px; margin: 0;}
	input[name="zip02"] { width:80px;}
	#searchAddress a { margin-left: 10px;}
	.address .flexbox { justify-content: space-between;}
	.address .flexbox .box { width:49%; margin:0;}
	.address select {
		width: 100%;
	}
	.address input[type="text"]:not(.long) { width: 100%;}
	p.btn {
		margin-top:20px;
	}
	p.btn input[type="submit"],
	p.btn a,
	p.btn input[type="button"]{
		height: 50px;
		font-size: 18px;
	}
	p.btn.flex input { width:49%;}
	p.btn a { line-height: 50px;}
}

#index.confirm .kome { display: none;}
.mailer_msg {
	margin-top:30px;
}

p.btn.gototop { text-align: center; margin-top:100px;}
p.btn.gototop a { display: inline-block; width:auto; padding: 0 50px;}

p.btnEntry { margin:60px 0 80px; text-align: center;}
p.btnEntry a { display: inline-block; color: #fff; font-size: 24px; height: 90px; line-height: 90px; border-radius: 45px; width:320px; background:#be000a; text-decoration: none;}
p.btnEntry a:hover { background:#000;}

h2.h201 { font-size: 24px; border-top:#ddd 15px solid; margin-top:80px; padding-top:80px;}
p.p01 { margin-top:25px;}
dl.dl_privacy {
	margin-top:25px;
	margin-bottom: 50px;
	border-top:#ddd 1px dotted;
	border-bottom:#ddd 1px dotted;
	padding:45px 0;
}
dl.dl_privacy dt { font-size:16px;}
dl.dl_privacy dd { font-size:12px; max-height:180px; overflow:scroll; margin-top:15px;}