
/*--------------------------
	form
--------------------------*/
.contact_heading {
	font-size: 1.5em;
	line-height: 33px;
	margin: 30px 0 10px;
	padding: 0;
	color: #0c2c7f;
	font-weight: bold;
	background: none;
	border: none;
}

.contact_heading .contact_icon {
	margin: 0 5px 0 0;
}

.contact_tel__txt,
.contact_tel__txt span {
	vertical-align: middle;
}

.page_guide {
text-align: center;
margin: 50px;
padding-top: 30px;
}

.contact_submit {
text-align: center;
}

.contact_submit input,
#action-button button,
#action-button input,
.day-calendar .backBtn{
-webkit-appearance: none;
border: none;
background-repeat: no-repeat;
background-position: center;
text-indent: -9999px;
overflow: hidden;
}

.contact_submit input:disabled,
#action-button button:disabled {
opacity: .5;
cursor: default;
}

.agree-box {
margin: 0 0 40px;
padding: 15px 0 25px;
border-bottom: 1px solid #cccccc;
}

.agree-box__title {
text-align: center;
margin: 0 0 25px;
}

.confilem__box{
	text-align: center;
	width: 100%;
	padding: 60px 10px;
	font-size: 26px;
}
.privacy-box {
width: 800px;
height: 200px;
margin: auto;
padding: .5em;
box-sizing: border-box;
border: 1px solid #cccccc;
background: #fff;
box-sizing: border-box;
overflow: hidden;
overflow-y: scroll;
}

.privacy-wrap {
padding: 14px;
}

.agree-input {
text-align: center;
padding: 25px 0 0;
}

.contact_form__table input[type="text"],
.contact_form__table input[type="email"],
.contact_form__table select,
.contact_form__table textarea {
max-width: 100%;
border: 1px solid #bbb;
padding: 5px;
box-sizing: border-box;
width: 100%;
}
.mwform-zip-field{
	display: flex;
	align-items: center;
}
.checkbox-flex{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#contact_form .mwform-zip-field input{
	width: 80px;
	margin: 5px;
}
#contact_form  #ken{
 width: 150px;
 margin: 5px 0;
}
.checkbox-flex .mwform-checkbox-field{
	margin-right: 10px;
}
@media all and (min-width: 769px) {
	.contact_tel__number {
			font-size: 32px;
			margin: 0 30px;
	}

	.contact_form__table {
		width: 100%;
		border-top: 1px solid #ddd;
		margin: 0 auto 30px;
	}

	.contact_form__table th {
		font-size: 16px;
		text-align: left;
		vertical-align: top;
		padding: 25px 60px 25px 20px;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		width: 28%;
		white-space: nowrap;
		position: relative;
	}
	.confilem__box{
		text-align: center;
		width: 100%;
		padding: 60px 10px;
		font-size: 16px;
	}

	.required {
		font-weight: normal;
		font-size: 12px;
		color: #fff;
		background: #cc0000;
		line-height: 1;
		margin: 0 0 0 10px;
		padding: 5px;
		letter-spacing: .05em;
	}

	.contact_form__table th .required {
		position: absolute;
		top: 25px;
		right: 20px;
	}

	.contact_form__table td {
		padding: 25px 20px;
		border-bottom: 1px solid #ddd;
		font-size: 16px;
	}

	.contact_form__table td label {
		margin: 0 15px 0 0;
	}

	.contact_form__table td textarea {
		height: 185px;
	}

	.contact_form__table td input[type="text"],
	.contact_form__table td input[type="email"],
	.contact_form__table td textarea,
	.contact_form__table select {
			font-size: 16px;
	}

	.contact_form__table td #company,
	.contact_form__table td #name,
	.contact_form__table td #kana,
	.contact_form__table td #tel {
					width: 50%;
	}

	.contact_form__table td #address,
	.contact_form__table td #mail,
	.contact_form__table td textarea {
		width: 100%;
	}

	.contact_form__table #select {
		width: 90%;
	}

	.contact_form__table td .row1 {
		margin: 0 0 10px;
	}

	.contact_form__table td .row1.flex > div {
		width: 50%;
	}

	.contact_form__table td .row1.flex > div input {
		width: 70%;
	}

	.contact_form__table #time1,
	.contact_form__table #time2,
	.contact_form__table #time3 {
		width: 60%;
	}

	.contact_form__table td .error {
		color: #cc0000;
	}

	.contact_form__table td span.note {
		font-size: 13px;
	}

	.contact_form__table td #zip1, #contact-form td #zip2 {
		margin: 0 0 8px;
	}

	.contact_submit input,
	#action-button button,
	#action-button input,
	.day-calendar .backBtn{
		width: 215px;
		height: 60px;
		cursor: pointer;
		margin: 0 7px;
	}

	.contact_submit input[name="submitConfirm"],
	#action-button .reserve-confirm {
		width: 450px;
		background-image: url(../img/contact/btn_confirm.png);
	}

	.contact_submit input[name="submitBack"],
	.day-calendar .backBtn {
		background-image: url(../img/contact/btn_back.png);
	}

	.contact_submit input[name="submit"],
	#action-button .reserve-submit {
		background-image: url(../img/contact/btn_submit.png);
	}

	.contact_agree {
		padding: 20px 0;
	}

	.contact_agree .privacybox {
		height: 160px;
		overflow-y: scroll;
		border: 1px solid #dddddd;
		padding: 20px;
		margin: 26px 0 30px;
	}

	.contact_agree .checkwrap {
		text-align: center;
		margin: 0 0 10px;
	}
}
@media all and (max-width: 768px) {
	.contact_tel__number {
			font-size: 20px;
			margin: 0 10px;
	}

	.contact_form__table {
		margin: 0 0 20px;
		padding: 10px 0 0;
		line-height: 1.5em;
	}

	.contact_form__table,
	.contact_form__table tbody,
	.contact_form__table tr,
	.contact_form__table th,
	.contact_form__table td {
		display: block;
		text-align: left;
		font-weight: normal;
	}

	.contact_form__table td {
		margin: 0 0 15px;
	}

	.contact_form__table input,
	.contact_form__table textarea {
		margin: 3px 0;
		font-size: 16px;
	}
	input[type="submit"] {
		margin: 0 10px 0 0;
	}

	.required,
	.contact_form__table .error {
		color: red;
	}

	.contact_form__table label {
		display: block;
	}

	.mw_wp_form .contact_form__table .horizontal-item + .horizontal-item {
		display: block;
		margin: 0;
	}

	.page_guide {
		margin: 20px 0;
	}

	.contact_agree {
		padding: 0 0 20px;
	}

	.contact_agree .privacybox {
		height: 140px;
		overflow-y: scroll;
		border: 1px solid #dddddd;
		padding: 10px;
		margin: 26px 0 10px;
	}

	.privacy-box {
		width: 100%;
		height: 150px;
	}

	.contact_submit input,
	#action-button button,
	#action-button input,
	.day-calendar .backBtn{
		width: 110px;
		height: 42px;
		margin: 0 5px;
		background-size: contain;
	}

	.contact_submit input[name="submitConfirm"],
	#action-button .reserve-confirm {
		width: 225px;
		background-image: url(../img/contact/btn_confirm_sp.png);
	}

	.contact_submit input[name="submitBack"],
	.day-calendar .backBtn{
		background-image: url(../img/contact/btn_back_sp.png);
	}

	.contact_submit input[name="submit"],
	#action-button .reserve-submit {
		background-image: url(../img/contact/btn_submit_sp.png);
	}

	.contact_form__table td .row1.flex {
		flex-wrap: wrap;
		margin: 0 0 1em;
	}

	.contact_form__table td .row1.flex > div {
		width: 100%;
	}

	.contact_form__table td .row1.flex > div input {
		width: calc(100% - 6em);
		max-width: 300px;
	}

	.contact_form__table #time1,
	.contact_form__table #time2,
	.contact_form__table #time3 {
		width: auto;
	}
	.checkbox-flex .mwform-checkbox-field{
		margin-right: 10px;
	}
}

#ui-datepicker-div {
	z-index: 999!important;
}

.ui-datepicker .ui-datepicker-title select {
	vertical-align: middle;
}
