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

#main{
	width:90%;
	max-width:800px;
	margin:60px auto 150px;
}


#main table{
	text-align:left;
	font-size:20px;
	margin:80px auto;
}

#main th{
	font-weight:normal;
	text-align:left;
	width:30%;
	padding: 25px 0;
	border-bottom:1px solid #ccc;
	letter-spacing:1px;
}

#main td{
	width:70%;
	padding: 25px 0;
	border-bottom:1px solid #ccc;
}

#main td br{
	display:none;
}

#main td dl{
    width: 100%;
    margin-bottom: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#main td dt{
    width: /*35%*/73%;
	margin-bottom: 7px;
	font-size: 16px;
}

#main td dd{
    width: /*64%*/25%;

}



@media only screen and (max-width:765px) { 
#main td br{
	display:block;
}
	
	
#main td dt{
    width: 100%;
	margin-bottom: 2px;
	font-size: 12px;

}

	#main td dd{
    width: 100%;
	margin-bottom: 10px;
	}	
	

}



@media only screen and (max-width:600px) { 
#main table{
	font-size:16px;
}

}


@media only screen and (max-width:480px) { 
#main table{
	font-size:14px;
}
#main th{
	width:/*35%*/24%;
}
#main td{
	width:/*65%*/76%;
}
}