@charset "UTF-8";
.nav-global-property-link.nav-design::after {
  bottom: 3px;
  background-color: #a1707b;
  border-bottom: none;
  opacity: 0.7;
}

/*************************************************

wrapper

*************************************************/
/* #wrapper {} */

/*************************************************

design

*************************************************/
.design {
  padding-block: 20px 40px;
}
/* .design__header {} */
.design__title {
  font-size: 20px;
  letter-spacing: 0.1em;
  text-align: center;
  padding-inline: 1em;
  color: #936d5d;
  margin-bottom: 1em;
}
.design__lead {
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.05em;
  /* margin-bottom: 2em; */
}
.design__mv {
  margin-block: 20px;
}
.design__inner {
  padding-inline: 20px;
}
.design__text {
  line-height: 1.8;
}
.design__img {
  margin-block: 20px;
}
.design__wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: max(20px, 1vw)
}
.design__wrap--special02 {
  grid-template-columns: repeat(4, 1fr);
  column-gap: max(10px, 1vw);
}

/* land-plan
--------------- */
.land-plan__img {
  margin-bottom: 0;
}
.land-plan__img02 {
  margin-block: 0 4px;
}
.land-plan__img figcaption {
  font-size: 12px;
}
.land-plan__img02 figcaption {
  font-size: 10px;
}


@media screen and (min-width: 767px) {
  .design {
    padding-block: 40px 80px;
    width: min(1200px, calc(100% - 40px));
    margin-inline: auto;
  }
  .design__title {
    font-size: 36px;
    margin-bottom: 0.5em;
  }
  .design__lead {
    font-size: 20px;
  }
  .design__inner {
    padding-inline: 0;
  }
  .design__wrap02-pc {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 30px;
    align-items: center;
  }
  .design__wrap03-pc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: center;
  }
  .design__lead--special {
    text-align: left;
    margin-bottom: 1em;
  }
  .design__header--special,
  .design__text--special {
    width: min(800px, 100%);
    margin-inline: auto;
  }
  .design__wrap--special {
    grid-template-columns: repeat(4, 1fr);
  }
  .design__wrap03-pc--special {
    direction: rtl;
    grid-template-columns: 1.3fr 1fr;
  }
  .design__wrap03-pc--special * {
    direction: ltr;
  }
}