@charset "UTF-8";
/* ----------------------------------------

  ランドプラン
  /landplan/index.html

---------------------------------------- */
/* title
---------------------------------------- */
.page_header__landplan {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  min-height: 750px;
  background: url("../../landplan/images/img-landplan__pc.jpg") center center/cover no-repeat;
}
@media screen and (min-width: 1600px) {
  .page_header__landplan {
    min-height: 1000px;
    background: url("../../landplan/images/img-landplan__2x.jpg") center center/cover no-repeat;
  }
}
@media (max-width: 768px) {
  .page_header__landplan {
    background: url("../../landplan/images/img-landplan__sp.jpg") center center/cover no-repeat;
    width: 100vw;
    min-height: 100vw;
  }
}

.page_title {
  top: 16%;
  color: #646464;
  font-family: "Bellefair", serif;
}
.page_title span {
  font-family: "Noto Serif JP", serif;
}
@media screen and (min-width: 1501px) {
  .page_title {
    top: 14%;
  }
}
@media (max-width: 768px) {
  .page_title {
    top: 18%;
    font-size: min(10vw, 75px);
  }
}

/* lp-Section
----------------------------------------------- */
.lp-Section {
  padding-top: 4%;
  padding-bottom: 4%;
}
@media (max-width: 768px) {
  .lp-Section {
    padding-top: 8%;
    padding-bottom: 8%;
  }
}
.lp-Section__title {
  color: #323232;
  font-size: min(4vw, 36px);
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  line-height: 2;
  text-align: center;
  margin-bottom: 3%;
}
@media (max-width: 768px) {
  .lp-Section__title {
    text-align: left;
    font-size: min(6.95vw, 51px);
    margin-bottom: 6%;
  }
}
.lp-Section__txt {
  font-size: min(2vw, 18px);
  text-align: center;
  line-height: 2;
  margin-bottom: 3%;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 768px) {
  .lp-Section__txt {
    font-size: min(3.9vw, 27px);
    text-align: left;
    margin: 0 auto min(6%, 90px);
  }
}

/* lp-parking
----------------------------------------------- */
.lp-parking {
  text-align: center;
}
.lp-parking__wrap {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 2vw;
  margin: 3% auto;
}
@media (max-width: 768px) {
  .lp-parking__wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 5vw;
    margin: 6% auto;
  }
}
.lp-parking__image {
  width: 60%;
  display: flex;
  position: relative;
}
@media (max-width: 768px) {
  .lp-parking__image {
    width: 100%;
  }
}
.lp-parking__image picture,
.lp-parking__image img {
  width: 100%;
  height: 100%;
  display: block;
}
.lp-parking__image img {
  object-fit: cover;
}
.lp-parking__image::after {
  content: "image";
  position: absolute;
  display: block;
  letter-spacing: 0.1em;
  color: #fff;
  font-size: 13px;
  bottom: 2%;
  right: 2%;
  z-index: 2;
}
.lp-parking__wrap:last-child {
  margin-bottom: 0%;
}
.lp-parking__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  width: 40%;
}
@media (max-width: 768px) {
  .lp-parking__info {
    width: 100%;
    padding: 0;
  }
}
.lp-parking__info .img1 {
  margin-bottom: 4%;
  display: block;
}
@media (max-width: 768px) {
  .lp-parking__info .img1 {
    width: 70%;
  }
}
.lp-parking__info .img2 {
  margin-bottom: 4%;
  display: block;
}
@media (max-width: 768px) {
  .lp-parking__info .img2 {
    width: 75%;
  }
}
.lp-parking__info .cnt {
  font-size: clamp(13px, 1.94vw, 16px);
  font-size: clamp(13px, 1.76vw, 16px);
  text-align: left;
  line-height: 2;
  font-family: "Noto Serif JP", serif;
}
@media (max-width: 768px) {
  .lp-parking__info .cnt {
    font-size: min(3.55vw, 24px);
  }
}

/* lp-map
----------------------------------------------- */
.lp-map {
  display: block;
  margin: 3% auto 0;
}
@media (max-width: 768px) {
  .lp-map {
    width: 100%;
    margin: 6% auto 0;
  }
}

/* lp-utilities
---------------------------------------- */
.lp-utilities {
  text-align: center;
  font-family: "Noto Serif JP", serif;
}
.lp-utilities__title {
  color: #323232;
  font-size: 42px;
  font-weight: 500;
  font-family: "Bellefair", sans-serif;
  letter-spacing: 0.25em;
  line-height: 1.6;
  text-align: center;
  border-bottom: #323232 1px solid;
  margin-bottom: 3%;
  padding-top: 1%;
}
@media (max-width: 768px) {
  .lp-utilities__title {
    margin-bottom: 6%;
    font-size: min(8.4vw, 63px);
  }
}
.lp-utilities__wrap00, .lp-utilities__wrap01 {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 4rem 2rem;
}
@media (max-width: 768px) {
  .lp-utilities__wrap00, .lp-utilities__wrap01 {
    gap: 8vw 5vw;
  }
}
.lp-utilities__wrap00 {
  flex-wrap: wrap;
}
.lp-utilities__wrap01 {
  flex-wrap: nowrap;
}
@media (max-width: 768px) {
  .lp-utilities__wrap01 {
    flex-wrap: wrap;
  }
}
.lp-utilities__item00, .lp-utilities__icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.lp-utilities__item00 {
  flex: 0 0 30%;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .lp-utilities__item00 {
    flex: 0 0 45%;
  }
}
.lp-utilities__item01 {
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .lp-utilities__item01 {
    flex: 0 0 47%;
  }
}
.lp-utilities__cnt {
  font-size: min(28px, 2.75vw);
  text-align: center;
  line-height: 1.36;
}
@media (max-width: 768px) {
  .lp-utilities__cnt {
    font-size: min(4.5vw, 42px);
  }
}
.lp-utilities__cnt span {
  margin-top: 0.5rem;
  display: inline-block;
  font-size: min(1.92vw, 16px);
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .lp-utilities__cnt span {
    font-size: min(3.125vw, 24px);
  }
}
.lp-utilities__icon span {
  margin: 1rem auto;
  font-size: min(1.6vw, 14px);
  text-align: center;
  letter-spacing: 0.04em;
  font-family: "Bellefair", serif;
}
@media (max-width: 768px) {
  .lp-utilities__icon span {
    font-size: min(3vw, 21px);
  }
}

/* 
.outline_notes
----------------------------------------*/
.outline_notes {
  margin-top: 3%;
  color: #646464;
  counter-reset: note;
  list-style: none;
}
@media (max-width: 768px) {
  .outline_notes {
    margin-top: 6%;
  }
}
.outline_notes li {
  font-family: "Noto Serif JP", sans-serif;
  font-size: 13px;
  line-height: 2;
  letter-spacing: 0.04em;
  counter-increment: note;
  position: relative;
  padding-left: 1em;
}
@media (max-width: 768px) {
  .outline_notes li {
    font-size: min(2.29vw, 18px);
  }
}
.outline_notes li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}

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