#contact_content {
	margin: 0px auto 8%;
	max-width: 1024px;
}


#tel_box .name span {
	font-size: 34.6%;
	display: block;
	margin-top: 10%;
}
#tel_box .txt_box {
}
#tel_box .pink_txt {
	font-size: 125%;
	font-weight: bold;
	color: #f6a3a3;
	margin:0 0 10px;
}
#tel_box .green_txt {
	font-size: 137.5%;
	color: #55aa7c;
	margin:0 0 10px;
}
#tel_box .txt_box {
	position: absolute;
	left: 48%;
	top: 18%;
	width: 50%;
}


#tel_box .txt_box .tel span {
	font-size: 52.3%;
	color: #39916a;
	padding: 0px 1% 0px 0px;
}
#tel_box .txt_box .tel a {
	text-decoration: none;
	color: #333;
}
#tel_box .txt_box .about {
	font-size: 87.5%;
	line-height: 1.8;
}
.section {
	padding: 0px 5%;
	margin: 0px 0px 8%;
}
.section .txt_box02 {
	font-size: 93.75%;
	margin: 0px 0px 4%;
}
.section .reserve_txt {
	font-size: 93.75%;
	display: block;
	margin: 0px 0px 3%;
}
.section .reserve_txt dd {
	margin: 0px 0px 0px 1em;
	text-indent: -1em;
	padding-left: 1em;
}
.section .reserve_txt dt:before {
	content:"◆";
	color:#f4ab0d;
	padding:0 10px 0 0px;
}

.section .reserve_txt dd:before {
	content:"・";
}
.section .reserve_txt dt span {
	font-weight: bold;
	color: #462a19;
}
.section .color_box {
	background: #f6f3ee;
	padding: 20px 30px;
	font-size: 87.5%;
}
.section .color_box .ttl {
	font-weight: bold;
	color: #333;
	margin: 0px 0px 10px;
}
#contact_box h2 {
	font-size: 112.5%;
	color: #fff;
	background: #301b0a;
	padding: 2% 0px;
	margin: 0px 0px 3%;
	text-align: center;
}
#contact_box .txt_center {
	font-size: 100%;
	text-align: center;
	margin: 0px 5% 2%;
}
#contact_box .txt_box04 {
	font-size: 87.5%;
	line-height: 1.6;
	margin: 5% 5% 0px;
}
#contact_box .txt_box04 p {
	text-indent: -1em;
	padding-left: 1em;
}
#contact_box {
	width: 100%;
	overflow: hidden;
}

#mailform .mailform {
	width: 100%;
	margin: 0px auto;
	max-width: 960px;
	overflow: hidden;
}
.areaBox {
	font-size: 100%;
	margin: 0px auto;
	width: 90%;
}

.mailform {border-bottom: solid 1px #CCCCCC; width:100%;}
.mailform tr {
	border-top: solid 1px #CCCCCC;
	background: #fff;
}
.mailform tr:nth-of-type(odd) { background:#ffeef2;}

.mailform th {
	width: 30%;
	border-style: none;
	margin: 0px;
	padding: 12px;
	text-align: right;
	font-size: 93.75%;
	font-weight: normal;
}
.mailform th span {
	font-size: 75%;
	color: #666;
	display: block;
	text-align: right;
}

.mailform td {
	font-size: 87.5%;
	display: block;
	width: 100%;
	border-style: none;
	padding: 20px 10px 20px 20px;
	vertical-align: middle;
	color: #777;
}
.mailform td p {
	font-size: 75%;
}

.mailform td input,
.mailform td textarea {
	color: #777;
	border: 1px solid #ccc;
	padding: 5px;
	font-size: 87.5%;
	line-height: 160%;
}
.mailform td textarea {
	width: 96% !important;
	height: 150px !important;
}

.mailform .required {
	float: left;
}

.mailform td ul {
	overflow: hidden;
}

.mailform .name li {
	float: left;
	margin:0 3% 0 0;
}

.mailform .address li {
	margin:0 0 1.5% 0;
}

.form_btn {
	margin-top:3%;
	text-align: center;
}

.form_btn .submit {
	width: 30%;
	padding:2% 0;
	background: #3a1b14;
	color: #fff;
	border: none;
}
.mfp_buttons .reset {
	width: 30%;
	padding:2% 0;
}





@media screen and (max-width: 800px) {

#tel_box {padding-top: 28.5%;margin: 0px 0px 5%;}
#tel_box .name {font-size: 300%;left: 20%;top: 35%;}
#tel_box .name span {font-size: 34.6%;margin-top: 10%;}
#tel_box .pink_txt {font-size: 112.5%;margin:0 0 1.5%;}
#tel_box .green_txt {font-size: 125%;margin:0 0 1.5%;}
#tel_box .txt_box {left: 48%;top: 18%;}
#tel_box .txt_box .tel {font-size: 225%;line-height: 1.2;margin:0 0 1%;}
#tel_box .txt_box .about {font-size: 81.25%;line-height: 1.6;}


}

@media screen and (max-width: 640px) {

#tel_box {padding-top: 28.5%;margin: 0px 0px 5%;}
#tel_box .name {font-size: 300%;left: 18%;top: 35%;}
#tel_box .name span {font-size: 34.6%;margin-top: 10%;}
#tel_box .pink_txt {font-size: 93.75%;margin:0 0 1%;}
#tel_box .green_txt {font-size: 100%;margin:0 0 1%;}
#tel_box .txt_box {left: 48%;top: 10%;}
#tel_box .txt_box .tel {font-size: 200%;line-height: 1.2;margin:0 0 1%;}
#tel_box .txt_box .about {font-size: 75%;line-height: 1.6;}


}
@media screen and (max-width: 480px) {

#tel_box {padding-top: 28.5%;margin: 0px 0px 5%;}
#tel_box .name {font-size: 250%;left: 8%;top: 25%;}
#tel_box .name span {font-size: 34.6%;margin-top: 10%; line-height:1.4;}
#tel_box .pink_txt {font-size: 81.25%;margin:0 0 0%; line-height:1.4;}
#tel_box .green_txt {font-size: 87.5%;margin:0 0 0%; line-height:1.4;}
#tel_box .txt_box {left: 43%;top: 10%;}
#tel_box .txt_box .tel {font-size: 150%;line-height: 1.2;margin:0 0 1%;}
#tel_box .txt_box .about {font-size: 68.75%;line-height: 1.2;}
#contact_box th,#contact_box td{
	width: 100% !important;
	display: block;
	text-align: left;
	padding:10px 3% ;
}
#contact_box th{border:none;}
#contact_box th span{display: inline-block;	padding:0 0 0 5px;}
#contact_box textarea{width: 96% !important;}
.form_btn .submit {width: 50%;padding:3% 0;}


}

@media screen and (max-width: 414px) {

#tel_box {padding-top: 28.5%;margin: 0px 0px 5%;}
#tel_box .name {font-size: 200%;left: 8%;top: 25%;}
#tel_box .name span {font-size: 34.6%;margin-top: 10%;} 
#tel_box .pink_txt {font-size: 68.5%;margin:0 0 0%; line-height:1.4;}
#tel_box .green_txt {font-size: 75%;margin:0 0 0%; line-height:1.4;}
#tel_box .txt_box {left: 43%;top: 10%;}
#tel_box .txt_box .tel {font-size: 125%;line-height: 1.2;margin:0 0 1%;}
#tel_box .txt_box .about {font-size: 10px;line-height: 1.2;}

}
@media screen and (max-width: 375px) {

#tel_box {padding-top: 28.5%;margin: 0px 0px 5%;}
#tel_box .name {font-size: 187.5%;left: 8%;top: 25%;}
#tel_box .name span {font-size: 34.6%;margin-top: 10%;}
#tel_box .pink_txt {font-size: 68.5%;margin:0 0 0%; line-height:1.4;}
#tel_box .green_txt {font-size: 75%;margin:0 0 0%; line-height:1.4;}
#tel_box .txt_box {left: 43%;top: 9%;}
#tel_box .txt_box .tel {font-size: 112.5%;line-height: 1.2;margin:0 0 1%;}
#tel_box .txt_box .about {font-size: 9px;line-height: 1.2;}


}

@media screen and (max-width: 360px) {

#tel_box {padding-top: 28.5%;margin: 0px 0px 5%;}
#tel_box .name {font-size: 187.5%;left: 8%;top: 25%;}
#tel_box .name span {font-size: 34.6%;margin-top: 10%;}
#tel_box .pink_txt {font-size: 68.5%;margin:0 0 0%; line-height:1.4;}
#tel_box .green_txt {font-size: 75%;margin:0 0 0%; line-height:1.4;}
#tel_box .txt_box {left: 43%;top: 9%;}
#tel_box .txt_box .tel {font-size: 112.5%;line-height: 1.2;margin:0 0 1%;}
#tel_box .txt_box .about {font-size: 9px;line-height: 1.2;}

.mailform .address li a{display: block;}
	

}
@media screen and (max-width: 375px) {

#tel_box {padding-top: 28.5%;margin: 0px 0px 5%;}
#tel_box .name {font-size: 150%;left: 8%;top: 25%;}
#tel_box .name span {font-size: 34.6%;margin-top: 10%;}
#tel_box .pink_txt {font-size: 10px;margin:0 0 0%; line-height:1.4;}
#tel_box .green_txt {font-size: 10px;margin:0 0 0%; line-height:1.4;}
#tel_box .txt_box {left: 43%;top: 8%;}
#tel_box .txt_box .tel {font-size: 87.5%;line-height: 1.2;margin:0 0 1%;}
#tel_box .txt_box .about {font-size: 9px;line-height: 1.2;}


}