/*------------------------------
	base
------------------------------*/
html {
  background-color: #000;
}

body {
  background: #222;
  font-size: 1.4em;
  font-family: Yu Gothic,Hiragino Kaku Gothic Pro,Meiryo,MS Gothic,sans-serif;
}

/*------------------------------
	utility
------------------------------*/
.alignBol {
  margin-left: -0.5em;
}

.elmHide {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

.jsDisNon {
  display: none;
}

/*------------------------------
	structure
------------------------------*/
.wrapper {
  min-width: 950px;
  min-height: 100vh;
  /*min-height: 534px;*/
  overflow: hidden;
}

.header {
  height: 50px;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 10;
}

.header_inr {
  box-sizing: border-box;
  max-width: 1600px;
  margin: 0 auto;
  padding: 14px 15px;
}

.header_logo {
  display: inline-block;
}

.header_logo img {
  vertical-align: top;
}

.contents {
  letter-spacing: -0.4em;
  white-space: nowrap;
  max-width: 1600px;
  margin: 0 auto;
  background-color: #fff;
  position: relative;
  z-index: 0;
}

.footer {
  box-sizing: border-box;
  height: 40px;
  background-color: #000;
  text-align: center;
  position: relative;
  z-index: 10;
}

.footer_copy {
  display: block;
  max-width: 1600px;
  margin: 0 auto;
  padding: 12px 0;
  color: #757575;
  font-size: 1.2rem;
}

/*------------------------------
	layout
------------------------------*/
.conceptPanel {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  height: 810px;
  height: -webkit-calc(100vh - 90px);
  height: calc(100vh - 90px);
  min-height: 810px;
  box-sizing: border-box;
  width: 50%;
  padding: 0 10px;
  background: url(../img/top_bg_concept.jpg) no-repeat left bottom;
  background-size: auto 100%;
  text-align: center;
  white-space: normal;
  position: relative;
}

.conceptPanel_logo {
  padding-top: 22.5%;
}

.conceptPanel_lead {
  padding-top: 5%;
  font-size: 2.2rem;
	line-height: 1.7;
	font-weight: normal;
}

.conceptPanel_sub {
  padding-top: 3.75%;
  line-height: 2.0;
}

.conceptPanel_link {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.conceptPanel_link a {
  box-sizing: border-box;
  display: block;
  height: 91px;
  padding: 12px 0 14px 61px;
  background-color: #746476;
  transition: background 0.2s ease-in-out;
}

.conceptPanel_link a:hover {
  background-color: #827484;
}

.naviPanel {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  height: 810px;
  height: -webkit-calc(100vh - 90px);
  height: calc(100vh - 90px);
  min-height: 810px;
  width: 50%;
  background-color: #000;
  white-space: normal;
}

.naviPanelItems {
  letter-spacing: -0.4em;
  height: 100%;
}

.naviPanelItem {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 25%;
  height: 33.33%;
  height: -webkit-calc(100% / 3);
  height: calc(100% / 3);
  box-sizing: border-box;
}

.naviPanelItem_inr {
  display: block;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.naviPanelItem_inr:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.3s ease-in-out;
}

.naviPanelItem_inr:hover:before {
  transform: scale(1.05);
}

.naviPanelItem_txt {
  width: 100%;
  padding: 70px 10px 10px;
  background: -webkit-linear-gradient(top, transparent 0%, transparent 0%, rgba(0, 0, 0, 0.90) 80%);
  background: linear-gradient(to bottom, transparent 0%, transparent 0%, rgba(0, 0, 0, 0.90) 80%);
  color: #fff;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
}

.naviPanelItem_txt .name {
  display: block;
  font-size: 2.0rem;
}

.naviPanelItem_txt .desc {
  display: block;
  font-size: 1.1rem;
}

/* navImgs */
.naviPanelItem.yamamoto .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_yamamoto.jpg);
}

.naviPanelItem.suga .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_suga_1906.jpg);
}

.naviPanelItem.kono .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_kono.jpg);
}

.naviPanelItem.kurogi .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_kurogi.jpg);
}

.naviPanelItem.yamada .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_yamada.jpg);
}

.naviPanelItem.uchiyama .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_uchiyama.jpg);
}

.naviPanelItem.sato .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_sato.jpg);
}

.naviPanelItem.teshima .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_teshima.jpg);
}

.naviPanelItem.yoshitake .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_yoshitake.jpg);
}

.naviPanelItem.hayashi .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_hayashi_220127.jpg);
}

.naviPanelItem.ishikawa_koizumi .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_ishikawa_koizumi_231201.jpg);
}

.naviPanelItem.atsumi .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_atsumi_200301.jpg);
}

.naviPanelItem.namae .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_namae.jpg);
}

.naviPanelItem.mishina .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_mishina.jpg);
}

.naviPanelItem.yamanaka .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_yamanaka_210826.jpg);
}

.naviPanelItem.ohashi .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_ohashi.jpg);
}

.naviPanelItem.okoshi .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_okoshi_230201.jpg);
}
.naviPanelItem.kishida .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_kishida.jpg);
}
.naviPanelItem.yonezawa .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_yonezawa_231006.jpg);
}
.naviPanelItem.gokan .naviPanelItem_inr:before {
  background-image: url(../img/pic_chef_gokan_231101.jpg);
}