input[type=text] {
	border: 1px solid #aaa;
	border-radius: 3px;
	background-color: #fff;
	width: 50%;
	padding: 0.25em;
}
textarea {
	border: 1px solid #aaa;
	border-radius: 3px;
	width: 50%;
	background-color: #fff;
	height: 10em;
	width: 100%;
	padding: 0.25em;
}
input[type=submit] {
	padding: 0.5em 1em;;
	width: 10em;
	color: #fff;
	background-color: #fbb03b;
	border: none;
	border-radius: 3px;
	display: inline;
	text-decoration: none;
}


.mail-title {
	background-color: #a5c96a;
}
.mail-title h1 {
	font-weight: bold;
	font-size: 1.6em;
	padding: 0.5em 0;
}
.mail-title h1:before {
	font-family: "FontAwesome";
	content: "\f003";
	margin-right: 0.5em;
}

.alert-warning {
	font-size: 0.9em;
	color: red;
}
main form {
	text-align: center;
}
.mail-content dl {
	margin-top: 20px;
	padding: 20px;
	background-color: #fff;
	border-radius: 3px;
	margin-bottom: 20px;
	text-align: left;
}
.mail-content dt {
	border-left: 5px solid #2b6500;
	font-weight: bold;
	font-size: 1.2em;
	padding-left: 0.5em;
	margin-top: 20px;
}
.mail-content dd {
	margin-top: 20px;
}
.mail-content.confirm dd.input {
	border: 1px solid #eee;
	border-radius: 3px;
	background-color: #fff;
	width: 50%;
	padding: 0.25em;
}
.mail-content.confirm dd.textarea {
	border: 1px solid #eee;
	border-radius: 3px;
	width: 50%;
	background-color: #fff;
	width: 100%;
	padding: 0.25em;
}
main form .return {
	padding: 0.5em 1em;
	width: 10em;
	color: inherit;
	background-color: #ffe9c6;
	border: none;
	border-radius: 3px;
	display: inline;
	text-decoration: none;
}
.mail-content.complete {
	margin-top: 20px;
	padding: 20px;
	background-color: #fff;
	border-radius: 3px;
	margin-bottom: 20px;
	text-align: left;
}

.mail-content.complete p {
	font-size: 0.9em;
}
.mail-content.complete p:first-child {
	font-size: 1.2em;
	margin-bottom: 20px;
}





@media screen and (max-width:980px) {
	.mail-title h1 {
		padding-left: 1em;
	}
	.mail-content {
		margin-bottom: 1em;
	}
	.mail-content dl {
		margin: 1em;
		padding: 1em;
	}
	.mail-content.complete {
		margin: 1em;
		padding: 1em;
		width: inherit;
	}
	.setting-content {
		padding: 0 1em;
	}
}
@media screen and (min-width:768px) {
}
@media screen and (max-width:767px) {
	main {
		padding-bottom: 0;
	}
	input[type=text] {
		width: 100%;
	}
	.mail-content.confirm dd.input {
		width: 100%;
	}
}