@charset "utf-8";
/***************************************************************************

  ページヘッダ

***************************************************************************/
.pageHeadImg {
  background-image: url("../images/lower/concept/head_bg.png");
  background-position: left 0px bottom -30px;
}
@media screen and (max-width: 767px) {
  .pageHeadImg {
    background-position: left 0px bottom 0;
  }
}
/***************************************************************************

  コンテンツ

***************************************************************************/
.conceptWrap {
  background-image: url(../images/bg.png);
  background-size: 60px;
}
.copyTxt p {
  max-width: 710px;
  margin: 0 auto 50px auto;
}
.facilityList {
  max-width: 1060px;
  margin: 0 auto 100px auto;
}
.facilityList ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.facilityList ul li {
  width: calc(94%/3);
  text-align: center;
}
.facilityLogo {
  height: 90px;
  margin: 0 auto;
}
.facilityLogo.h_logo {
  width: 190px;
}
.facilityLogo.logo_fuga {
  width: 120px;
}
.facilityLogo.logo_fuga img {
	width: 100%;
}
.facilityLogo.logo_tensui {
  width: 136px;
}
.titleCopy {
  text-align: center;
  font-size: 1.6em;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.4;
  margin-bottom: 86px;
}
.importantWrap {
  background-color: #f8f1df;
  background-image: url(../images/bg.png);
  background-size: 60px;
}
.cntHeadImg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 294px;
  position: relative;
  color: #FFFFFF;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 0;
}
.facilityBg {
  background-image: url("../images/lower/concept/cntHeadImg01.png");
}
.cuisineBg {
  background-image: url("../images/lower/concept/cntHeadImg02.png");
}
.hospitalityBg {
  background-image: url("../images/lower/concept/cntHeadImg03.png");
}
.cntHeadImg h3 {
  font-size: 4em;
  font-weight: 400;
  text-align: center;
  line-height: 1.4;
  letter-spacing: .2em;
  text-shadow: 0 0 20px rgb(0 0 0 / 80%);
}
.cntHeadImg h3 span {
  display: block;
  font-size: 2.6rem;
  letter-spacing: .15em;
}
.aboutWrap {
  max-width: 1060px;
  margin: 0 auto;
  padding-bottom: 110px;
  position: relative;
}
.facility, .cuisine, .hospitality {
  max-width: 1120px;
  margin: 0 auto;
  padding-top: 130px;
  background-position: top 30px right 0;
  background-repeat: no-repeat;
  background-size: 216px;
}
.facility {
  background-image: url(../images/portal/about_bg01.png);
}
.cuisine {
  background-image: url(../images/portal/about_bg02.png);
}
.hospitality {
  background-image: url(../images/portal/about_bg03.png);
}
.aboutBox {
  display: flex;
  flex-wrap: wrap;
  /*align-items:flex-start;*/
	align-items: center;
  margin-bottom: 32px;
}
.aboutBox.sc {
  flex-direction: row-reverse;
  margin-bottom: 60px;
}
.aboutBoxImg {
	width: 47%;
}
.aboutBoxTxt {
	width: 53%;
  padding-left: 68px;
  padding-left: 6vw;
}
.aboutBox.sc .aboutBoxTxt {
  padding-left: 4px;
  padding-right: 68px;
}
.aboutBoxTxt h4 {
  padding-left: 24px;
  border-left: solid 5px #163567;
  font-size: 1.6em;
  font-weight: 500;
  margin-bottom: 30px;
  letter-spacing: .05em;
}
.aboutBoxBtnWrap {
  width: 616px;
  letter-spacing: -.4em;
  margin: 0 auto;
}
.aboutBoxBtnWrap li {
  letter-spacing: normal;
  display: inline-block;
  width: 308px;
  padding-left: 19px;
}
.aboutBoxBtn a {
  color: #fff;
}
@media screen and (max-width: 1060px) {
	.facilityLogo {
    height: 8.4vw;
  }
  .facilityLogo.h_logo {
    width: 18vw;
  }
  .facilityLogo.logo_fuga {
    width: 11.2vw;
  }
  .facilityLogo.logo_tensui {
    width: 12.6vw;
  }
}
@media screen and (max-width: 1060px) {
.aboutBox {
  align-items:flex-start;
}
	}
@media screen and (max-width: 767px) {
  .copyTxt p {
		max-width: 100%;
		padding: 0 4%;
		text-align: center;
  }
  .facilityList {
		max-width: 100%;
    margin: 0 4% 50px 4%;
  }
  .facilityList ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .facilityList ul li {
		width: 100%;
		margin-bottom: 60px;
  }
	.facilityList ul li:last-child {
		margin-bottom: 0;
	}
  .facilityList ul li img {
	width: 100%;
}
  .facilityLogo {
    height: 90px;
    margin: 0 auto;
  }
  .facilityLogo.h_logo {
    width: 190px;
  }
  .facilityLogo.logo_fuga {
    width: 120px;
  }
  .facilityLogo.logo_tensui {
    width: 136px;
  }
  .titleCopy {
    font-size: 1.4em;
    margin-bottom: 26px;
  }
  .cntHeadImg {
		height: 125px;
  }
  .cntHeadImg h3 {
    font-size: 2.4em;
  }
  .cntHeadImg h3 span {
    font-size: 1.2rem;
  }
  .aboutWrap {
		max-width: 100%;
    padding: 0 4% 76px 4%;
  }
  .facility, .cuisine, .hospitality {
		max-width: 100%;
    padding-top: 46px;
    background-position: top 80vw right -10px;
    background-repeat: no-repeat;
    background-size: 140px;
  }
  .aboutBox {
    margin-bottom: 44px;
  }
  .aboutBox.sc {
		flex-direction: row;
    margin-bottom: 44px;
  }
  .aboutBoxImg {
		width: 100%;
		margin-bottom: 30px;
  }
  .aboutBoxTxt {
		width: 100%;
    padding-left: 0;
  }
  .aboutBox.sc .aboutBoxTxt {
		padding-left: 0;
    padding-right: 0;
  }
  .aboutBoxTxt h4 {
		 padding-left: 14px;
    border-left: solid 3px #163567;
    font-size: 1.4em;
    margin-bottom: 24px;
		font-weight: 600;
  }
  .aboutBoxBtnWrap {
		width: 100%;
  }
  .aboutBoxBtnWrap li {
    display: block;
    width: 100%;
    padding-left: 0;
		margin-bottom: 22px;
  }
  .aboutBoxBtn a {
    color: #fff;
  }
	.aboutBoxBtn.button {
		margin: 0 auto;
	}
}