.head {
	position: absolute;
	background-color: #fff;
	z-index: 1000;
	padding:30px 40px;
	width: 100%;
	box-sizing: border-box;
}
.logo {
	float: left;
	max-width: 340px;
}
.logo h2 {
	font-size: 94%;
	text-align: right;
	padding-top: 5px;
}
.gmenu {
	width: 640px;
	float: right;
}
.acmenu {
	float: right;
	width: 100px;
}
.acmenu h6 {
	padding-top: 3px;
	padding-bottom: 3px;
}
.acmenu h6 a {
	color:#543618;
	font-size: 120%;
	background:linear-gradient(transparent 75%, #FFE200 0%);
	line-height: 1.5;
	padding-top: 2px;
	padding-bottom: 2px;
	-webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      opacity: 1;
}
.acmenu h6 a:hover {
	opacity: 0.5;
}
.acmenu h6 a img {
	width: 20px;
}

.gmenu ul {
	width: 530px;
	float: left;
	background-image: url("../img/line.gif");
	background-repeat: no-repeat;
	background-position: left;
}
.gmenu ul li {
	float: left;
	padding: 10px 15px;
	background-image: url("../img/line.gif");
	background-repeat: no-repeat;
	background-position: right;
}
.gmenu ul li a {
	display: block;
	color:#543618;
	font-size: 130%;
	text-align: center;
	box-sizing: border-box;
	line-height: 1.5;
	-webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      opacity: 1;
}
.gmenu ul li a:hover {
	opacity: 0.5;
}
.gmenu ul li a span {
	font-size: 40%;
	color:#BE9E64;
}


.mainimage {
	padding-top: 100px;
}

.req-imgbox {
	box-sizing:border-box;
	width:70%;
	float: left;
}

.req-imgbox li {
	background-size:cover;
	background-position:center;
	height:75vh;
}
.sl01 {
	background-image: url("../img/01.jpg");
}
.sl02 {
	background-image: url("../img/02.jpg");
}
.sl03 {
	background-image: url("../img/03.jpg");
}
.sl04 {
	background-image: url("../img/04.jpg");
}


.cati {
	width: 30%;
	box-sizing: border-box;
	padding: 10% 3% 3% 3%;
	float: right;
}
.cati h2 {
	font-size: 100%;
	background:linear-gradient(transparent 75%, #FFE200 0%);
	line-height: 1.5;
	font-weight: bold;
	display: inline;
	padding-bottom: 1px;
}
.cati h2 span {
	font-size: 180%;
}
.cati h3 a {
	color:#543618;
	font-size: 180%;
	letter-spacing: 0.1em;
	line-height: 1.5
}
.cati h4 {
	color:#BE9E64;
	font-size: 200%;
	line-height: 1.5;
	font-weight: bold;
	padding-top: 60px;
}


.t-menu {
	width: 100%;
	position: fixed;
	box-sizing: border-box;
	padding: 2%;
	background-color: #F4F1EC;
	z-index: 999;
}
.t-menu ul {
	text-align: center;
}
.t-menu ul li {
	display: inline;
	padding-left: 10px;
	padding-right: 10px;
}

.t-menu ul li a {
	font-size: 100%;
	-webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      -ms-transition: all 0.5s;
      -o-transition: all 0.5s;
      transition: all 0.5s;
      opacity: 1;
}
.t-menu ul li a:hover {
	opacity: 0.5;
}

.sphead {
	display: none;
}


@media screen and ( max-width:800px )
{
.sphead {
	display: block;
}
.head .menu {
	display: none;
}
.head {
	position: inherit;
	height: auto;
	padding:10px 5%;
}

.logo {
	float: left;
	max-width: 260px;
}
.logo h2 {
	font-size: 84%;
	text-align:  left;
}

.req-imgbox {
	box-sizing:border-box;
	width:100%;
	padding-top: 0px;
	float: none;
}
.req-imgbox li {
	background-size:cover;
	background-position:center;
	height:200px;
}
	
	
	.t-menu {
		display: none;
	}
	.gmenu {
		display: none;
	}
	
.cati {
	width: 100%;
	box-sizing: border-box;
	padding: 5%;
	float: none;
	text-align: center;
}
.cati h4 {
	font-size: 160%;
	padding-top: 10px;
}
	
.mainimage {
	padding-top:0px;
}
	
	
	.sp-tel {
		text-align: center;
		padding-top: 20px;
		padding-bottom: 5px;
		border-top:1px dotted#707070;
	}

	.sp-tel h5 a {
		color: #007A3C;
		font-size: 130%;
	}
	.sp-tel h5 span {
		color:#543618;
	}
	.gengo {
		text-align: center;
		font-size: 160%;
	}

}


@media print { 

}