#entry .red { color: #ff0400; }

#entry p.text { line-height: 150%; font-size: 14px; padding:  20px  0 50px; }

#entry .form table { width: 100%; margin: 30px 0; }
#entry .form table .gender label { display: inline-block; }
#entry .form table .file span { display: block; color: #999999; font-size: 14px; padding: 10px 0 0; }
#entry .form table th { vertical-align: top; padding: 10px 0; }
#entry .form table th.big { padding: 30px 0; }
#entry .form table th.big p { background: #f39900; color: #fff; font-size: 24px; padding: 15px 20px; text-align: left; font-weight: bold; }
#entry .form table label { margin: 10px 0 0; }

#entry .form table .add li { text-indent: 0; padding: 0; }
#entry .form table .add li input[type="text"] { width: calc(100% - 50px); }
#entry .form table .add li .add_btn { cursor: pointer; margin: 0 0 0 10px; }
#entry .form table .add li .del { vertical-align: middle; cursor: pointer; display: inline-block; padding: 0 10px; font-size: 20px; height: 20px; line-height: 20px; text-align: center; }
#entry .form table small { font-size: 13px; color: #505050; display: block; padding: 10px 0 0; }
#entry .form table td.privacy p.box { line-height: 160%; font-size: 13px; color: #505050; padding: 15px 20px; border: 1px solid #e5e5e5;
	border-radius: 5px;
	margin: 15px 0 0;
}

#entry .form table td.privacy p.box span { display: block; font-size: 14px; font-weight: bold; padding: 0 0 10px; }
#entry .form table td.privacy p.check { padding: 20px 0 0; text-align: center; }
#entry .form table td.privacy p.check label { font-weight: bold; }

#entry .steps { background: #ffb331; color: #fff; }
#entry .steps li { padding: 25px 30px 25px 40px; box-sizing: border-box; float: left; width: calc(100% / 3); position: relative; }
#entry .steps li:first-child { padding: 25px 30px; }
#entry .steps li::before { z-index: 1; content: ''; display: block; position: absolute; right: -25px; width: 30px; height: 100%; top: 0;
	background: url(../images/recruit/step_off.png) no-repeat right center;
	background-size: auto 100%;
}

#entry .steps li.on { background: #f39900; }
#entry .steps li.on::before { background: url(../images/recruit/step_on.png) no-repeat right center; background-size: auto 100%; }
#entry .steps li:last-child::before { display: none; }
#entry .steps li p { line-height: 150%; }
#entry .steps li p span { display: block; }
#entry table td textarea { resize: vertical; }

#entry .confirm table th { vertical-align: middle; }
#entry .note .caution { margin: 0 auto 35px; }

#entry .note h3 { padding: 100px 0 0; }
#entry .form table td input.w2 { width: 20% !important; }
#entry .form table td input.w3 { width: 30% !important; }

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
	
	#entry p.text { padding: 20px 0 30px; font-size: 12px; }
	#entry .steps li { padding: 10px 15px 10px 25px; }
	#entry .steps li:first-child {padding: 10px 15px; }
	#entry .steps li p { font-size: 12px; }
	#entry .steps li::before { width: 15px; right: -14px; }
	
	#contact .mandatory { margin: 0 auto 20px; }
	
	#entry .form table th.big { padding: 10px 0; }
	#entry .form table th.big p { font-size: 18px; padding: 10px 15px; }
	
	#entry .note .caution { margin: 25px auto; }
	#entry .note h3 { padding: 50px 0 0; }
}