@charset "utf-8";



/* PC
====================================================================================*/


/* form common
==================================================*/







#form{
	padding:40px 0 40px 0;
}

#form br.sp{
	display:none;
}

#form h3 span{
	padding:0 0 0 10px;
}

#form p.exp{
	padding:0 0 0 0;
	/*color:#4c90d6;*/
	color:#fff;
	text-align:center;
	font-size:0.8rem;
	line-height:50px;
	background-color:#3f94cf;
}

#form div#formBase{
	padding:20px 30px;
	background:#f2f2f2;
	/*border:1px solid #ccc;*/
	font-size:0.9rem;
}

#form div#formBase p.kome{
	text-align:right;
	color:#3f94cf;
	font-size:0.7rem;
}

#form div#formBase dl{
	clear:both;
	border-top:1px solid #dedede;
	padding:22px 0;
	overflow:hidden;
}

#form div#formBase dl.first-child{
	border:none;
}

#form div#formBase dt{
	display:block;
	float:left;
	padding:0 12px 0 12px;
	width:180px;
	/*color:#4c90d6;*/
	color:#3f94cf;
	font-weight:bold;
}


#form div#formBase dd{
	display:block;
	float:left;
	padding:0 0 0 0;
	width:70%;
	line-height:1.0;
}

#form div#formBase dd.line2{
	margin:25px 0 0 204px;
}

#form div#formBase dd span.w2c{
	display:inline-block;
	padding:0 0.5em 0 0;
	width:2em;
	text-align:left;
}

#form div#formBase dd#wKanji div,
#form div#formBase dd#wKana div{
	display:inline;
	padding:0 1em 0 0;
}

#form div#formBase dd a{
	color: #3f94cf;
	text-decoration:underline;
}

#form div#formBase dd input{
	vertical-align:bottom;
	font-size:0.9rem;
	line-height:1.0;
}

#form div#formBase dd input[type=text],
#form div#formBase dd input[type=email]{
	vertical-align: baseline;
	border:solid 1px #bcbcbc;
	box-sizing:border-box;
	padding:0 0.2rem;
	height: 25px;
}

#form div#formBase dd#wSchool input[type=text],
#form div#formBase dd#wMail input[type=text]{
	width:66%;
}

#form div#formBase dd label input[type=radio],
#form div#formBase dd label input[type=checkbox]{
	margin:0 0.2rem 0 0;
}

#form div#formBase dd select{
	border:solid 1px #bcbcbc;
	vertical-align:top;
	height: 25px;
}

#form div#formBase dd p.att{
	margin:0;
	padding:15px 0 0 0;
	font-size:0.9rem;
	color:#999;
}

#form div#formBase dd span.att{
	margin:0;
	padding:0 0 0 0;
	font-size:0.75rem;
	color:#999;
}

#form div#formBase dd#wSex label{
	display:inline-block;
	padding:0 1em 0 0.2rem;
}

#form div#formBase dd#wSchool div{
	clear:both;
	padding:0 0 15px 0;
}

#form div#formBase dd#wSchool div.ibaraki{
	padding:0 0 0 0;
}

#form div#formBase dd#wSchool div p{
	float:left;
	display:inline-block;
	width:6rem;
	/*color:#4c90d6;*/
	color:#3f94cf;
	font-weight:bold;
	text-align:left;
}

#form div#formBase dd#wSchool label{
	display:inline-block;
	padding:0 1em 0 0;
	width:5rem;
}

#form div#formBase dd#wJob label{
	display:inline-block;
	padding:0 1em 0 0;
}

#form div#formBase dd p.errorAlert{
	padding:10px 0 0 0;
}

#form div#formBase dd#wLessontime p{
	padding:0 0 8px 0;
}

#form div#formBase dd#wLessontime p.last-child{
	padding:0 0 0 0;
}

#form div#formBase dd#wLessontime p.att{
	padding:5px 0 0 0;
}

#form div#formBase dd#wAgree label input{
	margin-right:0.3rem;
}

#form div#formBase dd#wExperience label{
	margin-right:0.8rem;
}

#form div#formBase dd#wExperience label input{
	margin-right:0.2rem;
}

#form div#formBase dd textarea{
	padding:5px;
	width:100%;
	font-size:0.9rem;
	border:solid 1px #a9a9a9;
	box-sizing:border-box;
}

#form .btn{
	clear:both;
	margin:30px 0 0 0;
	text-align:center;
	/*border-top:1px solid #dedede;*/
}


#form .btn a,
#form .btn input{
	display: inline-block;
    margin: 0 15px;
    padding: 15px 28px;
	background:#fff;
	border:1px solid #ccc;
	font-size:0.9rem;
	line-height:1.0;
	text-align:center;
	cursor:pointer;
}

#form .btn a.back,
#form .btn input.back{
    padding-left:40px;
	background:url(../images/arw_form_back.png) 9% center no-repeat; 
}

#form .btn input.next{
    padding-right:40px;
	background:url(../images/arw_form_next.png) 91% center no-repeat; 
}

#form div#formBase .errorAlert{
	color:#ff0000;
}

#form p.attbottom{
	padding:30px 0 0 0;
	/*color:#4c90d6;*/
	color:#28b828;
	text-align:center;
	font-size:0.9rem;
	line-height:1.5;
}

#form p.complete{
	line-height:1.5;
}

#form p.closeLink{
	padding:25px 0 0 0;
	line-height:1.0;
	text-align:center;
	font-size:12px;
}






/* SP
====================================================================================*/

@media only screen and (max-width: 768px){



#form br.sp{
	display:inline;
}

#form p.exp {
	padding: 15px 10px;
	/*text-align: left;*/
	line-height:1.2;
}

#form div#formBase {
	margin:0 0;
	padding: 15px 15px 0;
}

#form div#formBase dt {
	float:none;
	padding:0 0 13px 0;
	width:auto;
}

#form div#formBase dd {
	float:none;
	padding:0 0 0 0;
	width:auto;
}

#form div#formBase dd.line2{
	margin:25px 0 0 0;
}

#form div#formBase dd span.w2c{
	display:inline-block;
	padding:0 0.5em 0 0;
	width:2em;
	text-align:left;
}

#form div#formBase dd#wKanji div,
#form div#formBase dd#wKana div{
	display:block;
    margin: 0 0 5px;
}

#form div#formBase dd#wKanji span.att,
#form div#formBase dd#wKana span.att{
	display:block;
    padding: 5px 0 0;
}

#form div#formBase dd input[type=text] {
	width:50%;
	height:auto;
}

#form div#formBase dd select{
	height:auto;
}

#form div#formBase dd#wCompany input[type=text] {
	width:100%;
}

#form div#formBase dd#wBorn input[type=text] {
	width:25%;
}

#form div#formBase dd#wMail input[type=text] {
	width:100%;
}

#form div#formBase dd#wTel input[type=text] {
	width:auto;
}

#form div#formBase dd#wJob label:nth-child(n+2){
	display:inline-block;
	padding:0.8rem 1em 0 0;
}

#form div#formBase dd#wJob span{
	display:block;
	padding:0 0 0.8em 0;
}

#form div#formBase dd#wJob span:last-child{
	padding:0 0 0 0;
}

#form div#formBase dd#wSchool label {
    display: inline-block;
    padding: 0 1em 0 0.5re;
    width: auto;
}

#form div#formBase dd#wSchool label:nth-child(n+2){
    display: inline-block;
    padding: 0.8rem 1em 0 0.5rem;
}

#form div#formBase dd#wSchool div {
    padding: 0 0 20px 0;
}

#form div#formBase dd#wSchool div p {
	float: none;
	display:block;
	padding:0.3rem 0 0 0;
}

#form div#formBase dd textarea{
	height: calc( 1.3em * 10 );
	line-height: 1.3;
}

#form .btn a,
#form .btn input{
    margin: 0 5px;
}

input[type=reset],
input[type=submit]{
	-webkit-appearance: none;
	border-radius: 0;
}


#form p.complete{
	padding:0 0 15px;
	line-height:1.5;
}

}



/*trial_error画面*/
.form_error{
	margin:0;
	padding:30px 0;
}
.form_error h2{
	margin:0 auto;
	max-width:364px;
}
@media only screen and (max-width: 768px) {
  .form_error h2{
		max-width:80vw;
  }
}
.form_error h2 img{
	max-width:100%;
}
.form_error h1{
	margin:0;
	padding:30px 30px 0;
	text-align:center;
	font-size:21px;
}
.error-message {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #f00;
  line-height: 1.7;
  letter-spacing: 0.01em;
}
@media only screen and (max-width: 768px) {
  .error-message {
    font-size: 15px;
  }
}

.btnarea{
	padding:15px 0 0;
	text-align:center;
}

.error-back {
  padding-right: 1.5em;
  text-align: center;
  background: none;
  border: none;
  color: #666;
  text-decoration: underline;
}
.error-back:before {
  content: "＜";
  display: inline-block;
  padding: 0 0.5em 0 0;
}