@charset "utf-8";
.form_header{position:relative !important;}

::-webkit-input-placeholder{color:#ccc;}
::-moz-placeholder{color:#ccc;opacity:1;}
:-ms-input-placeholder{color:#ccc;}
input:focus::-webkit-input-placeholder{color:#ccc;}
input:focus:-moz-placeholder{color:#ccc;}
input:focus::-moz-placeholder{color:#ccc;}

.mode{ime-mode:disabled;}
.unmode{ime-mode:active !important;}

.required{color:#db0000;font-weight:bold;}
th .required{
	float:right;
}

.content_area .form_step{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin:50px auto 0;
	max-width:420px;
	padding:0;
	position:relative;
}
.form_step::before{
	content:'';
	display:block;
	width:100%;
	height:1px;
	background:#111;
	position:absolute;
	left:0;
	top:50%;
}
.content_area .step_item{
	margin:0;
	position:relative;
	list-style:none;
	width:120px;
	height:60px;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	border:1px solid #111;
	font-weight:bold;
}
.content_area .step_item.now{background:#111;color:#fff;}
.content_area .form_radio_list{margin:0;padding:0;}
.content_area .form_radio_list li{list-style:none;}
.input_s,.input_m,.input_l,.selectbox,.input_ss{
	display:block;
	width:100%;
	padding:11px 15px;
	border:1px solid #ccc !important;
	position:relative;
}
.input_ss{width:80px;display:inline-block;}
.input_s{width:200px;}
.input_m{width:400px;}
.form_table th{width:22%;}
.selectbox{
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	background:url(/img/common/icon_dropdown.svg) right 20px center no-repeat;
}
.school-participant-list{
	margin:0;
	padding:0;
}
.school-participant-item{
	list-style:none;
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #ccc;
}
.participants_p{display:block;font-weight:500;margin-bottom:10px;}
.school-participant-item .input_m{
	display:inline-block;
	width:200px;
}
.school_item_wrap{
	margin:0 0 10px;
}
.school-participant-field{
	padding:11px 15px;
	border:1px solid #ccc !important;
	margin-right:8px;
}
.school-participant-experience-type{
	padding:11px 50px 11px 15px;
	width:200px;
	border:1px solid #ccc !important;
	position:relative;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	margin-right:16px;
	background:url(/img/common/icon_dropdown.svg) right 20px center no-repeat;
}
.school-delivery-option{
	display:flex;
	align-items:center;
	margin-bottom:10px;
}
.school-delivery-option:last-child{margin-bottom:0;}
.school_item_wrap{display:flex;align-items:center;flex-wrap:wrap;}
.participants_ttl{
	margin:0 10px 0 0;
	width:70px;
	line-height:1.45;
}
#addParticipantBtn{
	display:inline-block;
	min-width:120px;
	padding:10px 14px;
	background:#2E67B6;
	border:2px solid #2E67B6;
	color:#fff !important;
	font-size:1.4rem;
	letter-spacing:0.7px;
	transition:color .3s,background .3s;
	cursor:pointer;
	margin-right:5px;
}
#addParticipantBtn:hover{
	background:#fff;
	color:#2E67B6 !important;
}
#addParticipantBtn:disabled{
	opacity:.5;
	cursor:default;
	border-color:#999;
	background:#999;
	color:#333 !important;
}
.participant-remove-btn{
	display:inline-block;
	min-width:80px;
	padding:10px 14px;
	background:#111;
	border:2px solid #111;
	color:#fff !important;
	font-size:1.4rem;
	letter-spacing:0.7px;
	transition:color .3s,background .3s;
	cursor:pointer;
}
.participant-remove-btn:hover{
	background:#fff;
	color:#111 !important;
}
.participant-remove-btn:disabled{
	opacity:.5;
	cursor:default;
}




#postcode{
	width:200px;
}
textarea{
	display:block;
	width:100%;
	min-height:150px;
	padding:11px 15px;
	border:1px solid #ccc;
	resize:vertical;
	overflow:auto;
}
#email_confirm{
	font-size:2.4rem;
	font-weight:bold;
	letter-spacing:2.3px;
}

.doi{
	margin:45px 0 50px;
	background:#f5f5f5;
}
.doi label{
	position:relative;
	display:block;
	text-align:center;
	padding:24px 0 26px;
	cursor:pointer;
}
.doi input{
	position:absolute;
	width:15px;
	top:0;
	left:-270px;
	right:0;
	bottom:1px;
	margin:auto;
	cursor:pointer;
}

#form_btn{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	margin:50px auto 0;
}
#form_btn1{
	display:flex;
	align-items:center;
	justify-content:center;
	width:220px;
	height:60px;
	margin:10px 10px 0;
	background:#333;
	border:2px solid #333;
	color:#fff !important;
	text-decoration:none !important;
	transition:color .3s,background .3s;
	cursor:pointer;
}
#form_btn1:hover{
	background:#fff;
	color:#333 !important;
}
#form_btn2{
	display:flex;
	align-items:center;
	justify-content:center;
	width:120px;
	height:60px;
	margin:10px 10px 0;
	background:#777;
	border:2px solid #777;
	color:#fff !important;
	text-decoration:none !important;
	transition:color .3s,background .3s,border .3s;
	cursor:pointer;
}
#form_btn2:hover{
	background:#fff;
	color:#333 !important;
	border:2px solid #333;
}

.form_table input[type="radio"]{
	margin-right:8px;
}
.form_table label{
	margin-right:20px;
}
.form_table .form_radio_list{
	margin:0;
	padding:0;
	list-style:none;
}
.form_table .form_radio_list li{
	margin:0 0 8px;
}
.form_table .form_radio_list li:last-child{
	margin-bottom:0;
}
.form_table .form_radio_list label{
	margin-right:0;
}
.js-conditional-row.is-hidden{
	display:none;
}
.error_message{
	margin-top:6px;
}
.school-participant-list{
	margin:0;
	padding:0;
	list-style:none;
}
.school-participant-item:last-child{
	margin-bottom:15px !important;
}
.form-check .school-participant-item:last-child{
	margin-bottom:0 !important;
	padding-bottom:0;
	border-bottom:none;
}

.form_footer{border-top:1px solid #ccc;}
.footer_b{justify-content:center;}

@media screen and (max-width:900px){
#wrapper.fixed{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
}
#logo a,#logo img{max-width:110px;}
}


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

#email_confirm{font-size:2rem;}
.doi{margin:25px 0 30px;}
.doi input{
	bottom:-1px;
	left:-240px;
}

.content_area .form_step{
	margin:30px auto 0;
	max-width:300px;
}
.content_area .step_item{
	width:80px;
	height:50px;
}
.input_s,.input_m,.input_l,.selectbox,.input_ss{
	padding:8px 13px;
}
.input_ss{width:80px;display:inline-block;}
.input_s{width:200px;}
.input_m{width:100%;}
.form_table th{width:auto;border-bottom:none;}
.school-participant-item{
	margin-bottom:10px;
	padding-bottom:10px;
}
.school-participant-field{
	padding:8px 13px;
	margin-right:5px;
}

textarea{
	padding:8px 13px;
}


#form_btn{
	margin:20px auto 0;
}
#form_btn1{
	height:50px;
	font-size:1.4rem;
}
#form_btn2{
	height:50px;
	font-size:1.4rem;
}

}