button {
  /*color: inherit; */
  border: none;
  background: none;
  cursor: pointer;
}



.mailform {
    width:100%;
	margin-bottom:60px;
}


.mailform dl dt{
	width:100%;
	text-align:left;
	padding:30px;
	
}


.mailform dl dd{
	width:100%;
	text-align:left;
	padding:30px;
	
}
.mailform dt{
	background-color:#f4f4f4;
	padding:30px;
	margin-top:30px;
	margin-right:20px;
}




input[type="text"],input[type="email"],select,textarea {
	margin-top:20px;
    padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
	vertical-align : middle;
}


input[type="radio"]{
	padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
	vertical-align : middle;
}
	



.sub2{
	background-color: rgba(232,232,232,1);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
}

.pa2{
	
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	margin-top:20px;
}







@media only screen and (max-width:768px){
	.mailform {
		margin:0;
		margin-bottom:60px;
	}
	.mailform dl dt {
		padding:30px;
		width:100%;
		display:block;
		border-top:none;
	}
	
	.mailform dl dd {
		padding:30px;
		width:100%;
		display:block;
		border-top:none;
	}
	input[type="text"],input[type="email"],select,textarea {
	margin-top:20px;
    padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
	vertical-align : middle;
	width:100%;
}