@charset "UTF-8";
:root {
  --inner-scale: 1;
  --vw-base: calc(1600 / var(--inner-scale));
  --inner: 1260;
  --inner-1600: 1600px;
}
@media screen and (max-width: 767px) {
  :root {
    --vw-base: 375;
    --inner-scale: 1;
    --inner: 315;
  }
}

/* ===============================
  テナントの情報
=============================== */
@media (max-width: 767px) {
  .hero--apartment-info img {
    -o-object-position: 28% center;
       object-position: 28% center;
  }
}

/*------------------------------
intro
------------------------------*/
.intro {
  padding-top: calc(115 * 100vw / var(--vw-base));
  position: relative;
}
@media (max-width: 767px) {
  .intro {
    padding: calc(40 * 100vw / var(--vw-base)) 0 calc(380 * 100vw / var(--vw-base));
  }
}

.intro__content {
  width: calc(600 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .intro__content {
    width: 100%;
  }
}

.intro__heading {
  font-size: calc(50 * 100vw / var(--vw-base));
  font-weight: 500;
  line-height: 1.74;
  letter-spacing: 0.06em;
  color: #595757;
}
.intro__heading strong {
  display: inline;
  background: linear-gradient(transparent 80%, #f0ea30 40%);
}
@media (max-width: 767px) {
  .intro__heading {
    font-size: calc(26 * 100vw / var(--vw-base));
  }
}

.intro__message {
  font-size: calc(20 * 100vw / var(--vw-base));
  font-weight: 400;
  line-height: 2.2;
  margin-top: 2.25em;
}
@media (max-width: 767px) {
  .intro__message {
    font-size: calc(16 * 100vw / var(--vw-base));
    margin-top: 1.5em;
    font-size: calc(12 * 100vw / var(--vw-base));
    font-feature-settings: "palt";
    letter-spacing: normal;
    line-height: 1.85;
  }
}

.intro__image {
  position: absolute;
  top: calc(93 * 100vw / var(--vw-base));
  right: 0;
  width: calc(746 * 100vw / var(--vw-base));
}
@media (max-width: 767px) {
  .intro__image {
    bottom: 0;
    top: unset;
    margin-top: calc(40 * 100vw / var(--vw-base));
    width: 90%;
  }
}

/*------------------------------
map
------------------------------*/
.map {
  padding-top: calc(104 * 100vw / var(--vw-base));
}
@media (max-width: 767px) {
  .map {
    padding-top: calc(44 * 100vw / var(--vw-base));
  }
}

.map__header {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .map__header {
    display: block;
  }
}

.map__title {
  width: calc(515 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .map__title {
    width: 80%;
  }
}

.map__description {
  font-size: calc(20 * 100vw / var(--vw-base));
  font-weight: 400;
  margin-left: 3em;
  font-feature-settings: "palt";
}
@media (min-width: 768px) {
  .map__description {
    position: relative;
    transform: translateY(-0.6em);
  }
}
@media (max-width: 767px) {
  .map__description {
    margin-left: 0;
    font-size: calc(10 * 100vw / var(--vw-base));
    margin-top: 2em;
  }
}

.map__icons {
  display: flex;
  margin-top: calc(54 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .map__icons {
    flex-wrap: wrap;
    margin-top: 10%;
    gap: calc(20 * 100vw / var(--vw-base)) calc(40 * 100vw / var(--vw-base));
  }
}

.map__icon {
  font-size: calc(20 * 100vw / var(--vw-base));
  font-weight: 400;
  line-height: 2.2;
}
.map__icon img {
  width: 3.5em;
  margin-right: 0.9em;
}
.map__icon:nth-child(2) {
  margin-left: 5.8%;
}
.map__icon:nth-child(3) {
  margin-left: 4%;
}
@media (max-width: 767px) {
  .map__icon {
    font-size: calc(10 * 100vw / var(--vw-base));
  }
  .map__icon:nth-child(n+2) {
    margin-left: 0;
  }
  .map__icon img {
    width: 3.4em;
  }
}

.map__checkbox-wrap {
  display: flex;
  align-items: center;
  transform: translateY(40%);
  font-feature-settings: "palt";
}

.map__checkbox-custom {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  display: flex;
  align-items: center;
}
.map__checkbox-custom:has(input[type=checkbox]:checked) .map__checkbox::after {
  display: block;
}
.map__checkbox-custom input[type=checkbox] {
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  width: 0;
  height: 0;
}

.map__checkbox {
  display: inline-block;
  width: 0.95em;
  height: 0.95em;
  border: 1px solid #000;
  position: relative;
  margin-left: 1em;
}
.map__checkbox::after {
  content: "";
  position: absolute;
  top: 30%;
  left: 90%;
  transform: translate(-50%, -50%);
  display: block;
  background: url(../img/icon_checkmark.svg) no-repeat center center/cover;
  width: 1.5em;
  aspect-ratio: 30/20;
  display: none;
}

.map__canvas {
  margin-top: calc(35 / var(--inner) * 100%);
}

.map__button {
  margin-top: calc(70 / var(--inner) * 100%);
}

.map__search {
  margin-left: 4.7%;
  margin-top: 3.2%;
}
.map__search a, .map__search button {
  font-size: calc(15 * 100vw / var(--vw-base));
  background: #595757;
  padding: 0.9em 1em;
  width: 10em;
}
.map__search a::after, .map__search button::after {
  right: 0.9em;
}
@media (max-width: 767px) {
  .map__search {
    margin-left: -3%;
    margin-top: 6.2%;
  }
  .map__search a, .map__search button {
    font-size: calc(9 * 100vw / var(--vw-base));
  }
}

.map__canvas {
  margin-top: calc(45 / var(--inner) * 100%);
  width: 100%;
  aspect-ratio: 1265/612;
  border-radius: calc(20 * 100vw / var(--vw-base));
  overflow: hidden;
}
@media (max-width: 767px) {
  .map__canvas {
    aspect-ratio: 1/1;
  }
}

/*------------------------------
property
------------------------------*/
.property {
  padding: calc(170 * 100vw / var(--vw-base)) 0 calc(150 * 100vw / var(--vw-base));
}
@media (max-width: 767px) {
  .property {
    padding: calc(70 * 100vw / var(--vw-base)) 0 calc(150 * 100vw / var(--vw-base));
  }
}

.property__title {
  width: calc(515 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .property__title {
    width: 80%;
  }
}

.property__list {
  margin-top: calc(60 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .property__list {
    margin-top: calc(35 * 100vw / var(--vw-base));
  }
}

.property__item-button {
  margin-top: calc(80 * 100vw / var(--vw-base));
}
@media (max-width: 767px) {
  .property__item-button {
    margin-top: calc(60 * 100vw / var(--vw-base));
  }
  .property__item-button span {
    width: 65%;
  }
}

@media (max-width: 767px) {
  .propertyListSwiper {
    overflow: hidden;
    width: calc(100% / (var(--inner) / var(--vw-base)) * 0.92);
    position: relative;
  }
  .propertyListSwiper .swiper-slide {
    width: calc(235 * 100vw / var(--vw-base));
    margin-right: calc(40 * 100vw / var(--vw-base));
  }
  .propertyListSwiper .swiper-slide:nth-child(n) {
    margin-top: 0;
  }
  .propertyListSwiper .swiper-button-next {
    right: 16%;
    top: 54vw;
    width: 10%;
  }
}

/*------------------------------
interview 
------------------------------*/
.interview {
  background: #ececec;
  padding: calc(150 * 100vw / var(--vw-base)) 0 calc(120 * 100vw / var(--vw-base));
}
@media (max-width: 767px) {
  .interview {
    padding: calc(70 * 100vw / var(--vw-base)) 0 calc(55 * 100vw / var(--vw-base));
  }
}

@media (max-width: 767px) {
  .interview__inner {
    width: 100%;
  }
}

.interview__content {
  margin-top: calc(60 / var(--inner) * 100%);
  background: #fff;
  border-radius: calc(80 * 100vw / var(--vw-base));
  padding: calc(50 / var(--inner) * 100%) 0 calc(30 / var(--inner) * 100%);
}
@media (max-width: 767px) {
  .interview__content {
    border-radius: unset;
    padding: calc(20 / var(--inner) * 100%) 0 calc(50 / var(--inner) * 100%);
    margin-top: 9%;
    padding-bottom: 5%;
  }
}

.interview__message {
  font-size: calc(20 * 100vw / var(--vw-base));
  font-weight: 500;
  line-height: 2.35;
  letter-spacing: 0.1em;
  color: #80b44b;
  text-align: center;
}
@media (max-width: 767px) {
  .interview__message {
    font-size: calc(12 * 100vw / var(--vw-base));
  }
}

.interview__list {
  margin-top: calc(140 * 100vw / var(--vw-base));
}
.interview__list .list-body {
  padding: 5% 10%;
}
@media (max-width: 767px) {
  .interview__list {
    margin-top: 0;
    padding-top: calc(100 * 100vw / var(--vw-base));
  }
}

.interview__button {
  margin-top: calc(100 / var(--inner) * 100%);
  text-align: center;
}
@media (max-width: 767px) {
  .interview__button {
    margin-top: calc(50 / var(--inner) * 100%);
    text-align: left;
  }
}

@media (max-width: 767px) {
  .interviewSwiper {
    overflow: hidden;
    position: relative;
  }
  .interviewSwiper .swiper-slide {
    width: calc(270 * 100vw / var(--vw-base));
  }
  .interviewSwiper .swiper-slide:nth-child(n+2) {
    margin-top: 0;
  }
  .interviewSwiper .swiper-button-next {
    background: #2e9559;
    top: 61vw;
    right: 14vw;
    width: 10%;
  }
  .interviewSwiper .interview-item__catch {
    font-size: calc(14 * 100vw / var(--vw-base));
    top: 5vw;
    right: 8%;
  }
  .interviewSwiper .interview-item__number {
    left: 5vw;
    top: 6vw;
  }
  .interviewSwiper .interview-item__title {
    font-size: calc(16 * 100vw / var(--vw-base));
  }
  .interviewSwiper .interview-item__category {
    transform: scale(0.6);
    transform-origin: left center;
  }
}

.tenant-banner {
  margin-top: 9%;
}
/*# sourceMappingURL=info.css.map */