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



/*----------------------------------------------------
	☆mv
----------------------------------------------------*/





.topMv h2 img {
	height: auto;
	width: 100%;
}
.topMv .slide {
	height: 90vh;
	position: relative;
}
.topMv .slide h2 {
	position: absolute;
	top: 22%;
	left: 57%;
	max-width: 450px;
}
/*----------------------------------------------------
	☆concept
----------------------------------------------------*/
.concept {
	background: url(/images/concept_bg.jpg) center top no-repeat;
	background-size: auto auto;
	background-size: cover;
	text-align: center;
	padding: 180px 0 100px;
}
.concept .text {
	line-height: 2.5;
	font-size: 1.6rem;
}
.conceptCopy {
	display: block;
	font-family: 'Damion', cursive;
	font-size: 2.8rem;
}
/*----------------------------------------------------
	☆company
----------------------------------------------------*/


.campany {
	padding: 120px 0 100px;
}
.campany ul {
	overflow: hidden;
	padding: 0 5px 5px 0;
}
.campany li {
	text-align: center;
	background: url(/lib/cmn_img/campany_bg.jpg);
	background-size: auto auto;
	background-size: cover;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
	float: left;
	padding: 0 2%;
	width: 30%;
	margin-right: 5%;
}
.campany li:last-child {
	margin-right: 0%;
}
.campany h3 {
	padding-top: 30px;
}
.campany li img {
	max-width: 100%;
}
.campany a {
	color: #8c6239;
	display: block;
	padding: 30px 0 35px;
}
/*----------------------------------------------------
	☆quality
----------------------------------------------------*/
.quality {
	color: #ffffff;
}
.contentBox {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.contentBox:before {
	content: "";
	background: url(/images/quality_bgL.jpg);
	width: 1200px;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
.contentBox:after {
	content: "";
	background: url(/images/quality_bgR.jpg);
	width: 1000px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}
.textBox {
	background: url(/images/quality_bg.jpg);
	background-size: auto auto;
	background-size: cover;
	padding: 158px 0 170px;
	position: relative;
	z-index: 2;
	position: relative;
}
.textBox .text {
	line-height: 2.5;
	font-size: 1.6rem;
}
/*----------------------------------------------------
	☆our restaurant
----------------------------------------------------*/
.ourRestaurant .scInr {
	overflow: hidden;
	padding-top: 60px;
}
.ourRestaurant li {
	float: left;
	width: 30%;
	margin-right: 5%;
	padding-bottom: 40px;
	text-align: center;
}
.ourRestaurant li:last-child {
	margin-right: 0%;
}
.ourRestaurant li .titleArea {
	letter-spacing: 0rem;
	color: #0b674b;
	font-style: italic;
	font-size: 2.0rem;
	font-weight: normal;
}
.ourRestaurant li .title01 {
	position: relative;
}
.ourRestaurant li .title01:before {
	content: "";
	background: url(/lib/cmn_img/ourRestaurant_ttl01.png);
	width: 80px;
	height: 54px;
	position: absolute;
	top: -45px;
	left: 39px;
	transform: translateX(-50%);
}
.ourRestaurant li .title02 {
	position: relative;
}
.ourRestaurant li .title02:before {
	content: "";
	background: url(/lib/cmn_img/ourRestaurant_ttl02.png);
	width: 80px;
	height: 54px;
	position: absolute;
	top: -45px;
	left: 30px;
	transform: translateX(-50%);
}
.ourRestaurant li .title03 {
	position: relative;
}
.ourRestaurant li .title03:before {
	content: "";
	background: url(/lib/cmn_img/ourRestaurant_ttl03.png);
	width: 80px;
	height: 54px;
	position: absolute;
	top: -45px;
	left: 62px;
	transform: translateX(-50%);
}
.ourRestaurant .summaryArea {
	text-align: left;
	line-height: 1.6;
	font-size: 1.6rem;
}
/*----------------------------------------------------
	☆restaurantMenu
----------------------------------------------------*/

.menuImg {
	position: relative;
}
.menuImg img {
	width: 100%;
	height: auto;
}
.menuImg:after {
	content: "";
	background: url(/images/menu_img_hover.jpg) center center no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 0;
}
.menuImg:hover:after {
	opacity: 1;
}
/*----------------------------------------------------
	☆restaurant search
----------------------------------------------------*/
.search h2 {
	margin-bottom: 110px;
}
.search span.text {
	display: inline-block;
	font-size: 2rem;
	margin-bottom: 115px;
	color: #0b674b;
	border-bottom: solid 2px #0b674b;
	padding-bottom: 3px;
}
.search .map {
	position: relative;
	height: 784px;
	width: 1146px;
	background: url(/lib/cmn_img/other_region.png) center center no-repeat;
}
.search p {
	position: absolute;
}
.search p img {
	width: 100%;
}
.search .area01 {
	top: 133px;
	left: -75px;
	width: 507px;
	height: 448px;
}
.search .area02 {
	top: 22px;
	left: 666px;
	width: 501px;
	height: 361px;
}
.search .area03 {
	top: 30px;
	left: 451px;
	width: 328px;
	height: 263px;
}
.search .area04 {
	top: -62px;
	left: 134px;
	width: 461px;
	height: 277px;
}
.search .area05 {
	top: 110px;
	left: 304px;
	width: 412px;
	height: 389px;
}
.search a:hover {
	opacity: 1;
}
/*----------------------------------------------------
	☆corporate&recruit
----------------------------------------------------*/
.corporateRecruit {
	padding: 20px 0 100px;
}
.corporateRecruit .scInr {
	background: url(/lib/cmn_img/corporateRecruit_bg.jpg);
	background-size: auto auto;
	background-size: cover;
	padding: 120px 0 60px;
	z-index: 4;
	position: relative;
}
.corporateRecruit .scInr ul {
	overflow: hidden;
	padding: 0 90px;
}
.corporateRecruit .scInr li {
	float: left;
	width: 48%;
	margin-right: 4%;
}
.corporateRecruit .scInr li:last-child {
	margin-right: 0;
}
.corporateRecruit .imgArea img {
	width : 100%;
}
.corporateRecruit .summaryArea h3 {
	font-size: 3.6rem;
	font-weight: normal;
}
.corporateRecruit .summaryArea p {
	font-size: 16px;
	line-height: 1.6;
}
.viewBtn {
	background-color: #0b674b;
	border-radius: 50px;
	color: #ffffff;
	display: inline-block;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.3rem;
	padding: 12px 40px 10px 32px;
}

/*---------------------------------------------------------------------------
	☆forSP
---------------------------------------------------------------------------*/
@media only screen and (max-width: 800px) {
/*----------------------------------------------------
	☆SPmv
----------------------------------------------------*/
.topMv .slide {
	height: 50vh;
}
.topMv .slide h2 {
	top: 40%;
	left: 45%;
	width: 200px;
}
/*----------------------------------------------------
	☆SPconcept
----------------------------------------------------*/
.concept {
	background: url(/images/concept_bgSP.png) center top no-repeat;
	background-size: auto auto;
	background-size: contain;
	padding: 160px 0 40px;
}
.concept .ttl01 {
	padding-top: 0px;
}
.concept .text {
	line-height: 2;
	font-size: 1.4rem;
	text-align: left;
}
.conceptCopy {
	display: block;
	font-family: 'Damion', cursive;
	font-size: 2.8rem;
	text-align: center;
}
/*----------------------------------------------------
	☆SPcompany
----------------------------------------------------*/
.campany {
	padding: 40px 0 40px;
}
.campany li {
	text-align: left;
	float: none;
	width: 100%;
	margin-right: 0%;
	display: table;
	padding: 10px;
	margin-bottom: 10px;
}
.campany li:last-child {
	margin-bottom: 0px;
}
.campany p {
	padding: 0px 0;
	display: table-cell;
	vertical-align: middle;
	width: 0%;
}
.campany li div {
	display: table-cell;
	vertical-align: middle;
	letter-spacing: 0;
	padding-left: 10px;
}
.campany h3 {
	display: inline;
	padding-top: 0px;
}
.campany li img {
	max-width: 120px;
}
.campany a {
	padding: 0;
}
/*----------------------------------------------------
	☆SPour restaurant
----------------------------------------------------*/
.ourRestaurant .ttl01 {
	margin-bottom: 60px;
}
.ourRestaurant li {
	float: none;
	width: 100%;
	margin-right: 0%;
	margin-bottom: 80px;
	padding-bottom: 0px;
	text-align: center;
}
.ourRestaurant li:last-child {
	margin-bottom: 0px;
}
.ourRestaurant li .titleArea {
	font-size: 2.2rem;
}
.ourRestaurant li .title01:before {
	background-size: cover;
	width: 64px;
	height: 43px;
	top: -50px;
	left: 50px;
}
.ourRestaurant li .title02:before {
	background-size: cover;
	width: 64px;
	height: 43px;
	top: -50px;
	left: 50px;
}
.ourRestaurant li .title03:before {
	background-size: cover;
	width: 64px;
	height: 43px;
	top: -35px;
	left: 65px;
}
.ourRestaurant .summaryArea {
	text-align: left;
	line-height: 1.4;
	font-size: 1.4rem;
}
.ourRestaurant .imgArea img {
	width: 280px;
}
/*----------------------------------------------------
	☆SPrestaurant search
----------------------------------------------------*/
.search h2 {
	margin-bottom: 50px;
}
.search span.text {
	font-size: 1.4rem;
	margin-bottom: 10px;
}
.search p {
	position: relative;
}
.search .areaBtn {
	border: solid 1px #0b674b;
	color: #0b674b;
	display: block;
	font-size: 1.4rem;
	font-family: 'Josefin Sans', sans-serif;
	margin-bottom: 20px;
	padding: 18px 0px;
	width: 94%;
	margin: 0 auto 12px;
}
.search a:hover {
	opacity: 0.7;
}
/*----------------------------------------------------
	☆SPquality
----------------------------------------------------*/
.contentBox:before {
	display: none;
}
.contentBox:after {
	display: none;
}
.textBox {
	padding: 50px 10px 10px;
}
.textBox .ttl01 {
	margin-bottom: 40px;
}
.textBox .text {
	line-height: 2;
	text-align: left;
	font-size: 1.4rem;
}
.textBox .text .leadText {
	text-align: center;
}
.textBox p img {
	width: 100%;
	margin-top: 30px;
}
/*----------------------------------------------------
	☆SPrestaurantMenu
----------------------------------------------------*/
.menuImgSp:hover {
	opacity: 0.7;
}
.menuImgSp img {
	width: 100%;
	height: auto;
}
/*----------------------------------------------------
	☆SPcorporate&recruit
----------------------------------------------------*/
.corporateRecruit {
	padding: 0px 0 100px;
}
.corporateRecruit .scInr {
	padding: 40px 0 40px;
}
.corporateRecruit .scInr ul {
	padding: 0 15px;
}
.corporateRecruit .scInr li {
	float: none;
	width: 100%;
	margin-right: 0;
	margin-bottom: 55px;
}
.corporateRecruit .scInr li:last-child {
	margin-bottom: 0px;
}
.corporateRecruit .summaryArea h3 {
	font-size: 2.4rem;
}
.corporateRecruit .imgArea img {
	width: 95%;
}
.corporateRecruit .summaryArea p {
	font-size: 1.4rem;
	line-height: 1.4;
}
}