@charset "utf-8";
/* CSS INFORMATION -====================================================
File name : contact.css
Description : お問い合わせページCSS
===================================================================== */

.contact {
	background-color: #ffffff;
}

@media screen and (min-width:751px){
}

@media screen and (min-width:1080px){
}

/* .contactForm
-------------------------------------*/
.contactForm .contact_tell,
.contactForm .contact_form {
	margin-top: 8.6957%;
}

@media screen and (min-width:751px){
	.contactForm .contact_tell,
	.contactForm .contact_form {
		margin-top: 5.8824%;
	}

	.contactForm .contact_tell .section_h1_title,
	.contactForm .contact_form .section_h1_title {
		margin-bottom: 3.9216%;
	}
}

@media screen and (min-width:1080px){
}

/***** .contact_form *****/
.contact_form {
	line-height: 1.25rem;
}

.contact_form .must {
	font-size: 0.75rem;
	line-height: 1.125rem;
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #ec6d74;
	padding: 0 0.3rem;
}

.contact_form .contact_attention {
	padding-bottom: 5.7972%;
}

.contact_form .error_text {
	font-size: 0.875rem;
	font-weight: bold;
	color: #ec6d74;
	background-color: #fdf0f1;
	padding: 4.3479%;
	display: none;
}

.contact_form .input_list {
	border-top: 1px solid #dbcdb9;
	margin-top: 5.7972%;
}

.contact_form .input_list .input_list_inner {
	border-bottom: 1px solid #dbcdb9;
}

.contact_form .input_list .title {
	width: 100%;
	font-weight: bold;
	display: block;
	box-sizing: border-box;
	background-color: #f8f6f2;
	padding: 2.3189% 2.8986%;
}

.contact_form .input_list .must {
	margin-left: 0.5em;
}

.contact_form .input_list .contents {
	padding: 0 2.8986% 4.3479%;
}

.contact_form .input_list .contents:first-of-type {
	padding-top: 2.8986%;
}

.contact_form .input_list .contents label {
	display: inline-block;
	padding-bottom: 1.5385%;
}

.contact_form .input_list .contents input,
.contact_form .input_list .contents select,
.contact_form .input_list .contents textarea {
	width: 100%;
	font-size: 1rem;
	line-height: 1.25em;
	letter-spacing: 0.1em;
	color: #7e6d55;
	box-sizing: border-box;
	padding: 0.4375em;
}

.contact_form .input_list .contents textarea {
	height: 8em;
}

.contact_form .input_list .contents input::placeholder,
.contact_form .input_list .contents textarea::placeholder {
	color: #b09165;
}

.contact_form .input_list .contents input[type=radio],
.contact_form .input_list .contents input[type=checkbox] {
	width: auto;
}

.contact_form .input_list .contents .contact_text {
	font-size: 0.875rem;
	padding-bottom: 1.5385%;
}

/* zip_code */
.contact_form .input_list .contents .zip_code_label {
	display: block;
}
.contact_form .input_list .contents #zip_code {
	width: 10em;
}

/* saijou_select */
.contact_form .input_list .saijou_select_other_input {
	display: none;
}

/* peoples_family */
.contact_form .input_list .contents .peoples_family_label,
.contact_form .input_list .contents .peoples_other_label {
	width: 60%;
}

.contact_form .input_list .contents #peoples_family,
.contact_form .input_list .contents #peoples_other {
	width: 3em;
}

/* sougi_form */
.contact_form .input_list .sougi_form_other_input {
	display: none;
}

.contact_form .privacy_text {
	line-height: 1.5em;
	border-bottom: 1px solid #dbcdb9;
	padding: 2.8986% 4.3479%;
}

.contact_form .btn_confirmation {
	width: 72.4638%;
	padding-top: 8.6957%;
	margin: 0 auto;
}

.contact_form .btn_confirmation .confirmation_btn {
	border: none;
	cursor: pointer;
}

.contact_form .input_list .input_list_inner.error {
	background-color: #fdf0f1;
}

@media screen and (min-width:751px){
	.contact_form .contact_attention {
		padding-bottom: 1.9608%;
	}

	.contact_form .error_text {
		font-size: 1rem;
		line-height: 1.5em;
		padding: 2.9412%;
	}

	.contact_form .input_list {
		overflow: hidden;
		margin-top: 1.9608%;
	}

	.contact_form .input_list .input_list_inner {
		padding: 0.9804% 0;
	}

	.contact_form .input_list .title {
		width: 28.4314%;
		float: left;
		background-color: transparent;
		padding: 0.7844% 0 0;
		margin-left: 8.8236%;
	}

	.contact_form .input_list .contents {
		padding: 0 13.7255% 0 37.255% !important;
	}

	.contact_form .input_list .contents label {
		padding: 1.6% 0;
	}

	.contact_form .input_list .contents input,
	.contact_form .input_list .contents select,
	.contact_form .input_list .contents textarea {
		padding: 0.5em;
	}

	.contact_form .input_list .contents select {
		width: auto;
	}

	/* saijou_select */
	.contact_form .input_list .saijou_select_other_input {
		margin-top: 2%;
	}

	/* peoples_family */
	.contact_form .input_list .contents .peoples_family_label,
	.contact_form .input_list .contents .peoples_other_label {
		width: 50%;
	}

	.contact_form .input_list .contents .peoples_family_label,
	.contact_form .input_list .contents #peoples_family {
		margin-bottom: 2%;
	}

	/* sougi_form */
	.contact_form .input_list .sougi_form_other_input {
		margin-top: 2%;
	}

	.contact_form .privacy_text {
		text-align: center;
		border-bottom: none;
		padding: 2.9412% 2.9412% 0;
	}

	.contact_form .btn_confirmation {
		width: 29.4112%;
		padding-top: 4.902%;
	}
}

@media screen and (min-width:1080px){
}

/* .confirmingForm
-------------------------------------*/
.confirmingForm {
	display: none;
}

.confirmingForm .must {
	font-size: 0.75rem;
	line-height: 1.125rem;
	color: #ffffff;
	font-weight: bold;
	display: inline-block;
	vertical-align: top;
	border-radius: 5px;
	box-sizing: border-box;
	background-color: #ec6d74;
	padding: 0 0.3rem;
}

.confirmingForm .confirming_list {
	border-top: 1px solid #dbcdb9;
	margin-top: 8.6957%;
}

.confirmingForm .confirming_list .list_inner {
	border-bottom: 1px solid #dbcdb9;
}

.confirmingForm .confirming_list .title {
	width: 100%;
	line-height: 1.125rem;
	font-weight: bold;
	display: block;
	box-sizing: border-box;
	background-color: #f8f6f2;
	padding: 2.3189% 2.8986%;
}

.confirmingForm .confirming_list .contents {
	padding: 0 2.8986% 4.3479%;
}

.confirmingForm .confirming_list .contents:first-of-type {
	padding-top: 2.8986%;
}

.confirmingForm .send_button_box {
	text-align: center;
	letter-spacing: -.40em;
	padding-top: 8.6957%;
}

.confirmingForm .send_button_box > div {
	width: 30%;
	display: inline-block;
	letter-spacing: 0.1em;
	margin: 0 5.7972%;
}

.confirmingForm .send_button_box .back_button a {
	color: #7e6d55;
	background-color: #eeeeee;
	box-shadow: 0px 5px 0px #cccccc;
	padding: 0.5556em 0.2778em 0.5556em 0;
}

.confirmingForm .send_button_box .back_button a::after {
	display: none;
}

.confirmingForm .send_button_box .back_button a::before {
	content: "\e900";
	font-family: 'icon_font';
	font-size: 1.5625rem;
	vertical-align: middle;
	display: inline-block;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	transform: scale(-1, 1);
}

/* saijou_select */
.confirmingForm .confirming_list .saijou_select_other {
	display: none;
}

.confirmingForm .confirming_list .saijou_select_other .other_title {
	font-weight: bold;
}

/* sougi_form */
.confirmingForm .confirming_list .sougi_form_other {
	display: none;
}

.confirmingForm .confirming_list .sougi_form_other .other_title {
	font-weight: bold;
}

@media screen and (min-width:751px){
	.confirmingForm .section_h1_title {
		margin-bottom: 3.9216%;
	}

	.confirmingForm .confirming_text {
		text-align: center;
	}

	.confirmingForm .confirming_list {
		overflow: hidden;
		margin-top: 3.9216%;
	}

	.confirmingForm .confirming_list .list_inner {
		padding: 0.9804% 0;
	}

	.confirmingForm .confirming_list .title {
		width: 28.4314%;
		float: left;
		background-color: transparent;
		padding: 0.7844% 0 0;
		margin-left: 8.8236%;
	}

	.confirmingForm .confirming_list .contents {
		padding: 0 13.7255% 0 37.255% !important;
	}

	.confirmingForm .send_button_box {
		padding-top: 4.902%;
	}

	.confirmingForm .send_button_box > div {
		width: 24.5099%;
		vertical-align: top;
		margin: 0 4.902%;
	}

	.confirmingForm .send_button_box .back_button a:hover {
		box-shadow: 0px 0px 0px #cccccc;
		margin-top: 5px;
		margin-bottom: 0;
	}
}

@media screen and (min-width:1080px){
}

/* .completeForm
-------------------------------------*/
.completeForm {
	display: none;
}

.completeForm .text01 span {
	color: #ec6d74;
	font-weight: bold;
}

.completeForm .back_button {
	width: 72.4638%;
	padding-top: 8.6957%;
	margin: 0 auto;
}

@media screen and (min-width:751px){
	.completeForm .section_h1_title {
		margin-bottom: 3.9216%;
	}

	.completeForm .text01 {
		text-align: center;
	}

	.completeForm .back_button {
		width: 29.4112%;
		padding-top: 4.902%;
	}
}

@media screen and (min-width:1080px){
}