﻿@charset "utf-8";
#formWrap {
	width:80%;
	margin:0 auto;
	color:#000;
}

#formWrap p{
	text-align:center;
}

table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
	border-bottom: 1px solid #ccc;
}

table.formTable kome{
    font-size: 0.6em;
    color:#dc143c;
}

table.formTable td,table.formTable th{
	padding:30px;
	border-bottom: 1px solid #ccc;
}

table.formTable th{
	vertical-align: middle; 
	width:30%;
	padding: 30px 20px;
	text-align:left;
}

table.formTable td{
	vertical-align: middle; 
}

@media only screen and (max-width: 798px) {
	#formWrap {
	width:90%;
}	
	
table.formTable td,table.formTable th{
	padding:5px;
}
	

table.formTable th{
	margin-top: 15px;
	padding: 20px 10px 20px 10px;
	width:100%;
}	

table.formTable td{
	width:100%;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
}	
}


@media only screen and (max-width: 600px) {
	
#formWrap {
	width:100%;
}	

#formWrap p{
	text-align:left;
}
	
table.formTable td,table.formTable th{
	padding:5px;
 	border-bottom: none;
}
	

table.formTable th{
	margin-top: 15px;
	display: block;
	padding: 5px 5px 0px 5px;
	width:100%;
    font-size: 1em;
}	

table.formTable td{
	display: block;
	width:100%;
	padding: 5px 5px 20px 5px;
	border-bottom: 1px solid #ccc;
}	
 

}