.areaSect {
  display: flex;
}
@media screen and (min-width: 768px) {
  .areaSect {
    align-items: flex-end;
    flex-direction: row-reverse;
    gap: 10rem;
    justify-content: center;
    padding-bottom: 24rem;
  }
}
@media screen and (max-width: 768px) {
  .areaSect {
    flex-direction: column;
    gap: 6rem;
    padding-bottom: 10rem;
  }
}
.areaSect__head {
  align-items: center;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .areaSect__head {
    gap: 13rem;
    width: 43rem;
  }
}
@media screen and (max-width: 768px) {
  .areaSect__head {
    gap: 10rem;
  }
}
@media screen and (min-width: 768px) {
  .areaSect__head .heading--large:before {
    height: 28rem;
  }
}
@media screen and (min-width: 768px) {
  .areaSect__cont {
    margin: 0;
    width: 61.2rem;
  }
}
@media screen and (max-width: 768px) {
  .areaSect__cont {
    margin: 0 -3.2rem;
  }
  .areaSect__cont .photo__caption {
    padding-right: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .cultureSect__cont {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    padding: 0 10.7rem;
  }
}
.cultureSect__visual {
  flex-shrink: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .cultureSect__visual {
    margin-left: -18.7rem;
    width: 52.6rem;
  }
}
@media screen and (max-width: 768px) {
  .cultureSect__visual {
    margin-left: -3.2rem;
    margin-right: -3.2rem;
  }
}
@media screen and (min-width: 768px) {
  .cultureSect__body {
    flex-shrink: 0;
    padding-top: 12rem;
    width: 50.1rem;
  }
}
@media screen and (max-width: 768px) {
  .cultureSect__body {
    margin-top: 8rem;
  }
}
.cultureSect__lead .heading {
  border-bottom: 1px solid #B9A87A;
  padding-bottom: 2.4rem;
}
.cultureSect__lead + .cultureSect__figures {
  margin-top: 8rem;
}
.cultureSect__figures {
  display: grid;
  grid-gap: 1.6rem;
  gap: 1.6rem;
  grid-template-columns: 1fr 1fr;
}
.cultureSect__figures .photo:first-child {
  grid-column: 1/3;
}
.cultureSect__figures + .caption {
  margin-top: 2rem;
}
@media screen and (min-width: 768px) {
  .cultureSect__bottom {
    height: 50rem;
    margin: 14rem -8rem 0;
  }
}
@media screen and (max-width: 768px) {
  .cultureSect__bottom {
    height: 19.5rem;
    margin: 10rem -3.2rem 0;
  }
}
.cultureSect__bottom .parallaxPhoto {
  height: 100%;
}
.facilitySect {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .facilitySect {
    margin: 0 -8rem;
    padding-top: 14rem;
  }
}
@media screen and (max-width: 768px) {
  .facilitySect {
    margin: 0 -3.2rem;
    padding: 14rem 3.2rem 0;
  }
}
.facilitySect:after {
  background-color: rgba(185, 168, 122, 0.5);
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform: rotate(-45deg);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  .facilitySect:after {
    left: -20.8rem;
    top: 12rem;
    width: 75rem;
  }
}
@media screen and (max-width: 768px) {
  .facilitySect:after {
    left: -29rem;
    top: 6.5rem;
    width: 75rem;
  }
}
@media screen and (min-width: 768px) {
  .facilitySect__head {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .facilitySect__head .heading {
    font-size: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .facilitySect__head .heading {
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .facilitySect__head + .facilitySect__cont {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .facilitySect__head + .facilitySect__cont {
    margin-top: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .facilitySect__cont {
    margin: 0 auto;
    width: 105.6rem;
  }
}
@media screen and (max-width: 768px) {
  .facilitySect__cont .zoomFigure {
    margin: 0 -3.2rem;
  }
}
.activitySect {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .activitySect {
    gap: 8rem;
    padding-top: 18rem;
  }
}
@media screen and (max-width: 768px) {
  .activitySect {
    gap: 6rem;
    padding-top: 14rem;
  }
}
.activitySect__ttl {
  color: #9A8857;
  font-family: "Cormorant Infant", serif;
  letter-spacing: 0.05em;
  line-height: 1;
  opacity: 0.7;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .activitySect__ttl {
    font-size: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .activitySect__ttl {
    font-size: 5rem;
  }
}
.activitySect__inner {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .activitySect__inner {
    gap: 5.6rem;
  }
}
@media screen and (max-width: 768px) {
  .activitySect__inner {
    gap: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .activitySect__lead {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .activitySect__slider {
    margin: 0 -8rem;
  }
}
@media screen and (max-width: 768px) {
  .activitySect__slider {
    margin: 0 -3.2rem;
  }
}
.gourmetSect {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .gourmetSect {
    gap: 8rem;
    padding-top: 18rem;
  }
}
@media screen and (max-width: 768px) {
  .gourmetSect {
    gap: 6rem;
    padding-top: 14rem;
  }
}
.gourmetSect__ttl {
  color: #9A8857;
  font-family: "Cormorant Infant", serif;
  letter-spacing: 0.05em;
  line-height: 1;
  opacity: 0.7;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .gourmetSect__ttl {
    font-size: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .gourmetSect__ttl {
    font-size: 5rem;
  }
}
.gourmetSect__inner {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .gourmetSect__inner {
    gap: 5.6rem;
  }
}
@media screen and (max-width: 768px) {
  .gourmetSect__inner {
    gap: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .gourmetSect__lead {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .gourmetSect__slider {
    margin: 0 -8rem;
  }
}
@media screen and (max-width: 768px) {
  .gourmetSect__slider {
    margin: 0 -3.2rem;
  }
}
.gourmetSect__slider {
  margin-right: calc(50% - 50vw + 0px / 2);
  margin-right: calc(50% - 50vw + var(--scrollbar, 0px) / 2);
}
.gourmetCard__hero {
  margin: 0;
}
.gourmetCard__detail {
  margin-top: 1.6rem;
}
@media screen and (min-width: 768px) {
  .gourmetCard__detail {
    align-items: flex-start;
    display: flex;
    gap: 2.4rem;
  }
}
.gourmetCard__fig {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .gourmetCard__fig {
    flex-shrink: 0;
    width: 25rem;
  }
}
@media screen and (max-width: 768px) {
  .gourmetCard__fig {
    display: none;
  }
}
.shoppingSect {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .shoppingSect {
    gap: 8rem;
    padding: 18rem 0 16rem;
  }
}
@media screen and (max-width: 768px) {
  .shoppingSect {
    gap: 6rem;
    padding: 14rem 0 10rem;
  }
}
.shoppingSect__ttl {
  color: #9A8857;
  font-family: "Cormorant Infant", serif;
  letter-spacing: 0.05em;
  line-height: 1;
  opacity: 0.7;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .shoppingSect__ttl {
    font-size: 8rem;
  }
}
@media screen and (max-width: 768px) {
  .shoppingSect__ttl {
    font-size: 5rem;
  }
}
.shoppingSect__inner {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .shoppingSect__inner {
    gap: 5.6rem;
  }
}
@media screen and (max-width: 768px) {
  .shoppingSect__inner {
    gap: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .shoppingSect__lead {
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .shoppingSect__slider {
    margin: 0 -8rem;
  }
}
@media screen and (max-width: 768px) {
  .shoppingSect__slider {
    margin: 0 -3.2rem;
  }
}
.shopCard {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .shopCard {
    gap: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .shopCard {
    gap: 1.6rem;
  }
}
.shopCard__fig {
  margin: 0;
}
/*# sourceMappingURL=style.css.map */