@charset "utf-8";
/* ============================
footprints--first
===============================*/
.footprints--first {
  position: absolute;
}

.footprints--first .footprints--weasel {
  width: 300px;
  height: 400px;
}

.weaselFoot--first {
  opacity: 0;
}

/* footprints--first pc */
@media screen and (min-width: 1025px) {
  .footprints--first {
    left: 5%;
    transform: translateY(-10%);
  }

  .footprints--first .footprints--weasel {
    width: 600px;
    height: 800px;
  }
}/* pc 1025px */

/* ============================
room
===============================*/
.room__type {
  margin: 48px 2.35% 0;
}

.room__type-name {
  font-size: 2.0rem;
  color: var(--primary-green, #2E4A3F);
}

.room__type-desc {
  margin: 32px 4.9% 0;
}

.room__type-catch {
  font-size:2.0rem
}

.room__type-text {
  margin-top: 16px;
}

.room__type-img-wrap {
  margin-top: 32px;
}

/* room pc */
@media screen and (min-width: 1025px) {
  .room__type {
    margin: 96px 6.25% 0 var(--contentPadding-pc);
    display: flex;
    gap: 96px;
    align-items: center;
  }

  .room__type-title {
    font-size: 2.4rem;
  }

  .room__type-desc {
    margin: 48px 3.98% 0;
    flex: 0 0 32.2%;
  }

  .room__type-img-wrap {
    margin-top: 0;
    flex: 0 0 59.5%;
  }
}/* pc 1025px */

/* ============================
footprints--second
===============================*/
.footprints--second {
  position: absolute;
  right: 0;
  transform: scale(-1, 1) translateY(-50%);
}

.footprints--second .footprints--weasel {
  width: 300px;
  height: 400px;
}

.weaselFoot--second {
  opacity: 0;
}

@media screen and (min-width: 1025px) {
  .footprints--second {
    transform: scale(-1, 1) translate(10%, -10%);
  }

  .footprints--second .footprints--weasel {
    width: 600px;
    height: 800px;
  }
}/* pc 1025px */

/* ============================
facility
===============================*/
.facility__group {
  margin: 48px 2.33% 0;
}

.facilityName {
  font-size: 1.8rem;
}

.facilityText {
  margin: 24px 4.9% 0;
}

.facilityText--first {
  margin-top: 32px;
}

.facility__group-img {
  margin-top: 32px;
}

.facilityImg__wrap {
  width: 100%;
  aspect-ratio: 1/0.633;
}

.facilityImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* amenity */
.amenity__container {
  margin: 56px auto 150px;
}

.sectionTitle--tertiary {
  text-align: center;
  font-size: 2.0rem;
}

.amenity__list {
  width: auto;
  aspect-ratio: 1/0.66;
  margin: 32px 5.6% 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3.5% 2.3%;
}

.amenity__item {
  width: 100%;
  min-width: 70px;
  aspect-ratio: 1/1;
  border-radius: 2px;
  text-align: center;
  background-color: var(--primary-gray, #7F7F7F);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.amenityIcon {
  width: 35.8%;
  height: auto;
}

.amenityIcon.icon--tall {
  width: auto;
  height: 35.8%;
}

.amenityIcon__name {
  margin-top: 11.4%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.0rem;
  color: var(--primary-whiteLow, #F1F1F1);
}

.amenityIcon__name.font--small {
  font-size: 0.6rem;
}

.sp--none {
  display: none;
}

.amenity__table {
  width: 94.3%;
  margin: 32px auto;
  font-family: "Noto Serif JP", serif;
}

.amenity__table tr {
  padding: 16px 0 24px 5.8%;
  border-top: 1px solid #D9D9D9;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.amenityCategory {
  font-weight: normal;
  line-height: 2;
}

/* facility pc */
@media screen and (min-width: 1025px) {
  .facility__container {
    margin-top: 100px;
  }

  .facility__group {
    margin: 72px var(--contentPadding-pc) 0;
    display: flex;
    align-items: center;
    gap: 96px;
  }

  .facility__group.reverse-order {
    flex-direction: row-reverse;
  }
  .facility__group-desc {
    flex: 0 0 40%;
  }

  .facilityName {
    font-size: 2.0rem;
  }

  .facilityText {
    margin: 24px 3.5% 0;
  }

  .facilityText--first {
    margin-top: 32px;
  }

  .facility__group-img {
    width: 51.7%;
    aspect-ratio: 1/0.6;
    margin-top: 0;
  }

  .facilityImg__wrap {
    width: 100%;
    aspect-ratio: 1/0.607;
  }

  .facilityImg {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  /* amenity */
  .amenity__container {
    margin: 200px 14.2% 250px;
  }

  .amenity__list {
    width: auto;
    aspect-ratio: 1/0.37;
    margin: 96px auto 0;
    grid-template-columns: repeat(6, 1fr);
    gap: 15.8% 1.35%;
  }

  .amenity__item {
    width: 100%;
    aspect-ratio: 1;
    max-width: 160px;
  }

  .amenityIcon {
    width: 43.75%;
    height: auto;
  }

  .amenityIcon.icon--tall {
    width: auto;
    height: 43.75%;
  }

  .amenityIcon.icon--small {
    width: 40.625%;
    height: auto;
  }

  .amenityIcon__name {
    margin-top: 5%;
    font-size: 1.4rem;
  }

  .amenityIcon__name.font--small {
    font-size: 1.4rem;
  }

  .sp--none {
    display: inline;
  }

  .br--sp {
    display: none;
  }

  .amenity__table {
    margin: 96px 2.86% 0;
  }

  .amenity__table tr {
    padding: 16px 2.98% 48px 4.3%;
    border-top: 1px solid #D9D9D9;
    display: flex;
    flex-direction: row;
    gap: 120px;
  }

  .amenityCategory {
    width: 112px;
  }
}/* pc 1025px */