@charset "utf-8";

/* お問い合わせ共通 */

fieldset { border: none; }

/* スマホ */

.contact {
}
.contact-box {
}

.contact-midasi {
	width: 100%;
	font-size: 16px; font-size: 1.6rem;
}
.contact-form {
	width: 100%;
	padding: 3px 10px 3px 0;
	margin-bottom: 10px;
}
.contact-form-select {
	width: 100%;
	padding: 3px 10px 3px 0;
	margin-bottom: 10px;
}
.contact-form input[type=text] {
	width: 100%;
	font-size: 16px; font-size: 1.6rem;
	padding: 10px;
}
.contact-form-mail {
	width: 100%;
	padding: 3px 10px 3px 0;
	margin-bottom: 10px;
}
.contact-form-mail input.email-1 {
	width: 40%;
	padding: 10px;
}
.contact-form-mail input.email-2 {
	width: 52%;
	padding: 10px;
}
.contact-form-text {
	width: 100%;
	float: right;
	padding: 4px 10px 3px 0;
	margin-bottom: 10px;
}
.contact-form p {
	width: 100%;
	line-height: 100%;
}
.contact-form-text textarea {
	width: 100%;
	margin: 0 auto;
	padding: 10px;
}

.contact-submit-box {
	margin-top: 10px 0 20px 0;
}

.contact-form-send-confirm {
	width: 100%;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #CCC;
}
.contact-form-send-confirm input[type="checkbox"] { margin-right: 10px; }

.comment-midasi {
	width: 100%;
	font-size: 16px; font-size: 1.6rem;
	}
.comment-form {
	width: 100%;
	padding: 3px 10px 3px 0;
	margin-bottom: 10px;
	}
.comment-form input[type=text], .comment-form textarea{
	width: 100%;
	font-size: 16px; font-size: 1.6rem;
	padding: 10px;
	}
.comment-form input[type=text]{
	width: 100%;
	}


/* ===== Message Area ===== */

.contact p.info{
line-height: 200%;	
display: block;
margin: 0 0 10px 0;
}
.contact p.warn{
line-height: 200%;	
display: block;
margin: 0 0 10px 0;
color: #b21131;
}
.contact .boldy{
font-weight: bold;
}
.contact .red{
color: #b21131;
}
.contact .text-big{
font-size: 123.8%;
line-height:1.124;
font-weight: bold;
}


/* ===== 768px〜のCSS ===== */

/*768px*/
@media screen and (min-width : 768px){

.contact {
}
.contact-box {
	margin-bottom: 10px;
}

.contact-midasi {
	font-size: 18px; font-size: 1.8rem;
	width: 20%;
	margin: 0 auto;
	float: left;
	text-align: right;
	padding: 10px;
}
.contact-form {
	width: 76%;
	float: right;
	padding: 3px 10px 3px 0;
	margin-bottom: 10px;
}

.contact-form input[type=text] {
	width: 97%;
	font-size: 16px;
	padding: 10px;
}
.contact-form-select{
	width: 76%;
	float: right;
	padding: 10px 10px 3px 0;
	margin-bottom: 10px;
}
.contact-form-mail {
	width: 76%;
	float: right;
	padding: 3px 10px 3px 0;
	margin-bottom: 10px;
}
.contact-form-mail input.email-1 {
	width: 30%;
	padding: 10px;
}
.contact-form-mail input.email-2 {
	width: 50%;
	padding: 10px;
}
.contact-form-text {
	width: 76%;
	float: right;
	padding: 4px 10px 3px 0;
	margin-bottom: 10px;
}
.contact-form p {
	width: 97%;
	line-height: 100%;
}
.contact-form-text textarea {
	width: 97%;
	margin: 0 auto;
	padding: 10px;
}

.comment-midasi {
	font-size: 18px; font-size: 1.8rem;
	}
.comment-form input[type=text]{
	width: 100%;
	}

}