@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Libre+Caslon+Display&family=Shippori+Mincho+B1&family=Zen+Old+Mincho&display=swap");
/* setting //////////////////////////////////////////////////*/
/*color*/
/*font-family*/
/*filler color*/
/*text-shadow*/
/*media query break point*/
/*mainBP*/
/*gHeader用*/
/*cubic-bezier*/
/*letter-spacing*/
/*// mixin //////////////////////////////////////////////////*/
/* media query */
/* hover */
.p-loc {
  overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
  .p-loc-mv img {
    -o-object-position: 70%;
       object-position: 70%;
  }
}
.p-loc-localNav {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.p-loc-localNav__list__item {
  text-align: center;
}
.p-loc-localNav__list__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1.8rem;
  letter-spacing: 0;
  padding: 1rem;
  background-color: #ababab;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .p-loc-localNav__list__item a {
    font-size: 1.2rem;
  }
}
.p-loc-localNav__list__item a.loc {
  background-color: #7d8c4e;
}
.p-loc-localNav__list__item a.lifeinfo {
  background-color: #4e7d66;
}
.p-loc-localNav__list__item a.access {
  background-color: #5f7275;
}
.p-loc-sec01 {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.p-loc-sec01__heading {
  text-align: center;
  font-size: 2.6rem;
}
@media only screen and (max-width: 767px) {
  .p-loc-sec01__heading {
    font-size: 2rem;
  }
}
.p-loc-sec01__heading span {
  display: inline-block;
}
.p-loc-sec02 {
  position: relative;
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.p-loc-sec02__img {
  padding-top: 2%;
  position: relative;
  position: relative;
  width: calc(100% + 400px);
  margin: 0 -200px;
  overflow: hidden;
  padding: 0 5rem;
}
@media (max-width: 1600px) {
  .p-loc-sec02__img {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}
@media only screen and (max-width: 1080px) {
  .p-loc-sec02__img {
    padding: 2% 1rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-loc-sec02__img {
    overflow-x: scroll;
  }
}
.p-loc-sec02__img img {
  max-width: unset;
  width: 100%;
}
.p-loc-sec02__img__cap {
  font-size: 1.1rem;
  position: absolute;
  bottom: 10rem;
  left: 50%;
  text-align: right;
  transform: translateX(-50%);
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .p-loc-sec02__img__cap {
    left: 1rem;
    bottom: 3rem;
    transform: translateX(0);
    width: -moz-fit-content;
    width: fit-content;
  }
}
.p-loc-sec02__heading {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  font-size: 2.6rem;
}
@media only screen and (max-width: 767px) {
  .p-loc-sec02__heading {
    font-size: 2rem;
  }
}
.p-loc-sec02__heading span {
  display: inline-block;
}
@media only screen and (max-width: 1080px) {
  .p-loc-sec02__heading {
    position: static;
    margin-inline: auto;
  }
}
.p-loc-sec02__list {
  align-items: flex-start;
}
.p-loc-sec02__list__cap {
  position: absolute;
  bottom: 2.5rem;
  right: 1em;
  letter-spacing: 0.23em;
  text-align: right;
  font-family: "EB Garamond", serif, serif;
  color: #fff;
  text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 10px #000;
  line-height: 1;
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .p-loc-sec02__list__cap {
    bottom: 3.5rem;
    text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
  }
}
.p-loc-sec03, .p-loc-sec04 {
  position: relative;
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.p-loc-sec03__img, .p-loc-sec04__img {
  position: relative;
  position: relative;
  width: calc(100% + 400px);
  margin: 0 -200px;
  overflow: hidden;
  padding: 0 5rem;
}
@media (max-width: 1600px) {
  .p-loc-sec03__img, .p-loc-sec04__img {
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}
@media only screen and (max-width: 1080px) {
  .p-loc-sec03__img, .p-loc-sec04__img {
    padding: 2% 1rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-loc-sec03__img, .p-loc-sec04__img {
    overflow-x: scroll;
  }
}
.p-loc-sec03__img img, .p-loc-sec04__img img {
  max-width: unset;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .p-loc-sec03__img img, .p-loc-sec04__img img {
    height: 35vh;
    width: auto;
  }
}
.p-loc-sec03__img__cap, .p-loc-sec04__img__cap {
  font-size: 1.1rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  text-align: right;
  transform: translateX(-50%);
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 767px) {
  .p-loc-sec03__img__cap, .p-loc-sec04__img__cap {
    left: 1rem;
    transform: translateX(0);
    width: -moz-fit-content;
    width: fit-content;
  }
}
.p-loc-sec03__heading {
  text-align: center;
  font-size: 2.6rem;
}
@media only screen and (max-width: 767px) {
  .p-loc-sec03__heading {
    font-size: 2rem;
  }
}
.p-loc-sec03__heading span {
  display: inline-block;
}
@media only screen and (max-width: 1080px) {
  .p-loc-sec03__heading {
    position: static;
    margin-inline: auto;
  }
}
@media only screen and (max-width: 767px) {
  .p-loc-sec03__img img {
    width: 200%;
  }
}
.p-loc-sec03__img .u-swipeIcon {
  left: 110%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .p-loc-sec04 img {
    height: 40vh;
    width: auto;
  }
}
.p-loc-sec04__lead {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 60vw;
  max-width: 1000px;
}
@media only screen and (max-width: 767px) {
  .p-loc-sec04__lead {
    position: static;
    width: 100%;
  }
}
.p-loc-sec04__heading {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  font-size: 2.6rem;
}
@media only screen and (max-width: 767px) {
  .p-loc-sec04__heading {
    font-size: 2rem;
  }
}
.p-loc-sec04__heading span {
  display: inline-block;
}
@media only screen and (max-width: 1080px) {
  .p-loc-sec04__heading {
    position: static;
    margin-inline: auto;
  }
}
.p-loc-sec05 {
  position: relative;
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.p-loc-sec05__heading {
  text-align: center;
  font-size: 2.6rem;
}
@media only screen and (max-width: 767px) {
  .p-loc-sec05__heading {
    font-size: 2rem;
  }
}
.p-loc-sec05__heading span {
  display: inline-block;
}
@media only screen and (max-width: 1080px) {
  .p-loc-sec05__heading {
    position: static;
    margin-inline: auto;
  }
}
.p-loc-catgList {
  display: flex;
  flex-direction: column;
  gap: 8rem;
}
.p-loc-catgList__item {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  margin-inline: auto;
}
.p-loc-catgList__item__ttl {
  font-size: 2.6rem;
  background-color: rgba(178, 144, 117, 0.15);
  color: #715a42;
  padding: 1rem 2rem;
}
@media only screen and (max-width: 767px) {
  .p-loc-catgList__item__ttl {
    font-size: 2rem;
  }
}
.p-loc-catgList__item__lead {
  margin-top: 3rem;
}
@media only screen and (max-width: 767px) {
  .p-loc-catgList__item__lead {
    margin-top: 1.5rem;
    letter-spacing: 0.12em;
  }
}
/*# sourceMappingURL=../../map/area/location.css.map */