.design .intro {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .design .intro {
    margin-bottom: 80px;
  }
}
@media (max-width: 619px) {
  .design .intro {
    margin-bottom: 56px;
  }
}
.design .intro_inner {
  line-height: 1.8;
  margin: auto;
  max-width: 1400px;
  padding: 0 20px;
  width: 100%;
}
.design .intro figure {
  position: relative;
}
.design .intro .exterior {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.design .intro .exterior .pic {
  width: 51.42%;
}
@media (max-width: 1024px) {
  .design .intro .exterior .pic {
    margin: 0 auto 40px;
    max-width: 720px;
    width: 100%;
  }
}
.design .intro .exterior .summary {
  width: 44.57%;
}
@media (max-width: 1024px) {
  .design .intro .exterior .summary {
    margin: auto;
    max-width: 720px;
    width: 100%;
  }
}
.design .intro .exterior .summary h3 {
  font-size: 2.4rem;
  margin-bottom: 1em;
}
@media (max-width: 767px) {
  .design .intro .exterior .summary h3 {
    font-size: 2rem;
  }
}
@media (max-width: 619px) {
  .design .intro .exterior .summary h3 {
    font-size: 1.8rem;
  }
}
.design .intro .exterior .summary p {
  font-size: 1.6rem;
  margin-bottom: 3em;
}
@media (max-width: 619px) {
  .design .intro .exterior .summary p {
    font-size: 1.4rem;
  }
}
@media (max-width: 480px) {
  .design .intro .exterior .summary p {
    font-size: 1.2rem;
  }
}
.design .designer_inner {
  line-height: 1.8;
  margin: auto;
  max-width: 1400px;
  padding: 0 20px;
  width: 100%;
}
.design .designer .borderwrap {
  border: 8px solid #978949;
  padding: 40px 0;
}
.design .designer h2 {
  margin: 0 0 -24px 32px;
  width: 260px;
}
@media (max-width: 619px) {
  .design .designer h2 {
    max-width: 240px;
    margin: 0 auto 16px;
    width: 100%;
  }
}
.design .designer_summary {
  margin: 0 6.5%;
}
.design .designer_summary ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3.6%;
  margin-bottom: 48px;
}
.design .designer_summary ul li {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 37.72%;
}
@media (max-width: 1024px) {
  .design .designer_summary ul li {
    width: 48.2%;
  }
}
@media (max-width: 619px) {
  .design .designer_summary ul li {
    flex-flow: column wrap;
  }
}
.design .designer_summary ul li:first-child {
  width: 17.33%;
}
@media (max-width: 1024px) {
  .design .designer_summary ul li:first-child {
    margin-bottom: 32px;
    width: 100%;
  }
}
.design .designer_summary ul li:first-child img {
  margin: auto;
  max-width: 216px;
  width: 100%;
}
.design .designer_summary ul li figure {
  width: 45.95%;
}
@media (max-width: 1279px) {
  .design .designer_summary ul li figure {
    width: 40.95%;
  }
}
@media (max-width: 619px) {
  .design .designer_summary ul li figure {
    margin: auto;
    max-width: 200px;
    width: 100%;
  }
}
.design .designer_summary ul li dt {
  font-size: 1.4rem;
  margin-bottom: 1em;
}
@media (max-width: 1279px) {
  .design .designer_summary ul li dt {
    font-size: 1.166vw;
  }
}
@media (max-width: 767px) {
  .design .designer_summary ul li dt {
    font-size: 1.564vw;
  }
}
@media (max-width: 619px) {
  .design .designer_summary ul li dt {
    font-size: 2.086vw;
  }
}
.design .designer_summary ul li dd {
  font-size: 2rem;
}
@media (max-width: 767px) {
  .design .designer_summary ul li dd {
    font-size: 2.608vw;
  }
}
@media (max-width: 619px) {
  .design .designer_summary ul li dd {
    font-size: 3.333vw;
  }
}
.design .designer_summary h3 {
  border-bottom: 1px solid #978949;
  font-size: 2rem;
  margin-bottom: 0.75em;
  padding-bottom: 0.5em;
}
@media (max-width: 767px) {
  .design .designer_summary h3 {
    font-size: 1.6rem;
  }
}
@media (max-width: 619px) {
  .design .designer_summary h3 {
    font-size: 3.333vw;
  }
}
.design .designer_summary p {
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  .design .designer_summary p {
    font-size: 1.4rem;
  }
}
@media (max-width: 619px) {
  .design .designer_summary p {
    font-size: 1.2rem;
  }
}
.design .designer_results {
  margin: 80px 6.5% 0;
}
@media (max-width: 767px) {
  .design .designer_results {
    margin-top: 56px;
  }
}
@media (max-width: 619px) {
  .design .designer_results {
    margin-top: 40px;
  }
}
.design .designer_results h3 {
  border-bottom: 1px solid #978949;
  font-size: 2rem;
  line-height: 1;
  margin-bottom: 2em;
  padding-bottom: 0.25em;
}
@media (max-width: 767px) {
  .design .designer_results h3 {
    font-size: 1.6rem;
  }
}
@media (max-width: 619px) {
  .design .designer_results h3 {
    font-size: 3.333vw;
  }
}
.design .designer_results h3 span {
  background-color: #978949;
  color: #fff;
  padding: 0.25em 1em;
}
.design .designer_results ul {
  display: grid;
  grid-column-gap: 48px;
  grid-row-gap: 16px;
  grid-template-columns: repeat(2, auto);
  grid-template-areas: "area1 area2" "area1 area3";
  margin: auto;
  max-width: 960px;
}
@media (max-width: 767px) {
  .design .designer_results ul {
    grid-column-gap: 0;
    grid-template-columns: 1;
    grid-template-areas: "area1" "area2" "area3";
  }
}
.design .designer_results .item1 {
  grid-area: area1;
}
.design .designer_results .item2 {
  grid-area: area2;
}
.design .designer_results .item3 {
  grid-area: area3;
}
.design .designer_results p {
  font-size: 1.6rem;
  margin-bottom: 0.5em;
}
.design .designer_results p span {
  font-size: 0.76em;
}
@media (max-width: 767px) {
  .design .designer_results p {
    font-size: 1.4rem;
  }
}
@media (max-width: 619px) {
  .design .designer_results p {
    font-size: 1.2rem;
  }
}/*# sourceMappingURL=design.css.map */