.hidden{
	display: none;
}

#step1,#step2,#step3,#step4,#step5 {
	position:absolute;
	max-width:560px;
	margin:0 auto;
}

.q-title {
	margin-top:10px;
	margin-bottom:30px;
	font-weight:bold;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
}

.q-contents {
	margin-bottom:30px;
}


.agreement {
	display:block;
	width:60px;
	margin:0 auto;
	margin-top:15px;
	text-align:center;
	font-size:12px;
}


#step5 .step-btn {
	display:none;
}





#step2_to_step1_btn_container,
#step3_to_step2_btn_container,
#step4_to_step3_btn_container,
#step5_to_step4_btn_container,
.last-prev-btn {
	position:absolute;
	left:3%;
	width:16%;
	border:none !important;
	background:none !important;
}

.step-btn,
.submit-btn {
	position:absolute;
	right:3%;
	width:73%;
	border:none !important;
	background:none !important;
}

button {
	border:none !important;
	background:none !important;
}


.error-message {
	display:block;
	position:absolute;
	left:3%;
	color:#fff;
	background:red;
	padding:2px 4px;
	font-size:12px;
}

input[type="text"],[type="email"],[type="tel"],select,textarea {
	display:block;
	border:0;
	width:96%;
	margin-bottom:20px;
	padding:18px 2%;
	font-size:16px;
	border:solid 1px #ddd;
	background:#fff;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

select {
	width:100%;
}



@media only screen and (min-width:451px) {
	
	#step1,#step2,#step3,#step4,#step5 {
		top:80px;
		left:50%;
		height:540px;
		border:3px solid #2589c2;
		background:#fff;
		opacity:0.8;
		width:80%;
		margin-top:20px;
		margin-bottom:60px;
		margin-left:-21%;
		padding:20px;
	}
	
	#step2_to_step1_btn_container,
	#step3_to_step2_btn_container,
	#step4_to_step3_btn_container,
	#step5_to_step4_btn_container,
	.last-prev-btn {
		top:70%;
	}
	
	.q-title {
		text-align:center;
		font-size:1.1em;
	}
	
	.step-btn,
	.submit-btn {
		top:70%;
	}
	
	.error-message {
		top:120px;
	}

}

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

	
	#step1,#step2,#step3,#step4,#step5 {
	top: 15%;
	left: 2%;
	width:90%;
	height: 79.5%;
		padding:10px;
	}
	
	.q-title {
		width:100%;
		background:#65c3d4;
		color:#fff;
		text-align:center;
		padding:8px 0;
		font-size:1.0em;
	}
	
	#step2_to_step1_btn_container,
	#step3_to_step2_btn_container,
	#step4_to_step3_btn_container,
	#step5_to_step4_btn_container,
	.last-prev-btn {
		bottom:4%;
	}
	
	.step-btn,
	.submit-btn {
		bottom:4%;
	}
	
	.error-message {
		top:16.0%;
		font-size:0.7em;
	}
	
	
}