@charset "utf-8";

/*------------------------------
	お問合せ
------------------------------*/
.box_contact {
}

.contact_guide {
	margin-bottom: 30px;
}

.contact_form {
}

.form_item {
	margin-bottom: 30px;
}

.contact_form input[type="text"],
.contact_form input[type="mail"],
.contact_form input[type="tel"] {
	width: 100%;
	padding: .2em;
}

.form_item dt {
	background-color: #666;
	color: #FFF;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	line-height: 1.1;
	padding: .5em .5em;
	margin-bottom: 10px;
}

.require_text {
	background-color: white;
	display: inline-block;
	font-size: .8em;
	padding: .2em .5em;
	vertical-align: top;
	margin-left: .5em;
	color: #C1272D;
}

.contact_form dd {}

.contact_type_list {
	margin-bottom: .5em;
}

.contact_form textarea {
	width: 100%;
	height: 100px;
	font-size: 16px;
	padding: .2em;
}
.form_textarea{
	width: 600px;
    height: 122px;
}

.form_mail-text{
	font-size: 16px;
	width: 100%;
}

.contact_btn_wrap {
	text-align: center;
	margin-bottom: 30px;
}

.contact_btn_wrap button {
	border: none;
}

.submit_btn {
	margin-top: 2em;
	background-color: #CD5257;
	border: none;
	border-radius: 5px;
	color: #FFF;
	padding: .5em 3em;
	font-size: 16px;
}
.back_btn{
	margin-top: 2em;
	background-color: #CD5257;
	border: none;
	color: #FFF;
	padding: .5em 3em;
	font-size: 16px;
	cursor: pointer;
}
.back_btn:hover{
	opacity: 0.8;
}


/*-------------------------------------
 ▼中型画面向けデザイン（タブレットなど）
 --------------------------------------*/
@media screen and (min-width: 768px) {

	.box_contact .base {
		max-width: 850px;
	}

	.contact_guide {}

	.contact_form {
		font-size: 16px;
	}

	.form_item {
		display: flex;
		justify-content: space-between;
	}

	.contact_form input[type="text"],
	.contact_form input[type="mail"],
	.contact_form input[type="tel"] {
		font-size: 16px;
	}

	.form_item dt {
		width: 30%;
		padding: .8em 1em;
		margin-bottom: 0;
		line-height: 1.4;
	}

	.form_item dd {
		width: 65%;
		padding: .8em 0 0;
	}

	.require_text {
	}

	.contact_type_list {}

	.contact_type_list li {
		display: inline-block;
	}

	.contact_type_list li:not(:last-of-type) {
		margin-right: 1em;
	}

	.contact_form textarea {}

	.contact_btn_wrap {}

	.contact_btn_wrap button {}

	.submit_btn {
		cursor: pointer;
		transition: all 0.1s ease;
	}

	.submit_btn:hover {
		opacity: 0.8;
	}

}