.pre-inc #main {
  position: relative;
  background: url(../images/design/mv.webp) no-repeat center center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .pre-inc #main {
    background: url(../images/design/mv_sp.webp) no-repeat center center;
    background-size: cover;
  }
}
.pre-inc #main .title {
  padding: 0;
  height: 50vw;
}
@media screen and (max-width: 767px) {
  .pre-inc #main .title {
    height: 95vw;
  }
}
.pre-inc #main .title .mv-txt1 {
  margin: 0;
  width: 100%;
  position: absolute;
  top: 18%;
  text-align: center;
  filter: drop-shadow(0 0 3px #000);
}
@media screen and (max-width: 767px) {
  .pre-inc #main .title .mv-txt1 {
    top: 16%;
  }
}
.pre-inc #main .title .mv-txt1 .main-title {
  color: #FFF;
}
.pre-inc #main .title .mv-txt1 .ttl-sub {
  color: #FFF;
}
.pre-inc #main .title .mv-txt2 {
  margin: 0;
  width: 13.5%;
  position: absolute;
  top: 0;
  right: 16%;
}
@media screen and (max-width: 767px) {
  .pre-inc #main .title .mv-txt2 {
    width: 24%;
    right: 5%;
  }
}
.pre-inc #main .cap {
  text-shadow: 0 0 3px #000;
}
.pre-inc #contents {
  padding: 0;
  background: url(../images/plan/bg.webp) repeat-y 0 0;
  background-size: cover;
  border-bottom: 1px solid #d4d4d4;
}
.pre-inc #contents .sub {
  margin-top: 1em;
  text-align: center;
  color: #000;
  font-size: min(3.2vw, 16px);
  font-family: "EB Garamond", "serif";
  letter-spacing: 0.1em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sub {
    margin-top: 0;
  }
}
.pre-inc #contents .sec-title {
  margin: 0.5em auto 1.25em;
  text-align: center;
  color: #938051;
  font-size: min(5vw, 32px);
  letter-spacing: 0.1em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec-title {
    margin: 0.5em auto 1em;
    letter-spacing: 0.05em;
    line-height: 1.4;
  }
}
.pre-inc #contents .sec-title.garamond {
  font-family: "EB Garamond", "serif";
}
.pre-inc #contents .sub-title {
  margin: 0.5em auto 1.25em;
  text-align: center;
  color: #938051;
  font-size: min(4.2vw, 24px);
  letter-spacing: 0.1em;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sub-title {
    margin: 0.5em auto 1em;
    letter-spacing: 0.05em;
  }
}
.pre-inc #contents .txt {
  width: 100%;
  text-align: justify;
  font-size: min(3.2vw, 16px);
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .txt {
    line-height: 1.8;
  }
}
.pre-inc #contents .txt.center {
  text-align: center;
}
.pre-inc #contents .txt .sup {
  font-size: 0.6em;
}
.pre-inc #contents .sec01 {
  margin: 0;
  padding: 5em 0 6em;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec01 {
    padding: 2.5em 0 3em;
  }
}
.pre-inc #contents .sec01 .img01_b {
  margin: 0;
  width: 65%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.pre-inc #contents .sec01 .block1 {
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.pre-inc #contents .sec01 .block1 .txt-box {
  margin: 0;
  width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec01 .block1 .txt-box {
    position: relative;
    left: 0;
    transform: none;
  }
}
.pre-inc #contents .sec01 .block1 .img01 {
  mix-blend-mode: multiply;
}
.pre-inc #contents .sec01 .block1 .img01 .caption {
  bottom: 1.5em;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec01 .block1 .img01 .caption {
    bottom: 0.5em;
  }
}
.pre-inc #contents .sec01 .block1 .img01 .caption.left {
  left: 14%;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec01 .block1 .img01 .caption.left {
    left: 3%;
  }
}
.pre-inc #contents .sec01 .block2 {
  margin: 4em auto 0;
  padding: 1.5em;
  border: 1px #938051 solid;
  box-sizing: border-box;
  width: 90%;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 1.5em;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec01 .block2 {
    margin: 2em auto 0;
    padding: 1em;
    gap: 1em;
  }
}
.pre-inc #contents .sec01 .block2 .box1 {
  margin: 0;
  width: calc(30% - 1.5em);
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec01 .block2 .box1 {
    width: 100%;
  }
}
.pre-inc #contents .sec01 .block2 .box1 .ttl2 {
  margin: 0 0 0.5em;
  width: 100%;
  color: #938051;
  font-size: min(3.6vw, 18px);
  line-height: 1.8;
}
.pre-inc #contents .sec01 .block2 .box2 {
  margin: 0;
  width: 70%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  gap: 1em;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec01 .block2 .box2 {
    width: 100%;
    gap: 0.5em;
  }
}
.pre-inc #contents .sec01 .block2 .box2 .inbox1 {
  margin: 0;
  width: 29.5%;
}
.pre-inc #contents .sec01 .block2 .box2 .inbox2 {
  margin: 0;
  width: calc((70.5% - 3em) / 3);
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec01 .block2 .box2 .inbox2 {
    width: calc((70.5% - 1.5em) / 3);
  }
}
.pre-inc #contents .sec01 .block2 .box2 .cap2 {
  margin: 0.25em 0;
  width: 100%;
  text-align: center;
  font-size: min(2.4vw, 12px);
  line-height: 1;
}
.pre-inc #contents .sec01 .block2 .box2 .cap3 {
  margin: 0;
  width: 100%;
  text-align: center;
  font-size: min(2vw, 10px);
  letter-spacing: 0;
  line-height: 1.4;
}
.pre-inc #contents .sec02 {
  margin: 0;
  padding: 5em 0 6em;
  width: 100%;
  background: url(../images/design/bg02.webp) repeat-y 0 0;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec02 {
    padding: 2.5em 0 3em;
  }
}
.pre-inc #contents .sec02 .img06 {
  margin: 5em auto;
  width: 100%;
  max-width: 1280px;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec02 .img06 {
    margin: 2.5em auto;
  }
}
.pre-inc #contents .sec02 .img07-08 {
  margin: 5em auto;
  width: 100%;
  max-width: 1280px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec02 .img07-08 {
    margin: 2.5em auto;
  }
}
.pre-inc #contents .sec02 .img07-08 .photo {
  margin: 0;
  width: 50%;
}
.pre-inc #contents .sec02 .point {
  margin: 4em auto 0;
  width: 90%;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec02 .point {
    margin: 2em auto 0;
    gap: 0.75em;
  }
}
.pre-inc #contents .sec02 .point .point-item {
  margin: 0;
  padding: 1.25em 0;
  width: calc((100% - 2em) / 3);
  background: linear-gradient(90deg, #E6DEBC, #BDA97D);
  position: relative;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec02 .point .point-item {
    padding: 1em 0;
    width: calc((100% - 0.75em) / 2);
  }
  .pre-inc #contents .sec02 .point .point-item:last-child {
    width: 100%;
  }
}
.pre-inc #contents .sec02 .point .point-item::after {
  content: "";
  border: 1px #604C3F solid;
  position: absolute;
  top: 0.25em;
  left: 0.25em;
  right: 0.25em;
  bottom: 0.25em;
}
.pre-inc #contents .sec02 .point .point-item .text {
  margin: 0;
  width: 100%;
  text-align: center;
  color: #604C3F;
  line-height: 1;
}
.pre-inc #contents .sec02 .point .point-item .text.point1 {
  margin-bottom: 0.5em;
  font-size: min(3.2vw, 16px);
}
.pre-inc #contents .sec02 .point .point-item .text.point2 {
  color: #830009;
  font-size: min(5.2vw, 36px);
  letter-spacing: 0.05em;
}
.pre-inc #contents .sec02 .point .point-item .text.cap3 {
  margin-top: 0.5em;
  font-size: min(2.4vw, 12px);
}
.pre-inc #contents .sec02 .point-cap {
  margin: 1em auto 0;
  width: 90%;
  max-width: 1000px;
  text-align: right;
  font-size: min(2.4vw, 12px);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec02 .point-cap {
    text-align: justify;
  }
}
.pre-inc #contents .sec02 .img09-box {
  margin: 4em auto 0;
  width: 90%;
  max-width: 1000px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec02 .img09-box {
    margin: 2em auto 0;
  }
}
.pre-inc #contents .sec02 .img09-box .landplan {
  margin: 0;
  width: 64%;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec02 .img09-box .landplan {
    margin-bottom: 1.5em;
    width: 100%;
    position: relative;
  }
}
.pre-inc #contents .sec02 .img09-box .landplan .caption {
  bottom: 2%;
}
@media screen and (max-width: 767px) {
  .pre-inc #contents .sec02 .img09-box .landplan .caption {
    left: auto;
    right: 0;
    bottom: 0;
  }
}/*# sourceMappingURL=design.css.map */