@charset "utf-8";

.contentPage_title {
	background-image: linear-gradient(rgba(0, 0, 0, .3),  rgba(0, 0, 0, .3)),  url(../img/contact/page-title-bg.jpg); 
}

/*メールフォーム設定*/
.inner1000 {
	width: 90%;
	max-width: 1000px;
	margin: auto;
}
input    {
    width: 100%;
    font-size: 16px;
	appearance: revert;
	/*-webkit-appearance: none;*/
}
input:focus {
  outline: 0;
}
.radio input {
	width: auto;
	/*-webkit-appearance: auto;*/
	width: 18px;
    height: 18px;
    vertical-align: middle;
	accent-color: #db5950;
}
.submit input {
	-moz-appearance: none;
	-webkit-appearance: none;
}
textarea {
    width: 100%;
    font-size: 16px;
}
select{
    width: 100%;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 16px;
}
select:focus {
  outline: 0;
}
.your-cont {
	position: relative;
}
.your-cont:after {
    content: "";
    position: absolute;
    top: 0px;
    right: 10px;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 10px;
    border-bottom: 2px solid #747474;
    border-right: 2px solid #747474;
    transform: rotate(45deg);
}
button{
	border: none; 
    outline: none; 
    background: transparent;
}
.contact {
	width: 90%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
    padding-bottom: 6em;
}
.contact_form {
}
.contact_form_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
	padding: 1.5em 5%;
    text-align: left;
}
.contact_form_item .tit {
    font-weight: bold;
    width: 30%;
    margin-top: 2px;
	position: relative;
	overflow: hidden;
}
.contact_form_item .tit_note {
    display: block;
    font-size: .8em;
}
.contact_form_item .tit_red {
    color: #cf2e2e;
	border: 1px solid #cf2e2e;
    font-size: 12px;
    padding: 0.3em 1em;
    border-radius: 4px;
    margin-left: auto;
    float: right;
}
.contact_form_item .cont {
    width: 66%;
	position: relative;
}
.contact_form_item .cont_inner {
    border: 1px solid #B8B8B8;
    border-radius: 5px;
    padding: 1em;
	box-sizing: border-box;
}

.contact_form_item .cont_tel {
	width: 24%!important;
    margin-right: .5em;
    margin-left: .5em;
}
.contact_form_item .cont_note {
    font-size: 12px;
}
.contact_form_item .multi:nth-child(n + 2) {
	margin-top: 1em;
}
.contact_form_item .cont_zipcode {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 10px;
}
.contact_form_item .cont_zipcode p {
    margin-right: 1em;
}
.contact_form_item .cont_zipcode_zip {
    width: 120px;
}
.contact_form_item .cont_zipcode_btn {
    max-width: 170px;
}
.contact_form_item .cont_zipcode_btn .btn {
    background-color: #988800;
    color: #FFFFFF;
    border-radius: 9px;
    width: 100%;
    padding-top: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    padding-left: 1em;
}
.contact_form_item .radio span {
    display: inline-block;
	padding-top: 3px;
	margin-right: 1em;
	font-size: 1.1em;
}
.contact_form_item .selectbox {
	position: relative;
}
.contact_form_item .selectbox::after { /*セレクトボックスの矢印*/
	content: "";
	display: inline-block;
	width: .7em;
	height: .7em;
	border: 0.1em solid #db5950;
	border-left: 0;
	border-bottom: 0;
	box-sizing: border-box;
	transform: translateY(-25%) rotate(135deg);
	position: absolute;
	top: 37%;
	right: 3%;
}
.mw_wp_form_preview .contact_form_item .selectbox::after { /* 確認画面の場合、矢印は非表示*/
	display: none;
}
.contact .submit  {
    text-align: center;
    margin-top: 3em;
}
.contact  .submit_btn {
    background-color: #db5950;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 16px;
    padding-bottom: 16px;
    display: inline-block;
    width: 80%;
    max-width: 350px;
    border-radius: 11px;
	border: none;
}
.contact  .submit_btn_02 {
    background-color: #fff;
    color: #db5950;
    font-weight: bold;
    padding-top: 16px;
    padding-bottom: 16px;
    display: inline-block;
    width: 80%;
    max-width: 350px;
    border-radius: 11px;
	border: solid 1px #db5950;
	margin-top: 30px;
}
.contact .completion {
	text-align:center;
	margin-top: 3em;
}

@media (max-width: 768px) {
}

@media (max-width: 540px) {
	.main {
		font-size: 14px;
		line-height: 26px;
	}
	.contact {
	}
	.contact_form_item .tit {
		width: 100%;
		margin-bottom: 1em;
	}
	.contact_form_item .tit_red {
    	float: none;
		margin-left: 1em;
		line-height: 3em;
	}
	.contact_form_item .cont {
		width: 100%;
	}
	.contact_form_item .cont_zipcode_btn {
		width: 110px;
		font-size: 11px;
	}
}