@charset "UTF-8";
/* ===================================================================
CSS information

file name  : homepage.css
author     : Abilive
style info : トップページ
=================================================================== */
#contents .con_concept .box_concept {
  max-width: 1200px;
  margin: auto;
}
@media only screen and (max-width: 1330px) {
  #contents .con_concept .box_concept {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  #contents .con_concept .box_concept {
    width: 97.2%;
    padding: 0;
  }
}
@media only screen and (max-width: 640px) {
  #contents .con_concept .box_concept {
    width: 93.75%;
    padding: 0;
  }
}

/* font-awesome */
/* -----------------------------------------------------------
	スライド　用
----------------------------------------------------------- */
/*Animate */
/* -----------------------------------------------------------
	ホテル リブランド用
----------------------------------------------------------- */
/* -----------------------------------------------------------
	.con_concept
----------------------------------------------------------- */
#contents .con_concept {
  background-image: url(../images/home/img_concept_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left 50% top 50%;
  padding: 100px 0;
  margin-top: 100px;
}
@media only screen and (max-width: 640px) {
  #contents .con_concept {
    background-position: left 60% top 50%;
    padding: 40px 0;
    margin-top: 60px;
  }
}
#contents .con_concept .box_concept h3 {
  font-family: 'Noto Serif JP', serif;
  font-weight: 400;
  font-size: 231%;
  color: #fff;
  text-align: center;
  letter-spacing: 0.08em;
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  #contents .con_concept .box_concept h3 {
    font-size: 231%;
  }
}
@media only screen and (max-width: 640px) {
  #contents .con_concept .box_concept h3 {
    font-size: 154%;
  }
}
@media only screen and (max-width: 640px) {
  #contents .con_concept .box_concept h3 {
    padding-left: 0.5em;
  }
}
#contents .con_concept .box_concept .txt_detail {
  font-size: 124%;
  color: #fff;
  line-height: 2.5em;
  text-align: center;
  margin-top: 40px;
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  #contents .con_concept .box_concept .txt_detail {
    font-size: 124%;
  }
}
@media only screen and (max-width: 640px) {
  #contents .con_concept .box_concept .txt_detail {
    font-size: 100%;
  }
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  #contents .con_concept .box_concept .txt_detail {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 640px) {
  #contents .con_concept .box_concept .txt_detail {
    padding: 0 20px;
    margin-top: 30px;
  }
}

/* -----------------------------------------------------------
	.con_guest
----------------------------------------------------------- */
.con_guest > h3 {
  width: 93.75%;
  border-top: solid 1px #eee;
  padding: 14px 0;
  margin: 0 auto;
  position: relative;
}
.con_guest > h3:before, .con_guest > h3:after {
  content: '';
  display: block;
  width: 14px;
  height: 1px;
  background-color: #82670b;
  position: absolute;
  top: 50%;
  right: 5px;
}
.con_guest > h3:after {
  rotate: 90deg;
}
.con_guest > h3 em {
  display: block;
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  font-size: 308%;
  color: #0060b0;
  line-height: 1;
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .con_guest > h3 em {
    font-size: 231%;
  }
}
@media only screen and (max-width: 640px) {
  .con_guest > h3 em {
    font-size: 200%;
  }
}
.con_guest > h3 span {
  display: block;
  font-size: 120%;
  font-weight: 400;
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .con_guest > h3 span {
    font-size: 108%;
  }
}
@media only screen and (max-width: 640px) {
  .con_guest > h3 span {
    font-size: 93%;
  }
}
.con_guest > h3.active:after {
  rotate: 0deg;
}
@media only screen and (max-width: 640px) {
  .con_guest .wrp_con_guest_program {
    height: 0;
    overflow: hidden;
    transition: all 0.5s;
  }
}
@media only screen and (max-width: 640px) {
  .con_guest .wrp_con_guest_program .inner {
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: 640px) {
  .con_guest .wrp_con_guest_program .inner .con_guest_program {
    margin: 0 auto;
  }
}

/* -----------------------------------------------------------
	.con_intro_kyoto
----------------------------------------------------------- */
.con_intro_kyoto {
  padding-top: 0;
}
@media only screen and (max-width: 640px) {
  .con_intro_kyoto {
    padding-bottom: 0;
  }
}
.con_intro_kyoto > h3 {
  width: 93.75%;
  border-top: solid 1px #eee;
  padding: 14px 0;
  margin: 0 auto;
  position: relative;
}
.con_intro_kyoto > h3:before, .con_intro_kyoto > h3:after {
  content: '';
  display: block;
  width: 14px;
  height: 1px;
  background-color: #82670b;
  position: absolute;
  top: 50%;
  right: 5px;
}
.con_intro_kyoto > h3:after {
  rotate: 90deg;
}
.con_intro_kyoto > h3 em {
  display: block;
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  font-size: 308%;
  color: #587328;
  line-height: 1;
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .con_intro_kyoto > h3 em {
    font-size: 231%;
  }
}
@media only screen and (max-width: 640px) {
  .con_intro_kyoto > h3 em {
    font-size: 200%;
  }
}
.con_intro_kyoto > h3 span {
  display: block;
  font-size: 120%;
  font-weight: 400;
}
@media only screen and (min-width: 641px) and (max-width: 1022px) {
  .con_intro_kyoto > h3 span {
    font-size: 108%;
  }
}
@media only screen and (max-width: 640px) {
  .con_intro_kyoto > h3 span {
    font-size: 93%;
  }
}
.con_intro_kyoto > h3.active:after {
  rotate: 0deg;
}
.con_intro_kyoto .box_intro:before, .con_intro_kyoto .box_intro:after {
  display: none !important;
}
@media only screen and (max-width: 640px) {
  .con_intro_kyoto .box_intro {
    height: 0;
    margin-top: 0 !important;
    overflow: hidden;
    transition: all 0.5s;
  }
}
@media only screen and (min-width: 1023px) {
  .con_intro_kyoto .box_intro .box_img .box_icon {
    left: auto;
    right: 20px;
  }
}
@media only screen and (max-width: 640px) {
  .con_intro_kyoto .box_intro .box_img .box_icon {
    top: -20px;
  }
}
@media only screen and (max-width: 640px) {
  .con_intro_kyoto .box_intro .box_txt {
    margin-bottom: 40px;
  }
}
.con_intro_kyoto .box_intro.bottom {
  border-bottom: solid 1px #eee;
}

/* -----------------------------------------------------------
	.con_hotel
----------------------------------------------------------- */
.con_hotel:after {
  display: none;
}

/* -----------------------------------------------------------
	.wrp_photo
----------------------------------------------------------- */
.wrp_photo:before {
  display: none;
}
.wrp_photo:after {
  display: none;
}

/* -----------------------------------------------------------
	.con_info
----------------------------------------------------------- */
.con_info {
  margin-top: 120px;
}
@media only screen and (max-width: 640px) {
  .con_info {
    margin-top: 100px;
  }
}