@media screen and (min-width: 768px) {
  .conceptSect {
    padding-bottom: 14rem;
  }
}
@media screen and (max-width: 768px) {
  .conceptSect {
    padding-bottom: 10rem;
  }
}
@media screen and (min-width: 768px) {
  .publicSect {
    padding: 18rem 0 12rem;
  }
}
@media screen and (max-width: 768px) {
  .publicSect {
    padding: 10rem 0 8rem;
  }
}
.publicSect__bottom {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .publicSect__bottom {
    margin-top: 10rem;
    width: 72.3rem;
  }
}
@media screen and (max-width: 768px) {
  .publicSect__bottom {
    margin-top: 6.4rem;
  }
}
.publicSlider__main {
  position: relative;
}
.publicSlider__slides {
  display: grid;
}
.publicSlider__slides > * {
  grid-area: 1/1;
}
@media screen and (max-width: 768px) {
  .publicSlider__slides {
    margin: 0 -3.2rem;
  }
}
.publicSlider__slide {
  opacity: 0;
  transition: opacity 0.8s ease;
}
.publicSlider__slide.is-active {
  opacity: 1;
}
.publicSlider__thumbs {
  display: flex;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .publicSlider__thumbs {
    bottom: 2rem;
    gap: 1rem;
    left: 2rem;
    position: absolute;
  }
}
@media screen and (max-width: 768px) {
  .publicSlider__thumbs {
    gap: 0.6rem;
    justify-content: center;
    margin-top: 1.6rem;
  }
}
.publicSlider__thumb {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  cursor: pointer;
  overflow: hidden;
  padding: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .publicSlider__thumb {
    height: 4rem;
    width: 7rem;
  }
}
@media screen and (max-width: 768px) {
  .publicSlider__thumb {
    height: 3.2rem;
    width: 5.6rem;
  }
}
.publicSlider__thumb:after {
  border: 0.2rem solid transparent;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 768px) {
  .publicSlider__thumb:after {
    border-color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .publicSlider__thumb:after {
    border-color: #9A8857;
  }
}
.publicSlider__thumb.is-active:after {
  opacity: 1;
}
@media screen and (min-width: 768px) {
  .publicSlider__foot {
    align-items: center;
    display: flex;
    gap: 8rem;
    justify-content: center;
    margin-top: 3.2rem;
  }
}
@media screen and (max-width: 768px) {
  .publicSlider__foot {
    margin-top: 2.4rem;
  }
}
.publicSlider__heading {
  color: #9A8857;
  letter-spacing: 0.1em;
  line-height: 1.6;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .publicSlider__heading {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 768px) {
  .publicSlider__heading {
    font-size: 2rem;
  }
}
.publicSlider__bodies {
  display: grid;
}
@media screen and (max-width: 768px) {
  .publicSlider__bodies {
    margin-top: 2.4rem;
  }
}
.publicSlider__bodies > * {
  grid-area: 1/1;
}
.publicSlider__body {
  border-top: 0.1rem solid rgba(185, 168, 122, 0.3);
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  opacity: 0;
  padding-top: 1.6rem;
  transition: opacity 0.8s ease;
}
@media screen and (min-width: 768px) {
  .publicSlider__body {
    width: 61.2rem;
  }
}
.publicSlider__body.is-active {
  opacity: 1;
}
.publicSlider__body .heading--medium {
  color: #4D5357;
}
.publicSlider__body .txt + .caption {
  margin-top: 0;
}
.publicSlider__room {
  color: #9A8857;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.8;
}
/*# sourceMappingURL=style.css.map */