@charset "UTF-8";
/*color*/
/*add color*/
/*font-family*/
/*filler color*/
/*text-shadow*/
/*media query break point*/
/*mainBP*/
/*gHeader用*/
/*cubic*/
/* media query */
/* hover */
/* ------------------------------------------------------------
	lineHeightCrop（line-heightの不要な余白を打ち消す）のmixin。
------------------------------------------------------------ */
.p-plan i {
  display: inline-block;
}
.p-plan .p-mv {
  width: 100%;
  height: 50svh;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .p-plan .p-mv {
    height: 100svh;
  }
}
.p-plan .p-mv__ttl {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
  font-family: "EB Garamond", serif;
  font-size: 4.5rem;
  text-align: center;
  letter-spacing: 0.2em;
  color: #6e5a4c;
}
@media only screen and (max-width: 768px) {
  .p-plan .p-mv__ttl {
    font-size: 3rem;
  }
}
.p-plan .p-mv__ttl img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-plan .p-mv__img {
  width: 100%;
  height: 100%;
}
.p-plan .p-mv__img picture {
  width: 100%;
  height: 100%;
}
.p-plan .p-mv__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.p-plan .p-plans {
  padding-block: 10rem;
  position: relative;
}
.p-plan .p-plans__bgimg01 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .p-plan .p-plans__bgimg01 {
    width: 150%;
  }
}
.p-plan .p-plans__bgimg02 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .p-plan .p-plans__bgimg02 {
    width: 150%;
  }
}
.p-plan .p-plans__cross, .p-plan .p-plans__cross--02, .p-plan .p-plans__cross--01 {
  position: absolute;
}
.p-plan .p-plans__cross--01 {
  top: 0%;
  left: 0%;
  width: 15%;
}
.p-plan .p-plans__cross--02 {
  bottom: -5%;
  right: 2.5%;
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .p-plan .p-plans {
    padding-block: 5rem;
  }
}
.p-plan .p-plans__listCont {
  width: 90%;
  max-width: 1200px;
  margin-inline: auto;
}
.p-plan .p-plans__listTtl {
  font-family: "EB Garamond", serif;
  color: #99865d;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 4rem;
  margin-top: 3em;
}
@media only screen and (max-width: 768px) {
  .p-plan .p-plans__listTtl {
    font-size: 3rem;
  }
}
.p-plan .p-seino {
  padding-block: 10rem;
}
@media only screen and (max-width: 768px) {
  .p-plan .p-seino {
    padding-block: 5rem;
  }
}
.p-plan .p-seino__img {
  width: 90%;
  max-width: 500px;
  margin-inline: auto;
}
/*# sourceMappingURL=../../map/floorplan/plan.css.map */