body {
	font:16px/1.6 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	-webkit-text-size-adjust: 100%;
	min-width: 1040px;
}
*,
*::before,
*::after {
	box-sizing: border-box;
}
.clearfix { zoom:1; }
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
img {
	vertical-align:bottom;
}

.label.label-news {
	background: #41619b;
}
.label.label-product {
	background: #ca5637;
}

.pc {
	display: block;
}
.sp {
	display: none;
}
@media screen and (max-width: 640px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}
#header {
	position: relative;
	background: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .4);
}
	#header .header_inner {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	#header .header_top {
		background: #008d4c;
	}
		#header .header_top p {
			width: 100%;
			max-width: 1040px;
			margin: 0 auto;
			padding: 8px 20px;
			font-size: 14px;
			color: #fff;
			line-height: 1;
		}
	#header .header_bottom {
	}
		#header .header_bottom .box {
			width: 100%;
			max-width: 1040px;
			margin: 0 auto;
			padding: 20px;
		}
			#header .header_bottom .box .box-logo {
				float: left;
				width: 175px;
				padding-top: 20px;
			}
				#header .header_bottom .box .box-logo a {
					display: inline-block;
				}
			#header .header_bottom .box .nav {
				float: left;
			}
				#header .header_bottom .box .nav ul {
					display: table;
					table-layout: fixed;
				}
					#header .header_bottom .box .nav ul li {
						display: table-cell;
					}
						#header .header_bottom .box .nav ul li a {
							display: inline-block;
						}
			#header .header_bottom .box .box-contact {
				float: right;
				padding-top: 10px;
				text-align: center;
			}
				#header .header_bottom .box .box-contact p {
					padding: 5px 0;
					font-size: 13px;
					line-height: 1;
				}
				#header .header_bottom .box .box-contact a {
					display: inline-block;
				}

#contents {
}
	#contents .page-header {
		background: #f2f2f2;
	}
		#contents .page-header .page-header_inner {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
		}
		#contents .page-header .breadcrumb {
			float: right;
			font-size: 12px;
			padding: 20px 100px 0 0;
		}
			#contents .page-header .breadcrumb ul {
			}
				#contents .page-header .breadcrumb ul li {
					float: left;
					position: relative;
				}
				#contents .page-header .breadcrumb ul li::before {
					content: ">";
					margin: 0 5px;
				}
				#contents .page-header .breadcrumb ul li:nth-child(1)::before {
					content: "";
				}
					#contents .page-header .breadcrumb ul li a {
						font-size: 12px;
						color: #008d4c;
					}
			#contents .page-header h1 {
				padding-left: 100px;
			}

	#contents .section {
	}
		#contents .section .section_inner {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
		}
		#contents .section .layout {
			width: 100%;
			max-width: 1040px;
			margin: 0 auto;
			padding: 0 20px;
		}

	#contents .section-contact {
	padding-bottom: 90px;
	}
		#contents .section-contact .box {
			border: 7px solid #754c24;
			background: #fff;
			width: 100%;
			max-width: 820px;
			margin: 0 auto;
			padding: 15px 25px 25px;
		}
			#contents .section-contact .box h2 {
				text-align: center;
			}
			#contents .section-contact .box .box-contact {
				margin-top: 15px;
			}
				#contents .section-contact .box .box-contact .box_left {
					float: left;
				}
					#contents .section-contact .box .box-contact .box_left .time {
						margin-top: 5px;
						font-size: 15px;
						line-height: 1;
						text-align: center;
					}
				#contents .section-contact .box .box-contact .box_right {
					float: right;
				}
					#contents .section-contact .box .box-contact .box_right a {
						display: inline-block;
						margin-top: 10px;
					}

#gotop {
}
	#gotop .gotop_inner {
		position: relative;
		width: 100%;
		max-width: 1000px;
		margin: 0 auto;
	}
		#gotop .gotop_inner a {
			position: absolute;
			top: -58px;
			right: 0;
		}

#footer {
	padding-top: 78px;
}
	#footer .footer_layout::before {
		content: "";
		position: absolute;
		top: -78px;
		background: url(../../img/common/f_bg01.png) repeat-x top center;
		width: 100%;
		height: 78px;
	}
	#footer .footer_layout {
		position: relative;
		background: url(../../img/common/f_bg02.png) repeat top left;
		font-size: 14px;
		color: #fff;
	}
	#footer .footer_inner {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
	}
	#footer .box {
		position: relative;
		width: 100%;
		max-width: 1040px;
		margin: 0 auto;
		padding: 40px 20px 30px;
	}
		#footer .box .box_left {
			float: left;
		}
			#footer .box .box_left .box-profile {
				margin-top: 10px;
			}
				#footer .box .box_left .box-profile .box-profile_left {
					float: left;
				}
				#footer .box .box_left .box-profile .logo {
					margin-right: 30px;
				}
				#footer .box .box_left .box-profile .box-profile_right {
					float: left;
				}
				#footer .box .box_left .box-profile .tel {
					margin-top: 5px;
				}
				#footer .box .box_left .box-profile .tel a{
					color: #ffffff;
					text-decoration: none;
				}
		#footer .box .box_right {
			float: right;
			display: table;
			table-layout: fixed;
		}
			#footer .box .box_right ul {
				display: table-cell;
				padding: 40px 0 0 40px;
			}
				#footer .box .box_right ul li {
				}
					#footer .box .box_right ul li a::before {
						content: "";
						position: absolute;
						top: 50%;
						left: 0;
						margin-top: -5px;
						width: 5px;
						height: 9px;
						background: url(../../img/common/f_arr_off.png) no-repeat left center;
					}
					#footer .box .box_right ul li a {
						position: relative;
						padding-left: 15px;
						font-size: 14px;
						font-weight: bold;
						color: #fff;
						text-decoration: none;
					}
					#footer .box .box_right ul li a:hover::before {
						background: url(../../img/common/f_arr_on.png) no-repeat left center;
					}
					#footer .box .box_right ul li a:hover {
						text-decoration: underline;
					}
	#footer .copy {
		padding: 10px 100px;
		font-size: 10px;
		line-height: 1;
		text-align: right;
	}


@media screen and (min-width: 641px) {
	.hidden-pc {
		display: none;
	}
}

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

body {
	font-size: 12px;
	min-width: 320px;
}
.hidden-sp {
	display: none;
}
img {
	width: 100%;
	height: auto;
}

#header {
	height: 60px;
}
	#header .header_top {
		background: #fff;
	}
		#header .header_top p {
			padding: 6px 13px;
			font-size: 7px;
			color: #333;
		}
		#header .header_bottom .box {
			padding: 0 13px;
		}
			#header .header_bottom .box .box-logo {
				width: auto;
				padding-top: 0;
			}
				#header .header_bottom .box .box-logo img {
					max-width: 209px;
				}
			#header .header_bottom .box .sp-nav {
				position: absolute;
				top: 0;
				right: 0;
				z-index: 99999;
			}
				#header .header_bottom .box .sp-nav .btn-menu {
					text-align: right;
				}
					#header .header_bottom .box .sp-nav .btn-menu img {
						max-width: 60px;
					}
				#header .header_bottom .box .sp-nav ul {
					display: none;
				}
					#header .header_bottom .box .sp-nav ul li {
						border-bottom: 1px solid #fff;
					}

		#contents .page-header .breadcrumb {
			display: none;
		}
			#contents .page-header h1 {
				padding: 0;
			}
		#contents .section .layout {
			padding: 0;
		}

  #contents .section-contact {
    padding: 18px 0;
  }
		#contents .section-contact .section_inner {
			padding: 0 4%;
		}
		#contents .section-contact .box {
			border: 3px solid #754c24;
			padding: 10px 5px 13px;
		}
			#contents .section-contact .box .box-contact h2 img {
				max-width: 273px;
			}
			#contents .section-contact .box .box-contact {
				margin-top: 10px;
			}
				#contents .section-contact .box .box-contact .box_left {
					float: none;
				}
					#contents .section-contact .box .box-contact .box_left .tel {
						text-align: center;
					}
						#contents .section-contact .box .box-contact .box_left .tel img {
							max-width: 244px;
						}
					#contents .section-contact .box .box-contact .box_left .time {
						font-size: 11px;
					}
				#contents .section-contact .box .box-contact .box_right {
					float: none;
					padding: 0 8px;
				}

	#gotop .gotop_inner {
		text-align: right;
		padding: 0 4%;
	}
		#gotop .gotop_inner a {
			position: relative;
			top: 0;
			right: 0;
		}
			#gotop .gotop_inner a img {
				max-width: 53px;
			}

#footer {
	padding-top: 19%;
}
	#footer .footer_layout::before {
		top: 0;
		background: url(../../img/common/sp/f_bg01.png) no-repeat top center;
		background-size: 100%;
		width: 100%;
		margin-top: -19%;
		padding-top: 19%;
	}
	#footer .footer_layout {
		font-size: 12px;
	}
	#footer .box {
		padding: 30px 4% 40px;
	}
		#footer .box .box_left {
			float: none;
		}
			#footer .box .box_left .box-profile {
				margin-top: 10px;
			}
				#footer .box .box_left .box-profile .box-profile_left {
					float: none;
				}
				#footer .box .box_left .box-profile .logo {
					margin-right: 0;
				}
					#footer .box .box_left .box-profile .logo img {
						max-width: 206px;
					}
				#footer .box .box_left .box-profile .box-profile_right {
					float: none;
					margin-top: 20px;
				}
				#footer .box .box_left .box-profile .tel {
					margin-top: 5px;
				}
		#footer .box .box_right {
			display: none;
		}
	#footer .copy {
		padding: 10px 4%;
		font-size: 8px;
	}

}

#btn-contact {
	border: none;
	background: none;
	cursor: pointer;
	outline: none;
	padding: 0;
}