@charset "utf-8";

/*----------common----------*/
body { 
	width: 100%;
	margin: 0 auto;
	padding-top: 70px;
	color: #4d4d4d;
	font-size: 14px;
	font-family: 'Noto Serif JP', serif;
	letter-spacing: 0.3px;
}
p,table {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

/*wrapper*/
.wrapper,
.wrapper02,
.wrapper03 {
	position: relative;
	z-index: 1;
	padding: 0 10px;
	margin: 0 auto;
}
.wrapper {
	width: 1100px;
}
.wrapper02 {
	width: 1300px;
}
.wrapper03 {
	width: 820px;
}
@media (max-width: 767px) {
	.wrapper,
	.wrapper02,
	.wrapper03 {
		width: 100%
	}
}

/*main_visual*/
#main_visual {
	width: 100%;
	height: 400px;
	position: relative;
	overflow: hidden;
}
#main_visual .mv_txt {
	display: flex;
	align-items: center;
	justify-content: center;
	width:	100%;
	height: 100%;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	margin: auto;
	z-index: 998;
	color: #543520;
	font-size: 50px;
	font-weight: bold;
	letter-spacing: 3px;
	text-shadow: 0 0 50px #fff4e8;
}
@media (max-width: 767px) {
	#main_visual {
		height: 200px;
	}
	#main_visual .mv_txt img {
		width: 125%;
	}
}

/*btn*/
.btn {
	display: inline-block;
	background-color: #796641;
	color: #fff;
	text-decoration: none;
	transition: all 0.3s ease;
}
.btn:hover {
	background-color: rgba(121, 102, 65, 0.8);
}
@media (max-width: 767px) {
}


/*container*/
#container {
	overflow: hidden;
}


/*----------header----------*/
#header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	background-color: #fff;
}
.h_inner {
	width: 100%;
	height: 70px;
	display: flex;
	align-items: center;
}
.h_logo {
	padding: 10px;
}
.h_logo img {
	width: 200px;
}
.header_r {
	margin-left: auto;
}
.header_r .gnavi {
	display: flex;
}
.header_r a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	padding: 0 30px;
	color: #53341f;
	font-size: 15px;
	text-decoration: none;
	transition: all 0.3s ease;
}
.header_r a.active,
.header_r a:hover {
	background-color: #eee;
}
.header_r .contact {
	background-color: #b9ab3c;
}
.header_r .contact a {
	color: #fff;
}
.header_r .contact a img:first-child {
	margin-right: 15px;
}
.header_r .contact a img:last-child {
	margin-left: 15px;
}
.header_r .contact a:hover {
	background-color: #ada038;
}
@media (max-width: 767px) {
	.header_r .gnavi {
		display: block;
		position: absolute;
		top: 70px;
		left: 100%;
		width: 100%;
		border-top: 1px solid #756b5c;
		opacity: 0;
		transition: all 0.3s ease;
	}
	.header_r .gnavi.active {
		left: 0;
		opacity: 1;
	}
	.header_r li {
		background-color: #fff
	}
	.header_r a {
		height: 50px;
		padding: 0 10px;
		/*font-size: 15px;*/
	}
	.header_r .contact a span {
		flex-shrink: 0;
	}
	.header_r .contact a img:first-child {
		margin-right: 15px;
	}
	.header_r .contact a img:last-child {
		margin-left: 15px;
	}
	.header_r .contact a:hover {
		background-color: #ada038;
	}
}

/* gnavi_btn(sp only) */
.gnavi_btn {
  /*display: flex;*/
  align-items: center;
  transition: all 0.4s ease;
  margin: 0 10px 0 auto;
  padding: 10px;
}
.gnavi_btn.open {
  background: rgba(0, 0, 0, 0);
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all 0.4s ease;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 38px;
  height: 24px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #53341f;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 11px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}
.gnavi_btn.open .menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(11px) rotate(-45deg);
  transform: translateY(11px) rotate(-45deg);
}
.gnavi_btn.open .menu-trigger span:nth-of-type(2) {
  opacity: 0;
}
.gnavi_btn.open .menu-trigger span:nth-of-type(3) {
  -webkit-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg);
}


/*----------footer----------*/
#footer {
	background-color: #645846;
	text-align: center;
}
#footer .footer-in {
	padding-top: 50px;
}
#footer .contacts {
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 35px;
}
#footer .tel {
	margin-right: 25px;
	color: #fff;
	font-size: 18px;
}
#footer .tel a {
	margin: 0 5px;
	color: #fff;
	font-size: 26px;
	letter-spacing: 2px;
	text-decoration: none;
}
#footer .contact {
}
#footer .contact a {
	display: inline-block;
	height: 50px;
	padding: 0 20px;
	background-color: #b9ab3c;
	color: #fff;
	font-size: 15px;
	line-height: 50px;
	text-decoration: none;
}
#footer .contact img {
	margin-top: -4px;
}
#footer .contact img:first-child {
	margin-right: 20px;
}
#footer .contact img:last-child {
	margin-left: 20px;
}
#footer ul {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 34px;
}
#footer li {
	border-top: 1px solid #756b5c;
	padding: 25px 20px 50px;
}
#footer li a {
	color: #fff;
	font-size: 12px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	text-decoration: none;
}
#copyright {
	background-color: #8b7f6c;
	color: #fff;
	font-size: 10px;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
@media (max-width: 767px) {
	#footer {
		/*background-color: #645846;*/
		/*text-align: center;*/
	}
	#footer .footer-in {
		/*padding-top: 50px;*/
	}
	#footer .contacts {
		display: block;
		/*justify-content: center;*/
		/*align-items: center;*/
		/*padding-top: 35px;*/
	}
	#footer .tel {
		margin-right: 0;
		/*color: #fff;*/
		/*font-size: 18px;*/
	}
	#footer .tel a {
		/*margin: 0 5px;*/
		/*color: #fff;*/
		/*font-size: 26px;*/
		/*letter-spacing: 2px;*/
		/*text-decoration: none;*/
	}
	#footer .contact {
		margin-top: 20px;
	}
	#footer .contact a {
		/*display: inline-block;*/
		/*height: 50px;*/
		/*padding: 0 20px;*/
		/*background-color: #b9ab3c;*/
		/*color: #fff;*/
		/*font-size: 15px;*/
		/*line-height: 50px;*/
		/*text-decoration: none;*/
	}
	#footer .contact img {
		/*margin-top: -4px;*/
	}
	#footer .contact img:first-child {
		/*margin-right: 20px;*/
	}
	#footer .contact img:last-child {
		/*margin-left: 20px;*/
	}
	#footer ul {
		/*display: flex;*/
		/*justify-content: center;*/
		/*align-items: center;*/
		flex-wrap: wrap;
		/*margin-top: 34px;*/
		border-top: 1px solid #756b5c;
	}
	#footer li {
		border-top: none;
		padding: 10px;
	}
	#footer li a {
		/*color: #fff;*/
		/*font-size: 12px;*/
		/*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;*/
		/*text-decoration: none;*/
	}
	#copyright {
		/*background-color: #8b7f6c;*/
		/*color: #fff;*/
		/*font-size: 10px;*/
		/*height: 30px;*/
		/*line-height: 30px;*/
		/*text-align: center;*/
	}
}