@charset "utf-8";
/* CSS Document */


/**********************
----- 000 - 439px -----
**********************/


input, select {
	width: 90%;
}

#clause {
	display: block;
	font-size: .8em;
	font-weight: 400;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background: rgba(151,95,169,.15);
	border: 3px solid rgba(151,95,169,.5);
	border-radius: 5px;
	padding: 10px;
	height: 200px;
	overflow: auto;
	clear: both;
	text-align: left;
}

#submitButton {
	width: 35%;
}

.hidden {
	display: none;
}

.clear {
	clear: both;
}

h3 {
	text-align: center;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 0;
}

#agree {
	margin-bottom: .5em;
}

label.error {
    width: 100%;
	color: red;
}


	
	

/**********************
----- 440 - 659px -----
**********************/
@media screen and (min-width:440px) {
	input, select {
		width: 80%;
	}
	
	#clause {
		width: 85%;
		height: 150px;
	}
	
	
}






/**********************
----- 660 - 839px -----
**********************/
@media screen and (min-width:660px) {
	#resBr {
		display: none;
	}
	
	label {
		display: inline-block;
		width: 30%
	}
	
	input, select {
		width: 60%;
	}
	
	#mainPage {
		text-align: left;
	}
	
	.submitButton {
		text-align: center;
	}
	
	#submitButton {
		width: 18%;
	}
	
	
	
	#content1 input, #content2 input, #CCinfo input {
		margin: 1em 0;
	}
	
	
	
}







/**********************
----- 840 - ???px -----
**********************/
@media screen and (min-width:840px) {
	
	
	
}