@charset "utf-8";



/* ====================
header
==================== */

#Head_top {
	width: 100%;
	background-color: #fff;
}

#Head_top .head_top_inner {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.head_top_inner article{
	float: left;
	color: #8d7133;
}

.head_top_text {
	width: 50%;
}

.head_top_text p {
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 5px 0 5px 10px;
}

.head_nav {
	float: right;
	text-align: right;
	width: 50%;
	padding: 5px 0;
}

.head_nav a {
	text-decoration: none;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 0 10px 0 5px;
}

.head_nav a:hover {
	color: #ff8c00;
}

.head_nav a:before {
	content: ">";
	padding-right: 3px;
	font-weight: bold;
	color: #804012;
}


/*==========*/

header {
	width: 100%;
	background: linear-gradient(to right, #fff, #000);
}

#Head {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#Head article {
	float: left;
}

.head_logo {
	float: left;
	width: 25%;
}

.head_logo img {
	margin: 10px 0 0 20px;
	padding: 5px 0;
	width: 30%;
	vertical-align: bottom;
}

.head_about {
	float: right;
	width: 72%;
	padding: 10px 0;
}

.head_about .head_addr {
	color: #ddd;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
}

.head_about table {
	float: right;
	color: #ddd;
}

.head_about table td {
	padding: 0 5px;
	font-size: 14px;
	font-size: 1.4rem;
}

.head_about .head_tel {
	float: right;
	clear: both;
}

.head_about .head_tel br {
	display: none;
}


.head_about .head_tel p {
	color: #ff8c00;
	font-weight: bold;
	border: 1px solid #8d7133;
	border-radius: 7px;
	box-sizing: border-box;
	background: #fff;
	margin-top: 5px;
	padding: 5px 10px 5px 5px;
}

.head_about .head_tel .span05 {
	font-size: 13px;
	font-size: 1.3rem;
	padding: 0 10px 0 5px;
	color: #4169e1;
}

/*============== 768-979 ==============*/
@media screen and (min-width: 768px) and (max-width: 979px) {
#Head_top {
	width: 100%;
	background-color: #fff;
}

#Head_top .head_top_inner {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.head_top_inner article{
	float: left;
	color: #8d7133;
}

.head_top_text {
	width: 45%;
}

.head_top_text p {
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 5px 0 5px 10px;
}

.head_nav {
	float: right;
	text-align: right;
	width: 55%;
	padding: 5px 0;
}

.head_nav a {
	text-decoration: none;
	font-size: 13px;
	font-size: 1.3rem;
	padding: 0 10px 0 5px;
}

.head_nav a:hover {
	color: #ff8c00;
}

.head_nav a:before {
	content: ">";
	padding-right: 3px;
	font-weight: bold;
	color: #804012;
}



/*==========*/

header {
	width: 100%;
	background: linear-gradient(to right, #fff, #000);
}

#Head {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#Head article {
	float: left;
}

.head_logo {
	float: left;
	width: 25%;
}

.head_logo img {
	margin: 10px 0 0 20px;
	padding: 5px 0;
	width: 40%;
	vertical-align: bottom;
}

.head_about {
	float: right;
	width: 72%;
	padding: 10px 0;
}

.head_about .head_addr {
	color: #ddd;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
}

.head_about table {
	float: right;
	color: #ddd;
}

.head_about table td {
	padding: 0 5px;
	font-size: 14px;
	font-size: 1.4rem;
}

.head_about .head_tel {
	float: right;
	clear: both;
}

.head_about .head_tel p {
	color: #ff8c00;
	font-weight: bold;
	border: 1px solid #8d7133;
	border-radius: 7px;
	box-sizing: border-box;
	background: #fff;
	margin-top: 5px;
	padding: 5px 10px 5px 5px;
}

.head_about .head_tel .span05 {
	font-size: 13px;
	font-size: 1.3rem;
	padding: 0 10px 0 5px;
	color: #4169e1;
}
}
/*============== 480-767 ==============*/
@media screen and (min-width: 480px) and (max-width: 767px) {
#Head_top {
	width: 100%;
	background-color: #fff;
}

#Head_top .head_top_inner {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.head_top_inner article{
	float: left;
	color: #8d7133;
}

.head_top_text {
	width: 100%;
}

.head_top_text p {
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 5px 0;
}

.head_nav {
	display: none;
}





/*==========*/

header {
	width: 100%;
	background: linear-gradient(to right, #fff, #000);
}

#Head {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#Head article {
	float: left;
}

.head_logo {
	float: left;
	width: 30%;
}

.head_logo img {
	margin: 10px 0 0 20px;
	padding: 5px 0;
	width: 45%;
	vertical-align: bottom;
}

.head_about {
	float: right;
	width: 67%;
	padding: 10px 0;
	background: ;
}

.head_about .head_addr {
	color: #ddd;
	text-align: right;
	font-size: 14px;
	font-size: 1.4rem;
}

.head_about table {
	float: right;
	color: #ddd;
}

.head_about table td {
	padding: 0 5px;
	font-size: 14px;
	font-size: 1.4rem;
}

.head_about .head_tel {
	float: right;
	clear: both;
}

.head_about .head_tel br {
	display: none;
}

.head_about .head_tel p {
	color: #ff8c00;
	font-weight: bold;
	border: 1px solid #8d7133;
	border-radius: 7px;
	box-sizing: border-box;
	background: #fff;
	margin-top: 5px;
	padding: 5px 10px 5px 5px;
}

.head_about .head_tel .span05 {
	font-size: 13px;
	font-size: 1.3rem;
	padding: 0 10px 0 5px;
	color: #4169e1;
}
}
/*============== 320-479px ==============*/
@media screen and (min-width: 320px) and (max-width: 479px) {
#Head_top {
	width: 100%;
	background-color: #fff;
}

#Head_top .head_top_inner {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.head_top_inner article{
	float: left;
	color: #8d7133;
}

.head_top_text {
	width: 100%;
}

.head_top_text p {
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 5px 0;
}

.head_nav {
	display: none;
}


/*==========*/

header {
	width: 100%;
	background: linear-gradient(to right, #fff, #000);
}

#Head {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#Head article {
	float: left;
}

.head_logo {
	float: left;
	width: 40%;
}

.head_logo img {
	margin: 10px 0 0 10px;
	padding: 5px 0;
	width: 45%;
}

.head_about {
	float: right;
	width: 55%;
	padding: 10px 0;
}

.head_about .head_addr {
	display: none;
}

.head_about table {
	display: none;
}



.head_about .head_tel {
	float: right;
	clear: both;
}

.head_about .head_tel br {
	display: block;
}

.head_about .head_tel p {
	color: #ff8c00;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border: 1px solid #8d7133;
	border-radius: 7px;
	box-sizing: border-box;
	background: #fff;
	margin-top: 5px;
	padding: 5px;
}

.head_about .head_tel .span05 {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0;
	color: #4169e1;
}
}
/*============== 319px以下  ==============*/
@media screen and (max-width: 319px) {
#Head_top {
	width: 100%;
	background-color: #fff;
}

#Head_top .head_top_inner {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.head_top_inner article{
	float: left;
	color: #8d7133;
}

.head_top_text {
	width: 100%;
}

.head_top_text p {
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 5px 0;
}

.head_nav {
	display: none;
}



/*==========*/

header {
	width: 100%;
	background: linear-gradient(to right, #fff, #000);
}

#Head {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#Head article {
	float: left;
}

.head_logo {
	float: left;
	width: 40%;
}

.head_logo img {
	margin: 10px 0 0 10px;
	padding: 5px 0;
	width: 45%;
}

.head_about {
	float: right;
	width: 55%;
	padding: 10px 0;
}

.head_about .head_addr {
	display: none;
}

.head_about table {
	display: none;
}



.head_about .head_tel {
	float: right;
	clear: both;
}

.head_about .head_tel br {
	display: block;
}


.head_about .head_tel p {
	color: #ff8c00;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
	border: 1px solid #8d7133;
	border-radius: 7px;
	box-sizing: border-box;
	background: #fff;
	margin-top: 5px;
	padding: 5px;
}

.head_about .head_tel .span05 {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0;
	color: #4169e1;
}
}