@charset "UTF-8";


h2		{
		margin: 20px 0px 0px 0px;
		}


h3		{
		margin: 20px 0px 0px 0px;
		}


h4		{
		margin: 20px 0px 0px 0px;
			color:#fff;	
			background: #000066;
		border: solid 1px #000066;
		}



table {
	margin:0 auto 50px;
	padding: 0;
	border-collapse: collapse;
	border-bottom: #dddddd 1px solid;
	width: px;
}
 
th {
	padding: 12px 20px;
	background-color: #99ccff;
	border: #dddddd 1px solid;
        text-align: left;
	vertical-align: middle;
	width: 50%;
}
 
td      {
	padding: 12px 15px;
	border: #dddddd 1px solid;
	vertical-align: middle;
        }




.w_01    	        {
			width:15%;
			color:#333;	
			vertical-align:middle;
			}



.q_01    	        {
			width:20%;
			color:#333;	
			vertical-align:middle;
			}

.q_01 input	        {
			width:30%;
			color:#333;	
			vertical-align:middle;
			}



.unit_01    	        {
			width:15%;
			color:#333;	
			vertical-align:middle;
			}





.unit_01 select        {
			width:70%;
			color:#333;	
			vertical-align:middle;
			}










 
@media screen and (max-width:830px) {
	.table-mobile {
	  width: 100%;
	}
	.table-mobile th,
	.table-mobile td {
		width: auto;
		border-bottom: none;
		display: block;
	}
	.table-mobile td {
	}





th {
	padding: 12px 10px;
	background-color: #99ccff;
	border: #dddddd 1px solid;
        text-align: left;
	vertical-align: middle;
}
 
td      {
	padding: 12px 15px;
	border: #dddddd 1px solid;
	vertical-align: middle;
        }




.w_01    	        {
			color:#333;	
			vertical-align:middle;
			}



.q_01    	        {
			color:#333;	
			vertical-align:middle;
			}

.q_01 input	        {
			width:30%;
			color:#333;	
			vertical-align:middle;
			}



.unit_01    	        {
			color:#333;	
			vertical-align:middle;
			}





.unit_01 select        {
			width:50%;
			color:#333;	
			vertical-align:middle;
			}






















}