@charset "UTF-8";
.voice-box {
	margin: 0 5%;
	font-size: 13px;
}

.contact-tel-box {
	margin-bottom: 20px;
}

.contact-tel-title,
.cotact-line-title,
.contact-form-title {
	display: inline-block;
	width: 100%;
	margin: 10px 0;
	padding: 5px 0;
	border-radius: 18px;
	text-align: center;
}

.contact-tel-title {
	background: #ffebe9;
	color: #e77779;
}

.contact-tel-number,
.line-addto-btn {
	display: inline-block;
	width: 90%;
	margin: 10px 5%;
	padding: 10px 0;
	border: 2px solid #c2973c;
	box-sizing: border-box;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	font-size: 0;
}

.contact-tel-number {
	background: #e77779;
}

.contact-tel-number span,
.line-addto-btn span {
	display: inline-block;
	vertical-align: bottom;
	font-size: 16px;
}

.contact-tel-number-text,
.line-addto-btn-text {
	margin-bottom: 5px;
}

.contact-tel-box p {
	text-align: center;
	font-size: 11px;
}

ul.contact-line-method {
	list-style-type: none;
}

.cotact-line-title {
	background: #daf5d0;
	color: #00b600;
}

.line-addto-btn {
	background: #00b600;
}

.line-method-title {
	font-size: 18px;
	color: #00b600;
}

.line-method-text p {
	font-size: 13px;
}
.contact-form-title {
	background: #d4ecdf;
	color: #69aa97;
}

span.mwform-radio-field,
span.mwform-checkbox-field {
	border: 1px solid #ddd;
	display: block;
	padding: 5px;
	border-radius: 5px;
	margin: 0 0 5px 0;
}

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

dl.contact dt {
	color: #69aa97;
	font-size: 13px;
}

.next-reserve {
	background: #fff3c3;
	color: #666;
	text-align: center;
	margin-bottom: 20px;
	padding: 5px 0;
	border-radius: 5px;
}

select {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.sp-none {
	display: none;
}
.line-qr-img,
.line-id-text {
	display: none;
}
input[type="button" i],
input[type="submit" i],
input[type="reset" i] {
	background: #69a996;
	color: #fff;
	width: 230px;
	padding: 10px 0;
	border: 2px solid #c1963c;
	border-radius: 5px;
	font-size: 14px;
	display: inline-block;
	margin: 20px auto;
}
#contact-form .sales-no {
	color: #f00;
	font-weight: bold;
	display: block;
	margin-bottom: 20px;
}
ul.contact-line-method li {
	list-style-type: none;
}
@media screen and (min-width: 769px) {
	/* PC */
	.voice-box {
		width: 1000px;
		margin: 0 auto;
	}
	.contact-top p.contact-top-text {
		text-align: center;
		margin-bottom: 20px;
	}
	.contact-tel {
		background: url(../img/contact-tel-bg.png) no-repeat;
		border-top: 2px solid #c1963c;
		border-bottom: 2px solid #c1963c;
		height: 212px;
	}
	.contact-tel-box {
		width: 280px;
		margin: 0 0 0 540px;
		text-align: center;
	}
	span.mwform-radio-field,
	span.mwform-checkbox-field {
		border: 1px solid #ddd;
		display: block;
		padding: 5px;
		border-radius: 5px;
		margin: 0 0 5px 0;
	}

	.contact-tel-number-pc {
		font-size: 31px;
		color: #e77779;
	}
	.contact-tel-number-pc span {
		display: inline-block;
	}
	.contact-tel-icon,
	.contact-tel-number-text {
		vertical-align: top;
	}
	.contact-line {
		background: url(../img/contact-line-bg.png) no-repeat right;
		border-bottom: 2px solid #c1963c;
		height: 356px;
		margin-bottom: 40px;
	}

	.contact-line-box {
		margin-top: 40px;
	}
	.cotact-line-title {
		width: 280px;
		margin: 0 0 20px 90px;
	}
	ul.contact-line-method {
		width: 460px;
	}
	ul.contact-line-method li {
		margin-bottom: 20px;
	}
	.line-method-text {
		font-size: 0;
	}
	.line-method-text-left {
		display: inline-block;
		width: 70%;
		margin-right: 5%;
		font-size: 13px;
	}
	.line-qr-img {
		display: inline-block;
		width: 24%;
		vertical-align: top;
	}
	.line-qr-img img {
		width: 100%;
	}

	.line-id-text {
		display: inline-block;
		width: 100%;
		border-radius: 18px;
		border: 1px solid #111;
		text-align: center;
		margin: 10px 0; 
		padding: 5px 0;
	}

	.contact-form-title {
		width: 280px;
		margin: 20px 0 10px 360px;
	}

	dl.contact dt {
		float: none;
		padding-bottom: 0;
		padding-left: 0;
	}

	dl.contact dd {
		border: none;
		padding-left: 5px;
	}

	span.mwform-radio-field,
	span.mwform-checkbox-field {
		display: inline-block;
		width: 300px;
		margin-right: 10px;
	}

	.mw_wp_form .horizontal-item + .horizontal-item {
		margin-right: 10px !important;
	}

	.contact-form-box p {
		width: 700px;
		font-size: 12px;
	}

	.next-reserve {
		width: 700px;
	}

	.pc-none {
		display: none;
	}
	.sp-none {
		display: block;
	}


}