@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 lower common
==================================================================================*/
/*==================================================================================
 location
==================================================================================*/
#location .main-content .bg-icon {
  position: absolute;
  z-index: 0;
}
#location .main-content .bg-icon00 {
  width: 25%;
  left: 0;
  top: 0;
}
#location .main-content .bg-icon01 {
  width: 34%;
  right: 0;
  top: 0;
}
#location .main-content .cinzel {
  font-family: "Cinzel", serif;
}
#location .intro {
  position: relative;
  z-index: 1;
  text-align: center;
  color: #e8e4db;
}
#location .intro .tit-mark {
  width: 33px;
  margin: 0 auto;
}
#location .intro .tit {
  font-size: 22px;
  line-height: 1.5;
  margin-bottom: 100px;
}
#location .sections {
  position: relative;
  text-align: center;
  padding-bottom: 200px;
}
#location .sec01 {
  text-align: center;
}
#location .sec01 .bg-icon02 {
  width: 16%;
  left: 0;
  top: 20%;
}
#location .sec01 .bg-icon03 {
  width: 26%;
  left: 0;
  bottom: 28%;
}
#location .sec01 .bg-icon04 {
  width: 12%;
  right: 0;
  bottom: 30%;
}
#location .sec01 .map {
  max-width: 808px;
  margin: 0 auto 100px;
}
#location .sec01 .inners {
  position: relative;
}
#location .sec01 .inner01 {
  width: 50%;
  padding-bottom: 400px;
}
#location .sec01 .inner01 .tit {
  width: 60px;
  margin: 0 auto 30px;
}
#location .sec01 .inner01 .lead {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 50px;
}
#location .sec01 .inner01 .min {
  font-size: 22px;
  margin-bottom: 50px;
}
#location .sec01 .inner01 .min .num {
  font-size: 35px;
}
#location .sec01 .img02 {
  width: 25%;
  position: absolute;
  top: 12%;
  right: 10%;
}
#location .sec01 .img03 {
  width: 25%;
  position: absolute;
  bottom: 12%;
  right: 15%;
  z-index: 1;
}
#location .sec01 .img04 {
  width: 32%;
  margin: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
#location .sec01 .list01 {
  text-align: left;
  margin-bottom: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#location .sec01 .list01 li {
  width: 54%;
}
#location .sec01 .list01 li:last-child {
  width: 40%;
}
#location .sec01 .list01 .name {
  font-size: 22px;
  margin-bottom: 10px;
}
#location .sec01 .list01 .min {
  font-size: 14px;
  margin-bottom: 20px;
}
#location .sec01 .list01 .info {
  font-size: 14px;
  line-height: 2;
}
#location .sec01 .list02 {
  max-width: 1100px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#location .sec01 .list02 li {
  width: 23%;
}
#location .sec01 .list02 .name {
  font-size: 16px;
  letter-spacing: 0.12em;
  margin: 20px auto 5px;
}
#location .sec01 .list02 .min {
  font-size: 14px;
}
#location .sec02 {
  background: #e8e4db;
  color: #453209;
  text-align: center;
}
#location .sec02 .bg-icon05 {
  width: 34%;
  right: 0;
  top: 0;
}
#location .sec02 .bg-icon06 {
  width: 25%;
  left: 0;
  top: 0;
}
#location .sec02 .bg-icon07 {
  width: 40%;
  left: 4%;
  top: 44%;
}
#location .sec02 .bg-icon08 {
  width: 25%;
  right: 0;
  top: 34%;
}
#location .sec02 .bg-icon09 {
  width: 23%;
  left: 0;
  bottom: 5%;
}
#location .sec02 .inners {
  position: relative;
  padding-top: 180px;
}
#location .sec02 .inner01 {
  width: 50%;
  margin: 0 0 180px auto;
  padding-bottom: 450px;
}
#location .sec02 .inner01 .tit {
  width: 60px;
  margin: 0 auto 30px;
}
#location .sec02 .inner01 .lead {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 50px;
}
#location .sec02 .inner01 .min {
  font-size: 22px;
  margin-bottom: 50px;
}
#location .sec02 .inner01 .min .num {
  font-size: 35px;
}
#location .sec02 .img02 {
  width: 25%;
  position: absolute;
  top: 12%;
  left: 10%;
}
#location .sec02 .img03 {
  width: 25%;
  position: absolute;
  bottom: 12%;
  left: 15%;
  z-index: 1;
}
#location .sec02 .img04 {
  width: 42%;
  margin: auto;
  position: absolute;
  bottom: 0;
  right: 26%;
}
#location .sec02 .inner02 {
  position: relative;
  padding-bottom: 500px;
  margin-bottom: 100px;
}
#location .sec02 .inner02 .list01 {
  width: 80%;
  margin: 0 auto 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#location .sec02 .inner02 .list01 li {
  width: 60%;
}
#location .sec02 .inner02 .list01 li:last-child {
  text-align: left;
  width: 34%;
}
#location .sec02 .inner02 .list01 .name {
  font-size: 22px;
  margin-bottom: 10px;
}
#location .sec02 .inner02 .list01 .min {
  font-size: 14px;
  margin-bottom: 20px;
}
#location .sec02 .inner02 .list01 .info {
  font-size: 14px;
  line-height: 2;
}
#location .sec02 .inner02 .img06 {
  width: 22%;
  position: absolute;
  top: 44%;
  right: 10%;
}
#location .sec02 .inner02 .img07 {
  width: 30%;
  margin: auto;
  position: absolute;
  bottom: 0;
  left: 30%;
}
#location .sec02 .list02 {
  max-width: 1100px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#location .sec02 .list02 li {
  width: 23%;
}
#location .sec02 .list02 .name {
  font-size: 16px;
  letter-spacing: 0.12em;
  margin: 20px auto 5px;
}
#location .sec02 .list02 .min {
  font-size: 14px;
  line-height: 1.5;
}
#location .sec02 .list02 .min span {
  font-size: 11px;
}
#location .sec03 {
  background: #222629;
  text-align: center;
}
#location .sec03 .bg-icon10 {
  width: 38%;
  right: 0;
  top: 2%;
}
#location .sec03 .bg-icon11 {
  width: 26%;
  left: 0;
  top: 0;
}
#location .sec03 .bg-icon12 {
  width: 38%;
  left: 0;
  bottom: 30%;
}
#location .sec03 .bg-icon13 {
  width: 26%;
  right: 0;
  bottom: 0;
}
#location .sec03 .inners {
  position: relative;
  padding-top: 180px;
}
#location .sec03 .inner01 {
  width: 50%;
  padding-bottom: 440px;
  margin-bottom: 180px;
}
#location .sec03 .inner01 .tit {
  width: 60px;
  margin: 0 auto 30px;
}
#location .sec03 .inner01 .lead {
  font-size: 14px;
  line-height: 2;
  margin-bottom: 50px;
}
#location .sec03 .inner01 .min {
  font-size: 22px;
  margin-bottom: 50px;
}
#location .sec03 .inner01 .min .num {
  font-size: 35px;
}
#location .sec03 .img02 {
  width: 25%;
  position: absolute;
  top: 20%;
  right: 10%;
}
#location .sec03 .img03 {
  width: 25%;
  position: absolute;
  bottom: 12%;
  right: 15%;
}
#location .sec03 .img04 {
  width: 32%;
  margin: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
}
#location .sec03 .list01 {
  text-align: left;
  margin-bottom: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#location .sec03 .list01 li {
  width: 54%;
}
#location .sec03 .list01 li:last-child {
  width: 40%;
}
#location .sec03 .list01 .name {
  font-size: 22px;
  margin-bottom: 10px;
}
#location .sec03 .list01 .min {
  font-size: 14px;
  margin-bottom: 20px;
}
#location .sec03 .list01 .info {
  font-size: 14px;
  line-height: 2;
}
#location .sec03 .list02 {
  max-width: 1100px;
  margin: auto;
  display: flex;
  justify-content: space-between;
}
#location .sec03 .list02 li {
  width: 23%;
}
#location .sec03 .list02 .name {
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.08em;
  margin: 20px auto 5px;
}
#location .sec03 .list02 .min {
  font-size: 14px;
}
#location .sec04 {
  background: #e8e4db;
  color: #453209;
  text-align: center;
  padding: 140px 0;
}
#location .sec04 .icon {
  width: 34px;
  margin: auto;
}
#location .sec04 .txt {
  font-size: 26px;
  line-height: 1.8;
  margin-bottom: 80px;
}
#location .sec04 .bg-icon14 {
  width: 38%;
  right: 0;
  top: 18%;
}
#location .sec04 .bg-icon15 {
  width: 42%;
  left: 0;
  bottom: 0;
}
#location .sec04 .bg-icon16 {
  width: 26%;
  right: 0;
  bottom: 0;
}
#location .sec04 .inners {
  position: relative;
}
#location .sec04 .inners .name {
  font-size: 18px;
  margin-top: 20px;
  line-height: 1.6;
}
#location .sec04 .inners .min {
  font-size: 14px;
}
#location .sec04 .inner01 {
  width: 50%;
  padding-bottom: 500px;
}
#location .sec04 .inner02 {
  width: 32%;
  position: absolute;
  right: 8%;
  top: 20%;
}
#location .sec04 .inner03 {
  width: 44%;
  margin: auto;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
}
#location .life-info {
  text-align: center;
  background: #222629;
  color: #c4b99d;
  padding: 160px 0;
}
#location .life-info .tit {
  font-size: 32px;
  line-height: 1.6;
  margin-bottom: 80px;
}
#location .life-info .image {
  max-width: 1000px;
  margin: auto;
}
/*==================================================================================
 lower-sp
==================================================================================*/
@media (max-width: 768px) {
  /*==================================================================================
   location
  ==================================================================================*/
  #location .main-content .bg-icon00 {
    display: none;
  }
  #location .main-content .bg-icon01 {
    width: 80%;
    right: 0;
    top: 0;
  }
  #location .main-content .bg-icon02 {
    display: none;
  }
  #location .intro {
    text-align: center;
  }
  #location .intro .tit-mark {
    width: 33px;
    margin: 0;
  }
  #location .intro .tit {
    text-align: left;
    margin-bottom: 40px;
  }
  #location .sections {
    position: relative;
    text-align: center;
    padding-bottom: 30px;
  }
  #location .sec01 {
    text-align: center;
  }
  #location .sec01 .bg-icon02,
  #location .sec01 .bg-icon03,
  #location .sec01 .bg-icon04 {
    display: none;
  }
  #location .sec01 .map {
    margin: 0 auto 60px;
  }
  #location .sec01 .inners {
    position: relative;
  }
  #location .sec01 .inner01 {
    width: 100%;
    padding-bottom: 100%;
    margin: 0 auto 60px;
  }
  #location .sec01 .inner01 .tit {
    width: 60px;
    margin: 0 auto 30px;
  }
  #location .sec01 .inner01 .lead {
    width: 94%;
    font-size: 13px;
    line-height: 2;
    margin: 0 auto 60px;
  }
  #location .sec01 .img01 {
    width: 80%;
    margin: 0;
  }
  #location .sec01 .img02 {
    width: 46%;
    position: absolute;
    top: auto;
    bottom: 0%;
    right: 6%;
    z-index: 1;
  }
  #location .sec01 .img03 {
    width: 46%;
    position: absolute;
    bottom: 16%;
    right: auto;
    left: 6%;
    z-index: 0;
  }
  #location .sec01 .img04 {
    width: 70%;
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
  }
  #location .sec01 .list01 {
    position: relative;
    text-align: left;
    margin-bottom: 60px;
    display: block;
  }
  #location .sec01 .list01 li {
    width: 100%;
  }
  #location .sec01 .list01 li:last-child {
    width: 100%;
    margin-top: 20px;
  }
  #location .sec01 .list02 {
    max-width: inherit;
    width: 300vw;
    margin: 0 auto 10px;
    display: flex;
    justify-content: space-between;
  }
  #location .sec01 .list02 li {
    width: 95vw;
    margin-right: 5vw;
  }
  #location .sec02 .bg-icon05 {
    width: 80%;
    right: 0;
    top: 0;
  }
  #location .sec02 .bg-icon06,
  #location .sec02 .bg-icon07,
  #location .sec02 .bg-icon08,
  #location .sec02 .bg-icon09 {
    display: none;
  }
  #location .sec02 .inners {
    position: relative;
    padding-top: 60px;
  }
  #location .sec02 .inner01 {
    width: 100%;
    margin: 0 0 60px auto;
    padding-bottom: 140%;
  }
  #location .sec02 .inner01 .tit {
    width: 60px;
    margin: 0 auto 30px;
  }
  #location .sec02 .inner01 .lead {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 60px;
  }
  #location .sec02 .img01 {
    width: 80%;
    margin: 0;
  }
  #location .sec02 .img02 {
    width: 46%;
    position: absolute;
    top: auto;
    bottom: 16%;
    left: auto;
    right: 6%;
    z-index: 1;
  }
  #location .sec02 .img03 {
    width: 46%;
    position: absolute;
    bottom: 27%;
    right: auto;
    left: 6%;
    z-index: 0;
  }
  #location .sec02 .img04 {
    width: 70%;
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
  }
  #location .sec02 .inner02 {
    position: relative;
    padding-bottom: 0;
    margin-bottom: 60px;
  }
  #location .sec02 .inner02 .list01 {
    width: 94%;
    margin: 0 auto;
    display: block;
  }
  #location .sec02 .inner02 .list01 li {
    width: 100%;
  }
  #location .sec02 .inner02 .list01 li:last-child {
    margin-top: 20px;
    width: 100%;
  }
  #location .sec02 .inner02 .img06,
  #location .sec02 .inner02 .img07 {
    display: none;
  }
  #location .sec02 .list02 {
    max-width: inherit;
    width: 300vw;
    margin: 0 auto 10px;
    display: flex;
    justify-content: space-between;
  }
  #location .sec02 .list02 li {
    width: 95vw;
    margin-right: 5vw;
  }
  #location .sec03 .bg-icon10 {
    width: 80%;
    right: 0;
    top: 0;
  }
  #location .sec03 .bg-icon11,
  #location .sec03 .bg-icon12,
  #location .sec03 .bg-icon13 {
    display: none;
  }
  #location .sec03 .inners {
    position: relative;
    padding-top: 80px;
  }
  #location .sec03 .inner01 {
    width: 100%;
    margin: 0 0 60px auto;
    padding-bottom: 140%;
  }
  #location .sec03 .inner01 .tit {
    width: 60px;
    margin: 0 auto 30px;
  }
  #location .sec03 .inner01 .lead {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 60px;
  }
  #location .sec03 .img01 {
    width: 80%;
    margin: 0;
  }
  #location .sec03 .img02 {
    width: 46%;
    position: absolute;
    top: auto;
    bottom: 20%;
    right: 6%;
    z-index: 1;
  }
  #location .sec03 .img03 {
    width: 46%;
    position: absolute;
    bottom: 30%;
    right: auto;
    left: 6%;
    z-index: 0;
  }
  #location .sec03 .img04 {
    width: 70%;
    margin: auto;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
  }
  #location .sec03 .list01 {
    width: 94%;
    margin: 0 auto 60px;
    display: block;
  }
  #location .sec03 .list01 li {
    width: 100%;
  }
  #location .sec03 .list01 li:last-child {
    margin-top: 20px;
    width: 100%;
  }
  #location .sec03 .list02 {
    max-width: inherit;
    width: 300vw;
    margin: 0 auto 10px;
    display: flex;
    justify-content: space-between;
  }
  #location .sec03 .list02 li {
    width: 95vw;
    margin-right: 5vw;
  }
  #location .sec04 {
    padding: 80px 0;
  }
  #location .sec04 .icon {
    width: 34px;
    margin: 0;
  }
  #location .sec04 .txt {
    text-align: left;
    font-size: 22px;
    margin-bottom: 60px;
  }
  #location .sec04 .txt br {
    display: none;
  }
  #location .sec04 .bg-icon14 {
    width: 80%;
    right: 0;
    top: 0;
  }
  #location .sec04 .bg-icon15,
  #location .sec04 .bg-icon16 {
    display: none;
  }
  #location .sec04 .inner01 {
    width: 94%;
    margin: auto;
    padding-bottom: 30px;
  }
  #location .sec04 .inner02 {
    width: 94%;
    position: inherit;
    right: auto;
    top: auto;
    margin: 0 auto 30px;
  }
  #location .sec04 .inner03 {
    width: 94%;
    margin: auto;
    position: inherit;
  }
  #location .life-info {
    padding: 80px 0;
  }
  #location .life-info .tit {
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 30px;
  }
  #location .life-info .image {
    width: 94%;
    margin: auto;
  }
}/*# sourceMappingURL=style.css.map */