/* CSS Document */

/* =================================
Main
================================= */
.contact .contact-form {
	width: 800px;
	margin: 26px auto 110px;
	text-align: center;
}

.contact .tit-contact {
	color: #000;
	font-size: 20px;
	line-height: 40px;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: center;
}

.contact .contact-form .tit-form {
	font-size: 20px;
	line-height: 40px;
	margin-bottom: 20px;
}

.contact .ico-red { color: #ff0000; }

.contact .contact-form input[type='text'],
.contact .contact-form textarea  {
	background-color: #eee;
	border: 1px solid #9d9d9d;
	width: 100%;
}

.contact .contact-form label,
.contact .contact-form input[type='text'] {
	display: block;
	line-height: 30px;
	text-align: left;
	width: 100%;
}

.contact .contact-form label { margin-bottom: 6px; }

.contact .contact-form input[type='text'] {
	padding: 10px 20px;
	margin-bottom: 45px;
}

.contact .contact-form textarea {
	padding: 10px 20px;
	min-height: 310px;
	resize: none;
}

.contact input[type='submit'] {
	background-color: #fff;
	border: 2px solid #bfbfbf;
	line-height: 28px;
	padding: 6px 0;
	margin-top: 40px;
	width: 50%;
	cursor: pointer;
}

/* Confirm */
.confirm dl { margin-bottom: 50px; }

.confirm dl dt,
.confirm dl dd {
	font-size: 20px;
	line-height: 30px;
	text-align: left;
}

.confirm dl dt { margin-bottom: 10px; }

.confirm dl dd { padding-left: 20px; }

.confirm input[type='submit'] {
	display: inline-block;
	font-size: 20px;
	width: 40%;
}

.confirm .btn-sub {
	font-size: 0;
	text-align: center;
	margin-bottom: 80px;
}

.confirm input[type='submit'].modify {
	background-color: #e2e2e2;
	margin-right: 24px;
}

/* Success */
.success { text-align: center; }

.success .tit-contact { margin-top: 64px; }

.success p {
	font-size: 20px;
	line-height: 28px;
}

.success a {
	border: 1px solid #808080;
	color: #808080;
	display: inline-block;
	font-size: 24px;
	line-height: 26px;
	padding: 4px 0;
	margin: 130px 0 100px;
	text-decoration: none;
	width: 30%;
}

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

  	#main-content { max-width: 100%; }

	.contact { padding: 0 10px; }

	.contact .contact-form {
	    width: 100%;
	    margin: 26px auto 70px;
	}

	.contact .tit-contact {
	    font-size: 12px;
	    line-height: normal;
	    text-align: left;
	}

	.contact .contact-form label,
	.contact .contact-form input[type="text"] { line-height: normal; }

	.contact .contact-form input[type="text"] {
	    padding: 6px 10px;
	    margin-bottom: 16px;
	}

	.contact .contact-form textarea {
	    padding: 6px 10px;
	    min-height: 160px;
	}

	.contact input[type="submit"] {
	    line-height: normal;
	    margin-top: 20px;
	    width: 100%;
	    font-size: 15px;
	}

	.confirm dl { margin-bottom: 20px; }

	.confirm dl dt,
	.confirm dl dd {
	    font-size: 12px;
	    line-height: normal;
	}

	.confirm dl dd { padding-left: 0; }

	.confirm input.modify[type="submit"] { margin-right: 0; }

	.confirm input[type="submit"] { margin-top: 15px; }

	.success .tit-contact {
	    font-size: 15px;
	    text-align: center;
	}

	.success p {
	    font-size: 12px;
	    line-height: normal;
	}

	.success a {
	    font-size: 15px;
	    line-height: normal;
	    margin: 50px 0 42px;
	    width: 100%;
	}

}