@charset "utf-8";
 @import url('library.css');
body {
	width: 100%;
	margin: 0;
	float: left;
	font-size: 62.5%;
	color: #555;
	border-top: 7px solid #564B3B;
	font-family: 'Meiryo', sans-serif;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
}
#bg-header, #bg-content, #bg-footer {
	width: 100%;
	float: left;
}
#header, #content, #footer {
	width: 100%;
	float: left;
}
.rows {
	width: 100%;
	float: left;
}
.rows-mini {
	width: 100%;
	max-width: 980px;
	margin: 0 auto;
}
.txt-head {
	padding: 12px 0px 23px 0px;
	box-sizing: border-box;
	font-size: 1.2em;
}
.logo-tel {
	width: 100%;
	float: left;
}
.logo, .tel {
	width: 50%;
	float: left;
}
.tel {
	font-size: 2.5em;
	text-align: right;
}
.show-sp {
	display: none;
}
.show-tb {
	display: none;
}
.menu-slide {
	width: 100%;
	float: left;
	margin-top: 30px;
	height: 350px;
}
.menu {
	width: 34%;
	float: left;
}
.menu-sp {
	width: 100%;
	float: left;
}
a.menu-item {
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #fff;
	box-sizing: border-box;
	background: #564B3B;
	line-height: 33px;
	float: left;
	text-decoration: none;
	font-size: 1.8em;
	color: #fff;
	padding: 20px 20px 0px 30px;
	font-family: 'Meiryo', sans-serif;
}
a.acitve, a.menu-item:hover {
	background: #008080;
}
.ico-menu {
	cursor: pointer;
}
.slide {
	width: 66%;
	float: left;
	position: relative;
	text-align: center;
	overflow:hidden;
}
.slide img {
	width: 100%;
	float:left;text-align:right !important;
	
}
.txt-slide {
	width: 100%;
	position: absolute;
	float: left;
	z-index: 999;
	-webkit-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-moz-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-o-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	-ms-text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
	text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;
}
.txt-slide1 {
	font-size: 3em;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 160%;
	margin-top: 15%;
}
.txt-slide2 {
	font-size: 2em;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 140%;
	margin-top: 4%;
	font-style:italic;
}
.content {
	margin-top: 30px;
}
.title-h2 {
	width: 100%;
	float: left;
	font-size: 2.5em;
	border-bottom: 3px solid #564B3B;
	padding: 0px 0px 7px 0px;
	box-sizing: border-box;
}
.col-left {
	width: 76%;
	float: left;
	padding-right: 30px;
	box-sizing: border-box;
}
.col-right {
	width: 24%;
	float: left;
}
.col-right img {
	width: 100%;
}
.right1 {width:100%;float:left;}
.right2 {width:100%;float:left;margin-top:10px;}

iframe {
	width: 100% !important;
	height: 420px;
}

.img-link {width:100%;float:left;margin-top:30px;}
.img-item {width:25%;float:left;padding:1%;box-sizing:border-box;position:relative;}
.img-item img {width:100%;}
a.bxbx {width:100%;float:left;position:relative;}
.txt-img {position:absolute;bottom:0;padding:2% 2% 7% 2%;box-sizing:border-box;font-size:1.4em;width:100%;float:left;text-align:center;color:#fff;text-shadow:1px 1px 3px #666666;font-family: 'Meiryo', sans-serif;}

.hvi {width:94%;height:93%;border:1px solid #564B3B;position:absolute;opacity:0;margin:3%;z-index:99;box-sizing:border-box;}
.hvi:hover {opacity:1;}


#bg-footer {width:100%;height:auto;min-height:50px;padding:20px;box-sizing:border-box;margin-top:80px;background:#564B3B;position:relative;}
.footer {width:100%;float:left;font-size:1.2em;color:#fff;}

.pagetop  {position:absolute;right:0;bottom:0;}



 @media screen and (max-width: 1366px) {
}
 @media screen and (max-width: 980px) {
.slide img {
	width: 100%;
}
}
 @media screen and (max-width: 890px) {
}
 @media screen and (max-width: 768px) {
	 #bg-header, #bg-content {
	padding: 0% 2% 0% 2%;
	box-sizing: border-box;
}
a.menu-item {
	padding: 20px 20px 0px 20px;
}
.txt-slide1 {
	font-size: 3em;
	margin-top: 20%;
}
.txt-slide2 {
	font-size: 1.8em;
	margin-top: 6%;
}
.col-left {width:100%;padding-right:0;}
.col-right {width:100%;}
.right1 {width:50%;margin-top:0;padding:4% 4% 4% 12%;box-sizing:border-box;}
.right2 {width:50%;margin-top:0;padding:4% 12% 4% 4%;box-sizing:border-box;}
.hide-tb {
	display: none;
}
.show-tb {
	display: inline-block;
}

}
 @media screen and (max-width: 640px) {
#bg-header, #bg-content {
	padding: 0% 2% 0% 2%;
	box-sizing: border-box;
}
.txt-head {
	font-size: 2em;
	text-align: center;
	padding: 20px 30px 30px 52px;
}
.logo, .tel {
	text-align: center !important;
	width: 100%;
}
.show-sp {
	display: inline-block;
}
.show-sp2 {
	display: inline-block;
}
.hide-sp {
	display: none;
}

.menu-slide {
	height: auto;
}
.menu {
	width: 100%;
}
.slide {
	width: 100%;
	overflow:hidden;
}

.title-h2 {
	
	font-size: 3em;
	text-align:center;
	border-bottom: 3px solid #564B3B;
}
.right1 {padding:4%;}
.right2 {padding:4%;}
.footer {font-size:1.8em;line-height:160%;}
.pagetop {width:92%;float:left;text-align:center;padding:0% 0% 2% 0%; box-sizing:border-box;border-bottom:1px solid #fff;background:#564B3B;margin:0% 4% 4% 4%;position:relative;}
}