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

/* =====================
   メールフォーム
===================== */
#mailform {
	width: 900px;
	padding: 60px 0 80px;
}
#mailform h2 {
	font-size: 32px;
	line-height: 1.5;
	padding: 0 0 20px;
	margin: 0 auto 40px;
}
#mailform p {
	font-size: 16px;
	line-height: 1.5;
	text-align: center;
    margin: 0 auto .5em;
}
#mailform form {
	margin: 32px auto 0;
}
#mailform form table {
	width: 100%;
}
#mailform form table th {
	width: 30%;
    text-align: left;
	vertical-align: middle;
	color: #fff;
    background-color: #86ac4f;
    border: 1px solid #86ac4f;
    border-bottom: 1px solid #fff;
    padding: .75em 1.5em;
}
#mailform form table tr:last-of-type th:first-child {
	border-bottom: 1px solid #86ac4f;
}
#mailform form table th.required::after {
    content: "※";
    color: #f7f383;
    margin: 0 0 0 .5em;
}
#mailform form table td {
	width: 70%;
    border: 1px solid #ccc;
    padding: .75em 1.5em;
}
#mailform form table td label.m-l {
	margin: 0 0 0 1em;
}
#mailform form table td label.m-r {
	margin: 0 1em 0 0;
}
#mailform form table td input {
}
#mailform form table td input[ type="radio" ] {
	margin: 0 0 0 1em;
}
#mailform form table td input[ type="radio" ]:first-child {
	margin: 0;
}
#mailform form table td textarea {
}
#mailform form table td select {
}
#form-btn {
    text-align: center;
    margin: 32px 0 0;
}
#form-btn p {
    margin: 0 auto 24px;
}
#form-btn input {
    color: #fff;
    font-size: 20px;
    padding: 10px 40px;
	margin: 0 .5em;
    border: none;
    cursor: pointer;
    transition: .6s;
	border-radius: 6px;
}
#form-btn input[ type="submit" ] {
	background-color: #cd5858;
}
#form-btn input[ type="reset" ] {
	background-color: #444;
}
#form-btn input:hover {
    opacity: 0.75;
}