@charset "utf-8";

/* -------------------------------------------------- */
/* apply */
/* -------------------------------------------------- */
#block-apply .form{max-width:700px;margin:auto;}
#block-apply .form input:focus,
#block-apply .form input:active{outline:2px solid #141414;}
#block-apply .form .item{display:flex;border-bottom:1px solid #ddd;padding-bottom:25px;margin-bottom:25px;}
#block-apply .form .item label{width:12em;padding-right:70px;font-weight:bold;position:relative;margin-right:30px;}
#block-apply .form .item label .required{font-size:1.5rem;padding:5px 10px;color:#c92a05;margin-left:10px;border:1px solid #c92a05;color:#c92a05;white-space:nowrap;line-height:1;position:absolute;top:10px;right:0;}
#block-apply .form .item input,
#block-apply .form .item select{width:100%;}
#block-apply .form .item input.readonly,
#block-apply .form .item textarea.readonly{border:0;vertical-align:bottom;}
#block-apply .form .input{flex:1;}
#block-apply .form .error{color:#c92a05;font-weight:bold;margin:10px 0 0 0;font-size:1.8rem;line-height:1.6;}
#block-apply .form .privacy{text-align:center;padding:30px 0;;border-bottom:1px solid #ddd;margin-top:-25px;}
#block-apply .form .submit{text-align:center;margin-top:40px;}
#block-apply .form .submit button{display:inline-block;padding:20px 60px 20px 50px;min-width:300px;font-size:2.2rem;font-weight:bold;background:#c92a05;color:#fff;line-height:1.4;position:relative;transition:.2s ease;}
#block-apply .form .submit button::after{content:"";display:block;width:20px;height:20px;background:url(/img/arrow04.png) no-repeat;background-size:100% auto;position:absolute;right:20px;top:50%;margin-top:-10px;}
#block-apply .form .submit button:hover{opacity:0.7;}
#block-apply .form .checkbox input[type="checkbox"]{display:none;}
#block-apply .form .checkbox input[type="checkbox"] + span{margin:8px 0;transition:.2s;display:block;position:relative;padding:5px 20px 5px 45px;cursor:pointer;line-height:1.4;}
#block-apply .form .checkbox input[type="checkbox"]:checked + span::before{border-color:#141414;animation:ripple 0.2s linear forwards;}
#block-apply .form .checkbox input[type="checkbox"]:checked + span::after{transform:scale(1) rotate(-45deg);}
#block-apply .form .checkbox span::before, #block-apply .form .checkbox span::after{position:absolute;content:'';border-radius:2px;transition:all .15s ease;transition-property:transform, border-color;}
#block-apply .form .checkbox span::before{left:5px;top:7px;width:25px;height:25px;border:2px solid rgba(0, 0, 0, 0.54);}
#block-apply .form .checkbox span::after{top:12px;left:11px;width:14px;height:10px;transform:scale(0) rotate(-45deg);border-left:3px solid #141414;border-bottom:3px solid #141414;}
#block-apply .form .checkbox *,#block-apply .form .checkbox *::before,#block-apply .form .checkbox *::after{box-sizing:border-box;}
#block-apply .form .checkbox.checkbox-inline{display:inline-block;}
#block-apply .form .checkbox.checkbox-inline input[type="checkbox"] + span{margin:3px 0;}
#block-apply .form .checkbox a{text-decoration:underline;}
#block-apply .form .checkbox a:hover{text-decoration:none;}

#block-thanks .btn a{padding:8px 55px 9px 70px;background:#656a67;color:#fff;font-size:2rem;display:inline-block;position:relative;font-weight:bold;letter-spacing:0.05em;text-align:center;}
#block-thanks .btn a::after{content:"";display:block;width:20px;height:20px;background:url(/img/arrow03.png) no-repeat;background-size:100% auto;position:absolute;left:15px;top:50%;margin-top:-10px;transform:scale(-1,1);}
#block-thanks .btn a:hover{opacity:0.7;}


/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:999px){

}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:622px){
	#block-apply .form .item{display:block;padding-bottom:20px;margin-bottom:15px;}
	#block-apply .form .item label{width:100%;padding-right:0;margin-right:0;display:block;font-size:1.8rem;}
	#block-apply .form .item label .required{position:static;padding:3px 10px;vertical-align:2px;display:inline-block;}
	#block-apply .form .item input.readonly{padding:0;}
	#block-apply .form .privacy{font-size:1.9rem;margin-top:-15px;padding:20px 0;}

}
@media screen and (min-width:1px) and (max-width:374px){

	#block-apply .form .submit button{min-width:270px;font-size:1.8rem;}
}