@charset "UTF-8";
.detail-information {
  background-color: #ffffff;
  width: 86%;
  max-width: min(1200px, 100vw);
  margin-right: auto;
  margin-left: auto;
  border-radius: min(10px, 0.8333333333vw);
  overflow: hidden;
  margin-top: min(31px, 2.5833333333vw);
  box-shadow: min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) 0px rgba(0, 0, 0, 0.2509803922);
}

.detail-information__inner {
  margin-right: auto;
  margin-left: auto;
  padding-inline: min(20px, 1.6666666667vw);
  padding-top: min(40px, 3.3333333333vw);
  padding-bottom: min(53px, 4.4166666667vw);
}
@media screen and (max-width: 767px) {
  .detail-information__inner {
    padding: 5vw;
  }
}

.detail-information__head {
  display: flex;
  align-items: center;
  gap: 11.3924050633%;
}
@media screen and (max-width: 767px) {
  .detail-information__head {
    gap: 30px;
    flex-wrap: wrap;
  }
}

.detail-information__title {
  display: inline-block;
  color: #03b087;
  font-weight: 800;
  letter-spacing: min(4.16px, 0.3466666667vw);
  padding-bottom: min(15px, 1.25vw);
  padding-right: min(16.85px, 1.4041666667vw);
  padding-left: min(6.15px, 0.5125vw);
  border-bottom: min(1px, 0.0833333333vw) solid #03b087;
}
@media screen and (max-width: 767px) {
  .detail-information__title {
    font-size: 4.2vw;
  }
}

.detail-information__tel {
  display: flex;
  align-items: center;
  color: #fc662e;
  letter-spacing: min(4.16px, 0.3466666667vw);
  gap: min(16px, 1.3333333333vw);
  font-weight: 800;
}
.detail-information__tel img {
  width: min(40px, 3.3333333333vw);
}
@media screen and (max-width: 767px) {
  .detail-information__tel {
    font-size: 4.2vw;
  }
  .detail-information__tel img {
    width: 4.2vw;
  }
}

.detail-information__body {
  display: flex;
  max-width: min(1140px, 95vw);
  margin-left: auto;
  margin-right: 0;
  gap: 3%;
  margin-top: min(35px, 2.9166666667vw);
}
@media screen and (max-width: 767px) {
  .detail-information__body {
    flex-direction: column;
  }
}

.detail-information__img {
  width: 57.2332730561%;
  max-width: min(633px, 52.75vw);
}
@media screen and (max-width: 767px) {
  .detail-information__img {
    width: 100%;
    max-width: 100%;
  }
}

.detail-information__info {
  width: 42.5858951175%;
}
@media screen and (max-width: 767px) {
  .detail-information__info {
    width: 100%;
  }
}

.detail-information__items {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.detail-information__item {
  display: flex;
  font-size: min(18px, 1.5vw);
  letter-spacing: min(2.34px, 0.195vw);
  gap: min(18px, 1.5vw);
  align-items: center;
}
@media screen and (max-width: 767px) {
  .detail-information__item {
    font-size: 3vw;
  }
}

.information-item {
  width: 100%;
}

.information-item__icon {
  width: min(60px, 5vw);
}

.information-item__texts {
  display: flex;
  flex-direction: column;
  gap: min(8px, 0.6666666667vw);
  width: min(393px, 32.75vw);
}
@media screen and (max-width: 767px) {
  .information-item__texts {
    width: 100%;
    margin-top: 3vw;
  }
}

.information-item__text--green {
  color: #03b087;
  font-weight: 800;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .information-item__text--green {
    margin-bottom: 0.5vw;
  }
}

.information-item__text {
  line-height: 1;
  white-space: pre-wrap;
}

.detail-gallery {
  width: 86%;
  max-width: min(1200px, 100vw);
  margin-right: auto;
  margin-left: auto;
  border-radius: min(10px, 0.8333333333vw);
  overflow: hidden;
  margin-top: min(31px, 2.5833333333vw);
  box-shadow: min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) 0px rgba(0, 0, 0, 0.2509803922);
  border-radius: min(10px, 0.8333333333vw);
  background-color: rgba(3, 176, 135, 0.17);
  box-shadow: min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) 0px rgba(0, 0, 0, 0.25);
  position: relative;
}
.detail-gallery .detail-gallery__inner {
  padding-top: min(19px, 1.5833333333vw);
  padding-bottom: min(47px, 3.9166666667vw);
  padding-inline: max(6.8333333333%, 50px);
}
.detail-gallery .detail-gallery__title {
  text-align: center;
  font-weight: 800;
  letter-spacing: min(2.56px, 0.2133333333vw);
}
.detail-gallery .detail-gallery__content {
  margin-top: min(18px, 1.5vw);
}
.detail-gallery .swiper-wrapper {
  width: 100%;
}
.detail-gallery .detail-gallery__slide {
  flex-shrink: 0;
  box-sizing: border-box;
  padding: min(20px, 1.6666666667vw);
}
.detail-gallery .detail-gallery__slide img {
  display: block;
  width: 100%;
  height: auto;
}
.detail-gallery .swiper-slide {
  width: min(150px, 12.5vw);
  height: auto;
}
.detail-gallery .swiper-slide img {
  display: block;
}
.detail-gallery .swiper-button-prev {
  width: min(60px, 5vw);
  height: min(60px, 5vw);
  background: url(../img/icon_arrow-left.svg) no-repeat center center/contain;
  left: min(5px, 0.4166666667vw);
  top: calc(50% + 10px);
}
.detail-gallery .swiper-button-prev::after {
  content: "";
}
.detail-gallery .swiper-button-next {
  width: min(60px, 5vw);
  height: min(60px, 5vw);
  background: url(../img/icon_arrow-right.svg) no-repeat center center/contain;
  right: min(5px, 0.4166666667vw);
  top: calc(50% + 10px);
}
.detail-gallery .swiper-button-next::after {
  content: "";
}

.detail-price {
  background-color: #ffffff;
  width: 75%;
  max-width: min(1050px, 87.5vw);
  margin-right: auto;
  margin-left: auto;
  border-radius: min(10px, 0.8333333333vw);
  overflow: hidden;
  margin-top: min(31px, 2.5833333333vw);
  box-shadow: min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) 0px rgba(0, 0, 0, 0.2509803922);
}

.detail-price__inner {
  padding-inline: min(30px, 2.5vw);
  padding-block: min(30px, 2.5vw);
}

.detail-price__items {
  display: grid;
  gap: min(30px, 2.5vw);
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .detail-price__items {
    gap: min(15px, 1.25vw);
  }
}

.detail-price__item {
  width: 100%;
  max-width: min(280px, 23.3333333333vw);
  aspect-ratio: 227/200;
  border: min(1px, 0.0833333333vw) solid #03b087;
  border-radius: min(10px, 0.8333333333vw);
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .detail-price__item {
    border: 2px solid #03b087;
    max-width: min(300px, 25vw);
  }
}

.price-item__head {
  color: #ffffff;
  height: 50%;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  border-radius: min(0px, 0vw);
  background: linear-gradient(98deg, rgba(3, 176, 135, 0.3) 0.71%, #03b087 19.54%);
}

.price-item__plan {
  font-weight: 600;
  letter-spacing: min(2.56px, 0.2133333333vw);
  font-size: min(32px, 2.6666666667vw);
}

.price-item__note {
  letter-spacing: min(1.6px, 0.1333333333vw);
  font-size: min(20px, 1.6666666667vw);
}

.price-item__body {
  height: 50%;
  align-items: center;
  justify-content: center;
  display: flex;
}

.price-item__price {
  letter-spacing: min(2.56px, 0.2133333333vw);
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.price-item__num {
  font-weight: 800;
  color: #fc662e;
  letter-spacing: min(5.12px, 0.4266666667vw);
  font-size: min(64px, 5.3333333333vw);
}
@media screen and (max-width: 767px) {
  .price-item__num {
    letter-spacing: min(4px, 0.3333333333vw);
    font-size: min(60px, 5vw);
  }
}

@media screen and (max-width: 767px) {
  .price-item__unit {
    font-size: min(20px, 1.6666666667vw);
  }
}

.price-item__unit {
  font-weight: 800;
}

.detail-feature {
  background-color: #ffffff;
  width: 86%;
  max-width: min(1200px, 100vw);
  margin-right: auto;
  margin-left: auto;
  border-radius: min(10px, 0.8333333333vw);
  overflow: hidden;
  margin-top: min(31px, 2.5833333333vw);
  box-shadow: min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) 0 rgba(0, 0, 0, 0.2509803922);
}

.detail-feature__inner {
  padding-block: min(25px, 2.0833333333vw);
  padding-inline: min(25px, 2.0833333333vw);
}

.detail-feature__content {
  border-radius: min(10px, 0.8333333333vw);
  overflow: hidden;
}

.detail-feature__table {
  border-collapse: collapse;
  width: 100%;
}
.detail-feature__table tbody {
  width: 100%;
  display: table-row-group;
}
@media screen and (max-width: 767px) {
  .detail-feature__table tbody {
    font-size: 3.3vw;
  }
}
.detail-feature__table tr {
  display: flex;
  border-bottom: min(1px, 0.0833333333vw) solid #03b087;
  height: min(168px, 14vw);
}
@media screen and (max-width: 767px) {
  .detail-feature__table tr {
    height: auto;
  }
}
.detail-feature__table th {
  width: 19.4782608696%;
  flex-shrink: 0;
  background-color: rgba(3, 176, 135, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .detail-feature__table th {
    padding: 2vw 0;
  }
}
.detail-feature__table td {
  background-color: rgba(3, 176, 135, 0.17);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-inline: min(48.86px, 4.0716666667vw);
  white-space: pre-wrap;
}

.detail-feature__bottom {
  padding: min(25px, 2.0833333333vw);
  width: 100%;
  background-color: rgba(3, 176, 135, 0.17);
}

.detail-feature__map {
  max-width: min(1046px, 87.1666666667vw);
  height: min(376px, 31.3333333333vw);
  margin-right: auto;
  margin-left: auto;
}

.detail-reviews {
  background-color: #ffffff;
  width: 86%;
  max-width: min(1200px, 100vw);
  margin-right: auto;
  margin-left: auto;
  border-radius: min(10px, 0.8333333333vw);
  overflow: hidden;
  margin-top: min(31px, 2.5833333333vw);
  box-shadow: min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) 0 rgba(0, 0, 0, 0.2509803922);
  padding-bottom: min(40px, 3.3333333333vw);
}
.detail-reviews.is-open .detail-reviews__item.detail-reviews__item--fast {
  border: min(1px, 0.0833333333vw) solid #000;
  border-top: none;
  border-radius: min(10px, 0.8333333333vw);
  padding-top: min(108px, 9vw);
  padding-bottom: min(117px, 9.75vw);
}
.detail-reviews.is-open .detail-reviews__inner {
  padding-top: 0;
}
.detail-reviews.is-open .reviews-item__text::after {
  background: none;
}
.detail-reviews.is-open .detail-reviews__open {
  display: none;
}
.detail-reviews .detail-reviews__item {
  padding-top: min(108px, 9vw);
  padding-bottom: min(117px, 9.75vw);
  border-radius: min(10px, 0.8333333333vw);
  padding-inline: 8.3333333333%;
  border-radius: min(10px, 0.8333333333vw);
  border: min(1px, 0.0833333333vw) solid #000;
}
.detail-reviews .detail-reviews__item.detail-reviews__item--fast {
  border: none;
  padding-block: min(18px, 1.5vw);
}
.detail-reviews .reviews-item__head {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .detail-reviews .reviews-item__head {
    flex-wrap: wrap;
  }
}
.detail-reviews .review-form__right .reviews-item__stars {
  gap: min(calc(14 / 1400 * 100vw), 14px);
}
.detail-reviews .review-form__right .reviews-item__star {
  width: max(3.5714285714vw, 30px);
  height: max(3.5714285714vw, 30px);
  max-width: min(40px, 3.3333333333vw);
  max-height: min(40px, 3.3333333333vw);
  background: url(../img/icon_star.svg) no-repeat center center/contain;
}
.detail-reviews .review-form__right .reviews-item__star--active {
  background: url(../img/icon_star-active.svg) no-repeat center center/contain;
}
.detail-reviews .reviews-item__meta {
  gap: min(35px, 2.9166666667vw);
  margin-top: min(10px, 0.8333333333vw);
}
.detail-reviews .reviews-item__type {
  letter-spacing: min(1.92px, 0.16vw);
  font-size: min(24px, 2vw);
}
.detail-reviews .reviews-item__cost {
  font-size: min(24px, 2vw);
}
.detail-reviews .reviews-item__title {
  margin-top: min(25px, 2.0833333333vw);
  letter-spacing: min(2.24px, 0.1866666667vw);
}
.detail-reviews .reviews-item__text {
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  margin-top: min(31px, 2.5833333333vw);
  letter-spacing: min(1.6px, 0.1333333333vw);
}
.detail-reviews .reviews-item__text::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: min(100px, 8.3333333333vw);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%);
  pointer-events: none;
}
.detail-reviews .detail-reviews__drawer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 2s ease;
  opacity: 1;
  visibility: visible;
}
.detail-reviews .detail-reviews__drawer.is-open {
  max-height: min(3000000px, 250000vw);
}
.detail-reviews .detail-reviews__drawer.is-open .reviews-item__text::after {
  background: none;
}
.detail-reviews .reviews-form {
  border-radius: min(10px, 0.8333333333vw);
  background-color: rgba(3, 176, 135, 0.17);
  width: 84.0833333333%;
  max-width: min(1009px, 84.0833333333vw);
  margin-right: auto;
  margin-left: auto;
  padding-block: min(50px, 4.1666666667vw);
  padding-right: min(20px, 1.6666666667vw);
  padding-left: min(20px, 1.6666666667vw);
  margin-top: min(50px, 4.1666666667vw);
}
.detail-reviews .reviews-form__title {
  text-align: center;
  font-weight: 500;
  letter-spacing: min(4.16px, 0.3466666667vw);
}
.detail-reviews .reviews-form__body {
  display: block;
  max-width: min(595px, 49.5833333333vw);
  margin-right: auto;
  margin-left: auto;
  margin-top: min(50px, 4.1666666667vw);
}
.detail-reviews .review-form__row {
  display: flex;
  align-items: center;
  height: min(74.229px, 6.18575vw);
  border-bottom: min(1px, 0.0833333333vw) dashed #000000;
}
.detail-reviews .review-form__row--textarea {
  display: flex;
  align-items: center;
  height: min(232px, 19.3333333333vw);
  border-bottom: min(1px, 0.0833333333vw) dashed #000000;
}
.detail-reviews .review-form__left {
  background-color: rgba(3, 176, 135, 0.2);
  display: flex;
  align-items: center;
  height: 100%;
  width: 32.268907563%;
  flex-shrink: 0;
  padding-left: min(14px, 1.1666666667vw);
}
.detail-reviews .review-form__right {
  background-color: #ffffff;
  display: flex;
  align-items: center;
  height: 100%;
  flex-grow: 1;
  padding-inline: min(20px, 1.6666666667vw);
}
.detail-reviews .review-form__input {
  width: 100%;
  max-width: min(304px, 25.3333333333vw);
  height: min(46px, 3.8333333333vw);
  display: flex;
  align-items: center;
  padding-inline: min(15px, 1.25vw);
}
.detail-reviews .review-form__input::placeholder {
  color: rgba(117, 115, 115, 0.9);
  letter-spacing: min(2.6px, 0.2166666667vw);
}
.detail-reviews .review-form__select {
  display: block;
  position: relative;
  max-width: min(304px, 25.3333333333vw);
  width: 100%;
  cursor: pointer;
  height: min(46px, 3.8333333333vw);
  display: flex;
  align-items: center;
}
.detail-reviews .review-form__select::after {
  content: "▽";
  color: rgba(117, 115, 115, 0.9);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: min(17px, 1.4166666667vw);
}
.detail-reviews .review-form__select select {
  display: block;
  width: 100%;
  height: 100%;
  letter-spacing: min(2.6px, 0.2166666667vw);
  padding-inline: min(15px, 1.25vw);
  appearance: none;
  color: rgba(117, 115, 115, 0.9);
}
.detail-reviews .review-form__cost-input {
  display: flex;
  align-items: baseline;
  gap: min(16px, 1.3333333333vw);
  width: 100%;
}
.detail-reviews .review-form__cost-input input {
  max-width: min(142.313px, 11.8594166667vw);
}
.detail-reviews .review-form__cost-input input::placeholder {
  color: rgba(117, 115, 115, 0.9);
  letter-spacing: min(2.6px, 0.2166666667vw);
}
.detail-reviews .review-form__textarea {
  width: 100%;
  padding-inline: min(15px, 1.25vw);
  height: min(204.131px, 17.0109166667vw);
}
.detail-reviews .review-form__textarea::placeholder {
  color: rgba(117, 115, 115, 0.9);
  letter-spacing: min(2.6px, 0.2166666667vw);
}
.detail-reviews .review-form__submit {
  background-color: #03b087;
  color: #ffffff;
  padding-top: min(10px, 0.8333333333vw);
  padding-block: min(10px, 0.8333333333vw);
  padding-inline: min(50px, 4.1666666667vw);
  border-radius: min(10px, 0.8333333333vw);
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: min(50px, 4.1666666667vw);
  border-radius: min(10px, 0.8333333333vw);
  background-color: #03b087;
  box-shadow: min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) 0 rgba(0, 0, 0, 0.25);
  font-weight: 700;
  letter-spacing: min(3.12px, 0.26vw);
}

.detail-reviews__inner {
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

.detail-reviews__closed {
  color: #ffffff;
  padding-top: min(10px, 0.8333333333vw);
  padding-bottom: min(13px, 1.0833333333vw);
  padding-inline: min(50px, 4.1666666667vw);
  border-radius: min(10px, 0.8333333333vw);
  display: block;
  margin-right: auto;
  margin-left: auto;
  margin-top: min(50px, 4.1666666667vw);
  border-radius: min(10px, 0.8333333333vw);
  background-color: #fc662e;
  font-weight: 500;
  letter-spacing: min(2.6px, 0.2166666667vw);
  border: min(1px, 0.0833333333vw) solid #000;
}

.detail-reviews__open {
  padding-block: min(14px, 1.1666666667vw);
  padding-inline: min(72px, 6vw);
  background-color: #03b087;
  color: #ffffff;
  font-weight: 800;
  letter-spacing: min(1.92px, 0.16vw);
  display: block;
  border-radius: min(10px, 0.8333333333vw);
  box-shadow: min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) 0 rgba(0, 0, 0, 0.25);
  width: fit-content;
  margin-right: auto;
  margin-left: auto;
}

.recommend__body {
  max-width: none;
  padding-inline: max(8.3333333333%, 40px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .recommend__body {
    padding-inline: max(8.3333333333%, 20px);
  }
}

.swiper--recommend .swiper-slide {
  padding: 0 min(40px, 3.3333333333vw);
}
@media screen and (max-width: 767px) {
  .swiper--recommend .swiper-slide {
    padding: 0 min(20px, 1.6666666667vw);
  }
}

.swiper--column .swiper-slide {
  padding: 0 min(40px, 3.3333333333vw);
}
@media screen and (max-width: 767px) {
  .swiper--column .swiper-slide {
    padding: 0 min(20px, 1.6666666667vw);
  }
  .swiper--column .swiper-slide .columns-slide__text {
    font-size: 3.2vw;
  }
}

@media screen and (max-width: 767px) {
  .recommend-card__title {
    font-size: 3.5vw;
  }
}

@media screen and (max-width: 767px) {
  .recommend-card__body {
    font-size: 3vw;
  }
}

.recommend-card__tag {
  padding-left: min(5px, 0.4166666667vw);
  padding-right: min(8px, 0.6666666667vw);
}
@media screen and (max-width: 767px) {
  .recommend-card__tag {
    font-size: 3vw;
  }
}

.swiper-button-prev--recommend {
  top: 50%;
  transform: translateY(-50%);
}

.swiper-button-next--recommend {
  top: 50%;
  transform: translateY(-50%);
}

.detail__back {
  max-width: min(1200px, 100vw);
  margin-right: auto;
  margin-left: auto;
  padding-left: min(56px, 4.6666666667vw);
  width: 86%;
}

.back-button {
  width: min(270px, 22.5vw);
  height: min(104px, 8.6666666667vw);
  margin-top: min(30px, 2.5vw);
  display: block;
}
@media screen and (max-width: 767px) {
  .back-button {
    width: 30vw;
  }
}
.back-button img {
  width: 100%;
}

.nearby {
  background-color: #fff;
  width: 86%;
  max-width: min(1200px, 100vw);
  margin-right: auto;
  margin-left: auto;
  border-radius: min(10px, 0.8333333333vw);
  overflow: hidden;
  margin-top: min(31px, 2.5833333333vw);
  box-shadow: min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) min(5px, 0.4166666667vw) 0 rgba(0, 0, 0, 0.2509803922);
}

/*# sourceMappingURL=detail.css.map */