@charset "utf-8";
/* CSS Document */

#contact_contents .contact_td p{word-break:break-all;}

@media (min-width: 641px) {

/*-------------------------------------
お問合せフォーム*/
#contact_contents{
width: 1000px;
margin: 0px auto;
}

#contact_contents .contact_txt_block{
	padding: 20px 0px;
	border-bottom: #f2f2f2 2px solid;
}
#contact_contents .tel_box{
	width: 100%;
	height: 50px;
	margin: 20px 0px;
	background: url(../images/header_icon_tel.png) no-repeat bottom left;
}
#contact_contents .tel_box p{
	display: inline-block;
	line-height: 1;
	margin-left: 65px;
	padding-top: 5px;
	font-size: 2.3em;
	font-weight: bold;
	box-sizing: border-box;
}
#contact_contents .tel_box span{
	display: inline-block;
	margin-left: 10px;
}
#contact_contents .tel_box a[href^="tel:"] {cursor: default; color: #000; text-decoration: none;}

#contact_contents .mailform_block{
	padding: 20px 0px;
	border-bottom: #f2f2f2 2px solid;
}
#contact_contents .contact_th{
	width: 25%;
	text-align: left;
	background: #14af87;
	border-left: #0f6047 5px solid;
	color: #FFF;
	padding: 20px 10px 20px 10px;
}
#contact_contents .contact_td{
	width: 75%;
	padding: 10px 10px 10px 10px;
	word-wrap: break-word;
}
#contact_contents .contact_td input{
	width: 90%;
	padding: 8px;
	border: 1px #ccc solid;
	font-size: 1em;
}
#contact_contents .contact_td textarea{
	width: 90%;
	padding: 8px;
	height: 100px;
	border: 1px #ccc solid;
	font-size: 1em;
}
#contact_contents .contact_td input:hover,
#contact_contents .contact_td textarea:hover{
	background: #fff9d7;
}
#contact_contents .contact_btn01{
	padding: 20px 0px 40px 0px;
	width: 240px;
	margin: 0px auto;
}
.submit_button{
	width: 240px;
	border: #0f6047 1px solid;
	border-radius: 8px;
	background: #fff url(../images/point08.png) no-repeat 210px 23px;
	color: #0f6047;
	padding: 20px 0px;
	font-size: 1em;
	font-weight: bold;
}
.submit_button:hover{
	background: #dcf9f0 url(../images/point08.png) no-repeat 210px 23px;
	cursor: pointer;
}

.submit_button_send{
	width: 240px;
	border-radius: 8px;
	background:#dc143c;
	color: #fff;
	padding: 20px 0px;
	font-size: 1em;
	font-weight: bold;
	border:none;
}
.submit_button_send:hover{
	background:#ffd700;
	color: #333;
	cursor: pointer;
}



#contact_contents .error{
	background: #ffe1e1;
}
#contact_contents .error input,
#contact_contents .error textarea{
	border: #ff0000 2px solid;
}
#contact_contents .error p{ padding-bottom: 5px; color: #ff0000; font-weight: bold; font-size: 0.9em}

#contact_contents .mailform_message{padding-bottom: 20px;}

#contact_contents .mailform_message_comp{padding: 20px 0px; }

.return_button a:link,
.return_button a:visited{
	display: block;
	width: 240px;
	height: 70px;
	border: #0f6047 1px solid;
	border-radius: 8px;
	background: #fff url(../images/point08.png) no-repeat 210px 26px;
	color: #0f6047;
	padding: 20px 0px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	box-sizing: border-box;
}
.return_button a:hover,
.return_button a:active{
	background: #dcf9f0 url(../images/point08.png) no-repeat 210px 26px;
	cursor: pointer;
}

}


@media (max-width: 640px) {
/*-------------------------------------
お問合せフォーム*/

#contact_contents{width: 100%;}
#contact_contents .contact_txt_block{
	padding: 20px 0px;
	border-bottom: #f2f2f2 2px solid;
}
#contact_contents .tel_box{
	width: 100%;
	margin: 20px 0px;
	background: url(../images/header_icon_tel.png) no-repeat center left;
	background-size: 12%;
}
#contact_contents .tel_box p{
	display: block;
	line-height: 1;
	margin-left: 85px;
	font-size: 2.3em;
	font-weight: bold;
	box-sizing: border-box;
}
#contact_contents .tel_box span{display: block; margin-left: 85px;}
#contact_contents .tel_box a[href^="tel:"] {cursor: default; color: #000; text-decoration: none;}

#contact_contents .mailform_block{
	padding: 20px 0px;
	border-bottom: #f2f2f2 2px solid;
}
#contact_contents .contact_th{
	width: 30%;
	text-align: left;
	background: #14af87;
	border-left: #0f6047 5px solid;
	color: #FFF;
	padding: 20px 10px 20px 10px;
}
#contact_contents .contact_td{
	width: 70%;
	padding: 10px 10px 10px 10px;
	word-wrap: break-word;
}
#contact_contents .contact_td input{
	width: 90%;
	padding: 8px;
	border: 1px #ccc solid;
	font-size: 1em;
}
#contact_contents .contact_td textarea{
	width: 90%;
	padding: 8px;
	height: 100px;
	border: 1px #ccc solid;
	font-size: 1em;
}
#contact_contents .contact_td input:hover,
#contact_contents .contact_td textarea:hover{
	background: #fff9d7;
}
#contact_contents .contact_btn01{
	padding: 20px 0px 40px 0px;
	width: 240px;
	margin: 0px auto;
}
.submit_button{
	width: 240px;
	border: #0f6047 1px solid;
	border-radius: 8px;
	background: #fff url(../images/point08.png) no-repeat 210px 23px;
	color: #0f6047;
	padding: 20px 0px;
	font-size: 1em;
	font-weight: bold;
}
.submit_button:hover{
	background: #dcf9f0 url(../images/point08.png) no-repeat 210px 23px;
	cursor: pointer;
}

#contact_contents .error{
	background: #ffe1e1;
}
#contact_contents .error input,
#contact_contents .error textarea{
	border: #ff0000 2px solid;
}
#contact_contents .error p{ padding-bottom: 5px; color: #ff0000; font-weight: bold; font-size: 0.9em}

#contact_contents .mailform_message{padding-bottom: 20px;}

.return_button a:link,
.return_button a:visited{
	display: block;
	width: 240px;
	height: 70px;
	border: #0f6047 1px solid;
	border-radius: 8px;
	background: #fff url(../images/point08.png) no-repeat 210px 26px;
	color: #0f6047;
	padding: 20px 0px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none !important;
	box-sizing: border-box;
}
.return_button a:hover,
.return_button a:active{
	background: #dcf9f0 url(../images/point08.png) no-repeat 210px 26px;
	cursor: pointer;
}

}