@charset 'UTF-8';

#wrapper p {
	width:90%;
	font-size:16px;font-size:1.6rem;
	margin-left:auto;
	margin-right:auto;
}
#wrapper #mailfield p {
	width:100%;
}
h2 {
	width:90%;
	font-size:18px;font-size:1.8rem;
	margin-left:auto;
	margin-right:auto;
}

/***********************************************
					form
************************************************/
div#mailfield {
	width:90%;
	margin:30px auto 0;
}
table.mailform,div.button {
	font-size:16px; font-size:1.6rem;
}
td.work input,td.make input,textarea {
	width:100%;
}

.must {
display: block;
background-color: #C00;
padding: 0px 5px;
font-size: 10px;
color: #FFF;
float: left;
margin: 0px 5px;
border-radius: 4px;
box-shadow: 0px 0px 5px #CCC;
}

ol {
	list-style:none;
	padding-left:0;
}

@media (max-width: 800px) {
	#wrapper p {
		width:100%;
	}
	#wrapper p br {
		display:none;
	}
	h2 {
		width:100%;
	}
	#wrapper.comple p br {
		display:block;
	}
	div#mailfield {
		width:100%;
	}
	th,td {
		display:block;
		width:98% !important;
		padding:0.5em 1% !important;
	}
	th {
		text-align:center !important;
	}
	td.work input,td.make input,textarea {
		width:98%;
	}
}
@media (max-width: 720px) {
	td.mate span,td.name span {
		display:block;
	}
}
@media (max-width: 500px) {
	.photo input {
		width:100%;
	}
	td a {
		display:block;
	}
}