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

h2{
	font-size: 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 100px;
}
h3{
	font-size: 25px;
	padding-left: 15%;
	padding-bottom: 2%;
}
#con{
	border-top: 4px solid #00561f;
	border-bottom: 4px solid #00561f;
}
#con-1{
	margin-top: 150px;
}
#con-2{
	margin: 0 150px;
	font-weight: lighter;
}
#detail{
	width: 610px;
	height: 480px;
}
.text-area{
	border: 2px solid #009944;
	width: 610px;
}
.must{
	color: #CC0000;
}
table.form-table{
	border-spacing: 0 20px;
	text-align: left;
}
.thead{
	width: 220px;
}
th{
	width: 100px;
}
span.must{
	display: inline-block;
	font-size: 15px;
	padding-top: 2px;
	margin-right: 10px;
}
span.any{
	display: inline-block;
	text-indent: 43px;
}
textarea{
	border:2px solid #009944;
}
#con-3{
	text-align: center;
	margin-bottom: 50px;
}
#con-4{
	padding:5px 10px;
	border: 2px solid #00561f;
	cursor: pointer;
	transition: background-color 0.1 liner;
}
#con-4:hover{
	color:#FFFFFF;
	background-color: #009944;
}
#con-5{
	margin: 200px 0 100px 0;
	line-height: 200%;
}
#con-5 p{
	font-size: 18px;
	padding-left: 100px;
}
#co{
	margin: 100px 0;
	padding-bottom: 150px;
	border-bottom: 4px solid #00561f;
}
#co a{
	font-size: 18px;
	color: #FF0004;
	padding-left: 100px;
}

@media screen and (max-width: 800px) {
	h2{padding-left: 40px;}
	br{display: none;}
	th{display: block;}
	td{display: block;}
	#con-2{margin: 0 auto;
	font-size: 20px;
	padding-left: 10px;}
	#con-5 p{padding: 5px;}
	#co a{padding-left: 5px;}
	h3{padding-left: 25px;}
	#con-1{max-width: 100%;}
#detail{
	width: 720px;
}
.text-area{
	width: 720px;}
	
td{width: 100%;}
tbody{width: 100%;}
}
@media screen and (max-width: 750px){
	#detail{
	width: 670px;
}
.text-area{
	width: 670px;}
	
td{width: 100%;}
tbody{width: 100%;}
}

@media screen and (max-width: 700px){
	#detail{
	width: 630px;
}
.text-area{
	width: 630px;}
	
td{width: 100%;}
tbody{width: 100%;}
}
@media screen and (max-width: 650px){
	#detail{
	width: 570px;
}
.text-area{
	width: 570px;}
	
td{width: 100%;}
tbody{width: 100%;}
}
@media screen and (max-width: 600px){
	#detail{
	width: 520px;
}
.text-area{
	width: 520px;}
	
td{width: 100%;}
tbody{width: 100%;}
}
@media screen and (max-width: 550px){
	#detail{
	width: 470px;
}
.text-area{
	width: 470px;}
	
td{width: 100%;}
tbody{width: 100%;}
}

@media screen and (max-width: 500px){
	#detail{
	width: 420px;
}
.text-area{
	width: 420px;}
	
td{width: 100%;}
tbody{width: 100%;}
}
@media screen and (max-width: 450px){
	#detail{
	width: 380px;
}
.text-area{
	width: 380px;}
	
td{width: 100%;}
tbody{width: 100%;}
}

@media screen and (max-width: 400px){
	#detail{
	width: 340px;
}
.text-area{
	width: 340px;}
	
td{width: 100%;}
tbody{width: 100%;}
}

@media screen and (max-width: 361px){
	#detail{
	width: 310px;
}
.text-area{
	width: 310px;}
	
td{width: 100%;}
tbody{width: 100%;}
}
@media screen and (max-width: 321px){
	#detail{
	width: 290px;
}
.text-area{
	width: 290px;}
	
td{width: 100%;}
tbody{width: 100%;}
}