@charset "UTF-8";

body {
	background-color: #f8f8f8;
}

.p-country-name {
	display: none !important;
}

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

@media screen and (min-width: 768px) {
	.main_container {
		padding-bottom: 175px;
	}
	.contact_container {
		border-radius: 30px;
		background-color: #ffffff;
	}
}

@media screen and (max-width: 767px) {
	.main_container {
		padding-bottom: 75px !important;
	}
	.contact_text {
		text-align: justify !important;
	}

	.main_container {
		padding: 0 20px;
	}
}


.contact_container {
	display: block;
	max-width: 1440px;
	margin: 0 auto;
	padding: 65px 0 80px;
}

.mw_wp_form {
	display: block;
	max-width: 1000px;
	margin: 0 auto;
}

.contact_text {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	font-weight: 500;
	font-size: clamp(0.875rem, 0.845rem + 0.13vw, 1rem);
	text-align: center;
}

@media screen and (min-width: 768px) {
	.title_container {
		margin-bottom: 65px;
	}

	.contact_text {
		margin-bottom: 40px;
	}

	.contact_container {
		width: 95%;
		padding: 65px 0 80px;
		border-radius: 30px;
	}

	.mw_wp_form {
		width: 95%;
	}
}

@media screen and (max-width: 767px) {
	.title_container {
		margin-bottom: 40px;
	}

	.contact_text {
		margin-bottom: 30px;
	}

	.contact_container {
		width: 100%;
		padding: 0 10px 40px;
		border-radius: 20px;
	}

	.mw_wp_form {
		width: 100%;
	}
}



.main_inner-wrap {
	width: 95%;
}

.contact_form {
	width: 100%;
}

.contact_form table {
	width: 100%;
	margin-bottom: 50px;
	border-collapse: collapse;
	border-spacing: 0;
}

@media screen and (min-width: 768px) {
	.contact_form table tr {
		border-top: 1px solid #c1c1c1;
	}
}
.select_list {
	display: flex;
	column-gap: 20px;
	flex-wrap: wrap;

	row-gap: 15px;
}

.contact_form table tr:nth-of-type(1) th , .contact_form table tr:nth-of-type(3) th {
	padding-top: 20px;
}

.contact_form table th , .contact_form table td {
	padding-top: 20px;
	padding-bottom: 20px;
}

.contact_form table th {
	width: 225px;
	padding-top: 37px;
	padding-left: 15px;
	font-size: 18px;
	vertical-align: top;
	text-align: left;
}


.contact_form table th .row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

body.contact .contact_form th:nth-of-type(1) table th {
	padding-top: 20px;
}
.contact_form table tr.agreement td {
	padding-top: 45px;
}


.contact_form span.mark-required {
	display: inline-block;
	color: #e82736;
	font-weight: 500;
	font-size: 15px;
	text-align: center;
}

.contact_form table td {
	font-size: 16px;
}

.contact_form table tr.agreement td {
	padding-bottom: 0;
	padding-left: 1.5%;
}

.contact_form input , .contact_form select , .contact_form textarea {
	height: 60px !important;
	border-width: 1px;
	background-color: rgba(224, 224, 224, 0.5);
}

.contact_form input:focus , .contact_form select:focus , .contact_form textarea:focus {
	border-width: 1px;
	border-color: #313131;
}

.contact_form select {
	padding-left: 10px;
}

.contact_form select.selected {
	color: #313131;
}

.address td > input {
	margin-top: 10px;
}

.contact_form textarea {
	min-height: 300px;
	height: 170px;
	resize: vertical;
}

.contact_caution {
	display: block;
	width: 100%;
	margin-top: 5px;
	padding-left: 30px;
	font-size: 16px;
}

.confirm .contact_caution , .appraisal-check .contact_caution {
	display: none;
}

.ui-datepicker-title {
	display: flex;
	align-items: flex-end;
}
.connect_list {
	display: flex;
	flex-direction: column;
	row-gap: 15px;
}
.connect_list dl {
	display: flex;
	row-gap: 5px;
	column-gap: 0.5em;
}
.contact .connect_list dl {
	flex-direction: column;
}

.confirm .connect_list dl {
	align-items: center;
}

.connect_list dt {
	font-size: 15px;
	font-weight: 500;
}
.connect_list dd {
	display: flex;
	flex-direction: column;
	row-gap: 5px;
}
.connect_list dd .hasDatepicker {
	height: 50px !important;
}

@media screen and (min-width: 768px) {
	.contact_adress-container {
		width: 95%;
	}

	.contact_adress-container figcaption {
		padding: 55px 0;
	}

	.contact_adress-container figcaption address {
		margin-bottom: 30px;
	}

	.contact_adress-container figcaption ul li {
		width: 50%;
	}

	.contact_adress-container figcaption li i {
		margin-right: 10px;
	}
}

@media screen and (min-width:768px) {
	/*.contact .address th, .contact .tel th, .contact .mail th, .contact .inquiry th {
		padding-top: 38px !important;
		vertical-align: top;
	}*/

	::placeholder {
		font-size: 16px;
	}

	.contact_form input::placeholder , .contact_form textarea::placeholder {
		padding-left: 22.5px;
	}

	.mwform-tel-field input:not(:first-child)::placeholder , .mwform-zip-field input::placeholder {
		padding-left: 0;
	}
}

@media screen and (min-width:768px) {
	footer {
		margin-top: 100px;
	}



	.contact_text br {
		display: none;
	}

	.step_bar {
		width: 95%;
	}

	.step_bar h3 {
		font-size: 17px;
	}

	.contact_form table td {
		padding-left: 6%;
	}
}

@media screen and (max-width:767px) {
	footer {
		margin-top: 50px;
	}


	.step_bar {
		width: 100%;
	}

	.step_bar h3 {
		font-size: 15px;
	}
}

input.common_btn {
	max-width: 385px !important;
	width: 47% !important;
	color: #ffffff;
}

.contact_font_img {
	max-width: 130px;
	width: 100%;
	margin: auto;
}

tr.common_job th {
	vertical-align: top;
}

tr.common_job th span:not(.mark-required) {
	display: block;
	font-weight: 500;
	font-size: 18px;
}

tr.common_job.other th span:not(.mark-required) {
	font-size: 13px;
}

.common_job.job_history th span:not(.mark-required):nth-of-type(1) {
	margin-top: 80px;
}

.common_job.job_history th span:not(.mark-required):nth-of-type(2) {
	margin-top: 25px;
}

::placeholder {
	color: rgba(72, 72, 72, 0.35);
}


.confirm .agreement , .appraisal-check .agreement {
	display: none;
}


.agreement_content {
	display: flex;
	position: relative;
	font-weight: 500;
	font-size: 18px;
	line-height: 1.85;
}

.agreement_content p {
	margin-bottom: 20px;
	line-height: 2.2;
	text-align: justify;
}

.agreement_content a {
	margin-top: 9px;
	padding-bottom: 1px;
	border-bottom: 1px solid;
	color: #4687d6;
	line-height: 1.45;
}

@media screen and (min-width:701px) {
	.mw_wp_form_error .agreement_content {
		padding-bottom: 26px;
	}

	.mw_wp_form_error .agreement_content .error {
		position: absolute;
		bottom: 0;
	}
}

@media screen and (max-width:700px) {
	.mw_wp_form_error .agreement_content .error {
		display: inline-block;
		position: relative;
		top: -2px;
		width: calc(100% - 40px);
		line-height: 1.4;
		;
	}
}

input[type=checkbox] , input[type=radio] {
	display: none !important;
}

.mwform-checkbox-field-text , .mwform-radio-field-text {
	position: relative;
	white-space: nowrap;
}

.mwform-checkbox-field-text {
	margin-right: 40px;
}

.radio_list {
	display: flex;
	padding: 18.5px 0;
	font-size: 15px;
	column-gap: 30px;
	flex-wrap: wrap;

	row-gap: 20px;
}

.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0 !important;
}

.mwform-radio-field-text {
	padding: 0px 0 0px 22px;
}

.mwform-checkbox-field-text:before , .mwform-checkbox-field-text:after , .mwform-radio-field-text:before , .mwform-radio-field-text:after {
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	content: "";
}

.mwform-radio-field-text:before {
	left: 0;
	width: 17px;
	height: 17px;
	border: 1px solid #4d4d4d;
	border-radius: 50%;
}

input[type=radio]:checked + .mwform-radio-field-text:before {
	border-color: #0a39ff;
}

.mwform-checkbox-field-text:after , .mwform-radio-field-text:after {
	opacity: 0;
}

input[type=checkbox]:checked + .mwform-checkbox-field-text:after , input[type=radio]:checked + .mwform-radio-field-text:after {
	opacity: 1;
}

.mwform-radio-field-text:after {
	left: 3px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #0a39ff;
}

input[type=radio]:checked + .mwform-radio-field-text:after {
	background-color: #0a39ff;
}

.mwform-checkbox-field-text:before {
	left: 0;
	width: 25px;
	height: 25px;
	border: 1px solid #707070;
}

input[type=checkbox]:checked + .mwform-checkbox-field-text:before {
	border: 1px solid #000000;
	border-radius: 3px;
	background-color: #ffffff;
}

.mwform-checkbox-field-text:after {
	left: 9px;
	transform: rotate(45deg);
	width: 7px;
	height: 15px;
	margin-top: -9px;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

.row-wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.row-wrap dt {
	margin-right: 4.1096%;
}

.mw_wp_form_complete {
	max-width: 1000px;
	width: 95%;
	margin: 0 auto;
}

.mw_wp_form_complete p {
	font-size: 15px;
	text-align: justify;
}

.mw_wp_form_complete p:not(:nth-of-type(1)) {
	margin-top: 10px;
}

.contact_profile {
	margin-top: 50px;
	padding-top: 50px;
	border-top: 1px dashed;
}

.contact_profile dl {
	line-height: 2;
}

.contact_profile dl dt {
	display: flex;
	float: left;
	clear: both;
	justify-content: space-between;
}

.contact_profile dl dt::after {
	content: "：";
}
.contact .connect_list li:not(:nth-of-type(1)) dt::after {
	content: "(任意)";
}

.complete .mw_wp_form p:not(:first-child) {
	margin-top: 20px;
}

.complete .mw_wp_form .contact_profile h4 {
	margin-bottom: 20px;
	font-size: 23px;
}

.complete .mw_wp_form .contact_profile dl dt {
	width: 4em;
}


.g-recaptcha {
	margin-top: 30px;
}

.send_btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.grad_btn:hover:disabled {
	animation: none;
}

.sub_btn {
	font-size: 1em;
	cursor: pointer;
}

.contact_btn {
	display: flex;
	max-width: 820px;
	width: 100%;
	margin: 0 auto;
	font-size: 23px;
	justify-content: center;
	align-items: center;
}

.contact_btn input {
	height: 55px !important;
	padding: 0 !important;
	border: 1px solid;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	background-color: #3362c6;
	color: #ffffff;
	font-weight: 500;
	font-size: 19px !important;
	letter-spacing: 0.5em;
	transition: all 0.5s;
}

.contact_btn input:hover {
	opacity: 0.5;
}

.contact_btn input:focus {
	border: none;
}

.contact_hidden {
	display: none;
}

.confirm .reset , .appraisal-check .reset {
	display: none;
}


.navigate_comment {
	max-width: 1000px;
	width: 95%;
	margin: 0 auto;
	padding: 0 0.5253%;
}

.navigate_comment img {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
	max-width: 180px;
	width: 100%;
	border-radius: 100%;
}

.navigate_comment figure {
	position: relative;
	max-width: 900px;
	width: 100%;
	padding-right: 40px;
	padding-bottom: 100px;
}

.address_form {
	display: flex;
	flex-direction: column;

	row-gap: 20px;
}

.navigate_comment figure figcaption {
	display: flex;
	position: relative;
	padding: 25px 0;
	padding-left: 5.814%;
	border-radius: 10px;

/*box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);*/
	background-color: #fff5e8;
	flex-direction: column;
	filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));
}

.navigate_comment figure figcaption::after {
	display: block;
	position: absolute;
	top: 100%;
	right: 160px;
	width: 53px;
	height: 32px;

/*box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);*/
	background-color: #fff5e8;
	content: "";

/*filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));*/

	mask-size: 100%;
	-webkit-mask-size: 100%;
	mask-image: url(../images/common_balloon-min.png);
	-webkit-mask-image: url(../images/common_balloon-min.png);
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-position: center top;
	-webkit-mask-position: center top;
}

.navigate_comment figure figcaption p {
	margin-bottom: 10px;
	padding-right: 21.605%;
	font-weight: 500;
	font-size: 15px;
	line-height: 1.8;
	text-align: justify;
}

.navigate_comment figure figcaption span {
	margin-right: 155px;
	margin-left: auto;
	font-weight: bold;
	font-size: 21px;
	line-height: 1;
}

.navigate_text {
	width: 90%;
	margin: auto;
	font-size: 15px;
	text-align: center;
}

.apply_policy {
	display: block;
	margin-top: 10px;
	font-size: 14px;
	text-align: right;
}

.mw_wp_form_confirm .address_form {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;

	row-gap: inherit;
}

.mw_wp_form_confirm .address_form li:first-child {
	margin-right: 0.5em;
}

/*.mw_wp_form_confirm .address_form li:first-child::before {
	content: "〒";
}*/

@media screen and (max-width:767px) {
	.radio_list {
		padding: 0;

		row-gap: 20px;
	}

	.address_form {
		row-gap: 10px;
	}

	tr.common_job th span:not(.mark-required) {
		font-size: 14px;
	}

	.common_job.job_history th span:not(.mark-required):nth-of-type(2) {
		margin-top: 5px;
	}


	.common_job.job_history th span:not(.mark-required):nth-of-type(1) {
		margin-top: 10px;
	}


	.navigate_comment {
		width: 100%;
		padding: 0 30px;
	}

	.navigate_comment figure {
		padding-right: 20px;
		padding-bottom: 150px;
	}

	.navigate_comment figure figcaption p {
		padding-right: 5.814%;
	}


	@media screen and (min-width: 375px) {
		.confirm .contact_text br {
			display: none;
		}
	}

	@media screen and (min-width: 356px) {
		.contact_text br:not(:nth-of-type(2)) {
			display: none;
		}
	}

	@media screen and (max-width: 355px) {
		.contact_text br:nth-of-type(2) {
			display: none;
		}
	}

	/*.contact_text br {
		display: none;
	}*/

	.contact_form {
		width: 100%;
	}

	.agreement_content {
		font-size: 14px;
		line-height: 1.6;
	}

	/*.contact_form {
		margin-bottom: 30px;
	}*/

	.contact_form table th , .contact_form table td {
		display: block;
		width: 100%;
	}

	.contact_form table th {
		min-width: auto;
		padding-top: 0;
		padding-bottom: 10px;
		padding-left: 0;
		vertical-align: top;
	}
	.contact_form table th h2 {
		font-size: 16px;
	}

	.contact_caution {
		color: #7e7e7e;
		font-size: 14px;
		text-align: right;
	}

	.contact_form table th .row {
		width: 210px;
	}

	.contact_form span.mark-required {
		width: 45px;
		margin-left: 20px;
		font-size: 13px;
		line-height: 2.3;
	}

	.contact_form table tr.agreement td {
		padding-top: 15px;
	}

	.contact_form table td {
		padding-top: 0;
		padding-bottom: 25px;
	}

	.row_input {
		max-width: none;
		flex-direction: column;
	}

	.row_input dt {
		margin-right: 0;
		margin-bottom: 15px;
	}

	.contact_form input {
		max-width: none;
	}

	.row-wrap {
		flex-direction: column;
		align-items: flex-start;
	}

	.row-wrap dt {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}

	.confirm .row-wrap dt {
		margin-bottom: 0;
	}

	.mail .row-wrap {
		margin-top: 10px;
	}

	.contact_form textarea {
		max-width: none;
	}


	.contact_form .contact_form__h3 {
		font-size: 15px;
	}

	.contact_btn {
		flex-direction: column-reverse;

		row-gap: 20px;
	}


	.contact_btn input {
		width: 100% !important;
	}

	.common_btn {
		max-width: 240px !important;
		width: 100% !important;
	}

	.send_btm {
		margin-top: 20px;
	}

	.mw_wp_form_complete {
		width: 100%;
	}

	.mw_wp_form_complete p {
		font-size: 14px;
	}

	::placeholder {
		font-size: 14px;
	}

	.mwform-zip-field input[type="text"] {
		width: 90px;
	}

	.navigate_comment figure figcaption::after {
		right: 170px;
	}

	@media screen and (max-width:380px) {
		.mwform-tel-field input[type="text"] {
			width: calc(100% / 3 - 10px);
		}
	}
}

.contact_adress-container {
	display: block;
	position: relative;
	overflow: hidden;
	max-width: 890px;
	margin: 0 auto;
	border-radius: 5px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.contact_adress-container img {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	transform: translate(-50%, -50%);
	width: 100%;
	border-radius: 5px;

	object-fit: cover;
	object-position: center bottom;
}

.contact_adress-container figcaption {
	display: flex;
	position: relative;
	z-index: 1;
	width: 100%;
	padding: 55px 0;
	background-color: rgba(255, 255, 255, 0.93);
	font-weight: bold;
	flex-direction: column;
	justify-content: center;
}

.contact_adress-content {
	max-width: 705px;
	width: 79.2135%;
	margin: 0 auto;
}

.contact_adress-container figcaption p {
	margin-bottom: 10px;
	font-size: clamp(1rem, 0.97rem + 0.13vw, 1.125rem);
}


.contact_adress-container figcaption address {
	margin-bottom: 30px;
	color: #ff9a36;
	font-style: normal;
	font-size: clamp(0.938rem, 0.907rem + 0.13vw, 1.063rem);
}

.contact_adress-container figcaption ul {
	display: flex;
	color: #ff9a36;
	font-weight: bold;
	font-size: clamp(1.25rem, 1.098rem + 0.65vw, 1.875rem);
	justify-content: space-between;
}

.contact_adress-container figcaption ul li {
	display: flex;
	align-items: center;
}

.contact_adress-container figcaption ul li span {
	font-weight: 500;
	font-size: clamp(1.125rem, 1.019rem + 0.45vw, 1.563rem);
}

.contact_adress-container figcaption li i {
	color: #ff9a36;
	font-size: clamp(1.563rem, 1.274rem + 1.23vw, 2.75rem);
}


@media screen and (max-width: 767px) {
	.contact_adress-container {
		width: calc(100% - 60px);
	}

	.contact_adress-container figcaption {
		padding: 30px 0;
	}

	.contact_adress-container figcaption address {
		margin-bottom: 20px;
	}

	.contact_adress-container figcaption ul {
		flex-direction: column;

		row-gap: 15px;
	}

	.contact_adress-container figcaption li i {
		margin-right: 5px;
	}

	@media screen and (max-width: 400px) {
		.contact_adress-content {
			width: 93%;
		}
	}
}