@charset "UTF-8";
/* CSS Document */


/*----------------------mv*/
#mv .mvInr {
	background: url(../images/mv01.jpg) center bottom no-repeat;
	background-size: cover;
}

/*----------------------story*/
.story h2 {
	font-size: 250%;
	text-align: center;
}
.story p {
	max-width: 800px;
	width: 96%;
	margin: 0 auto;
}


/*----------------------menu*/
.menu {
	position: relative;
}
.menu::before {
	content: "";
	background: url(/lib/cmn_img/img_mark01.png) center center no-repeat;
	background-size: cover;
	width: 400px;
	height: 400px;
	position: absolute;
	top: -250px;
	left: -50px;
	z-index: 0;
}
.menu .scInrW {
	position: relative;
	z-index: 1;
}
.menu #tabnavi ul li {
	display: inline-block;
}
.menu #tabnavi ul li a {
	display: block;
	padding: 15px 30px;
	text-align: center;
	color: #444;
	border-top: #ddd 1px solid;
	border-left: #ddd 1px solid;
	border-right: #ddd 1px solid;
	font-size: 130%;
	background: #fff;
}
.menu #tabnavi ul li a:hover {
	color: #fff;
	background: #c2a757;
}
.menu #tabnavi ul li a.active {
	color: #fff;
	background: #c2a757;
}
.menu #tabcontent {
	background: #fff;
	padding: 50px;
	border: #ddd 1px solid;
	text-align: center;
}
.menu #tabcontent p.menuImg {
	display: inline-block;
}
.menu #tabcontent p.menuImg img {
	max-height: 720px;
	height: 100%;
	width: auto;
}

.menu .tabcontent {
	background: #fff;
    padding: 50px;
    border: #ddd 1px solid;
    text-align: center;
}

@media only screen and (max-width: 1300px) {
	.menu #tabcontent p.menuImg img {
	max-height: 580px;
	}
}

@media only screen and (max-width: 1100px) {
	.menu #tabcontent p.menuImg img {
	max-height: 400px;
	}
}


/*SP*/
@media only screen and (max-width: 800px) {

/*----------------------quality*/
.menu::before {
	width: 220px;
	height: 220px;
	position: absolute;
	top: -90px;
	left: -30px;
}
.menu #tabnavi ul li a {
	padding: 8px 10px;
	font-size: 110% !important;
}
.menu #tabcontent {
	background: #fff;
	padding: 10px 3%;
	border: #ddd 1px solid;
	text-align: center;
}
.menu #tabcontent p.menuImg img {
max-height: 280px;
}


}
/*/*/

@media only screen and (max-width: 550px) {
.menu #tabcontent p.menuImg img {
max-height: 180px;
}
}