#mail .tbl-wrap{
	max-width: 1000px;
	margin:0 auto;
}

#mail .tbl-wrap .tbl{
	width: 100%;
	font-size: 1.8rem;
	margin-bottom:30px;
}

#mail .tbl-wrap .tbl tbody tr {
	border:1px solid #CCCCCC;
}
#mail .tbl-wrap .tbl tbody tr th{
	width: 269px;
	vertical-align: top;
	padding: 15px 20px;
	background: #EEEEEE;
	text-align: left;
}
#mail .tbl-wrap .tbl tbody tr th sub{
	float: right;
	color: #D90000;
	font-weight: normal;
}
#mail .tbl-wrap .tbl tbody tr th sub.any{
	color:#00449C;
}

#mail .tbl-wrap .tbl tbody tr td{
	vertical-align: top;
	padding: 10px 28px;
}

#mail .tbl-wrap .tbl tbody tr td input{
	vertical-align: top;
	border:0;
	color:#aaa;
	border:solid 1px #ccc;
	width:59%;
	height: 30px;
}
#mail .tbl-wrap .tbl tbody tr td textarea{
	width: 100%;
	height: 90px;
}
#mail .tbl-wrap .btnbox{
	text-align: center;
	margin-bottom: 100px;
}
#mail .tbl-wrap  input.confirm{
	display: inline-block;
	width: 303px;
	height: 68px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    appearance: none;
    background: url(../img/btn_confirm.png) 0 0 no-repeat;
}

#mail .tbl-wrap .tbl tbody tr td .tip{
	display: inline-block;
	vertical-align: middle;
	padding-left: 0.9em;
	font-size: 1.4rem;
	color: #666666;
}


/****************
768px以下
*****************/

@media only screen and (max-width: 768px){

	#mail .tbl-wrap{
		padding: 0 20px;
	}

	#mail .tbl-wrap .tbl{
		width: 100%;
		font-size: 1.8rem;
		margin-bottom:30px;
	}

	#mail .tbl-wrap .tbl tbody tr {
		border:0;
	}
	#mail .tbl-wrap .tbl tbody tr th{
		vertical-align: top;
		padding: 15px 0px 8px;
		background: 0;
		text-align: left;
	}
	#mail .tbl-wrap .tbl tbody tr th sub{
		float: none;
		margin-left: 1em;
	}
	#mail .tbl-wrap .tbl tbody tr th sub.any{
		color:#00449C;
	}

	#mail .tbl-wrap .tbl tbody tr td{
		vertical-align: top;
		padding: 0;
	}

	#mail .tbl-wrap .tbl tbody tr td input{
		vertical-align: top;
		border:0;
		color:#aaa;
		border:solid 1px #ccc;
		width:100%;
		height: 30px;
	}
	#mail .tbl-wrap .tbl tbody tr td textarea{
		width: 100%;
		height: 90px;
	}
	#mail .tbl-wrap .btnbox{
		text-align: center;
		margin-bottom: 65px;
	}
	#mail .tbl-wrap  input.confirm{
		display: inline-block;
		width: 303px;
		height: 68px;
	    background-color: transparent;
	    border: none;
	    cursor: pointer;
	    outline: none;
	    padding: 0;
	    appearance: none;
	    background: url(../img/btn_confirm.png) 0 0 no-repeat;
	    -webkit-background-size: 100% auto;
	    background-size: 100% auto;
	}

	#mail .tbl-wrap .tbl tbody tr td .tip{
		display: block;
		padding-left: 0;
		margin-top:10px;
		font-size: 1.4rem;
		color: #666666;
	}

	#mail .tbl-wrap .tbl,
	#mail .tbl-wrap .tbl tbody,
	#mail .tbl-wrap .tbl tbody tr,
	#mail .tbl-wrap .tbl tbody tr th,
	#mail .tbl-wrap .tbl tbody tr td{
		display: block;
		width: 100%;
	}

}

/****************
425px以下
*****************/

@media only screen and (max-width: 425px){
	#mail .tbl-wrap  input.confirm{
		width: 250px;
		height: 55px;
	}
	#mail .tbl-wrap .btnbox{
		text-align: center;
		margin-bottom: 50px;
	}

	#mail .tbl-wrap{
		padding: 0 10px;
	}

	#mail .tbl-wrap .tbl tbody tr td textarea{
		width: 100%;
		height: 200px;
	}
}