@charset "UTF-8";
/*color*/
/*font-family*/
/*filler color*/
/*text-shadow*/
/*media query break point*/
/*mainBP*/
/*gHeader用*/
/*innerの片側はみ出し用*/
/*cubic*/
/* media query */
.p-design-facade {
  position: relative;
  background-color: #fff;
  padding-top: 5rem;
}
.p-design-facade__box1 {
  text-align: center;
}
.p-design-facade__box1 dt {
  font-size: 20px;
  font-size: 2rem;
}
@media only screen and (max-width: 767px) {
  .p-design-facade__box1 dt {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .p-design-facade__box1 dt {
    font-size: 1.8rem;
  }
}
.p-design-facade__box1__img {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .p-design-facade__box1__img {
    overflow-x: scroll;
  }
  .p-design-facade__box1__img img {
    max-width: 200vw;
    height: auto;
  }
  .p-design-facade__box1__img figcaption {
    width: 200vw;
  }
}
.p-design-facade__cutList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem;
}
@media only screen and (max-width: 767px) {
  .p-design-facade__cutList {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem 1.5rem;
  }
}
.p-design-facade__cutList__item {
  font-size: 2rem;
  color: #ac8900;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-design-facade__cutList__item {
    font-size: 1.4rem;
  }
}
.p-design-facade__cg02 {
  position: relative;
  overflow-x: scroll;
  cursor: grab;
}
.p-design-facade__cg02:active {
  cursor: grabbing;
}
.p-design-facade__cg02 figure {
  width: 200vw;
}
@media only screen and (max-width: 767px) {
  .p-design-facade__cg02 figure {
    width: 300vw;
  }
}
.p-design-facade__cg02 img {
  width: 100%;
}
.p-design-facade__cg02 figcaption {
  position: absolute;
  left: 1rem;
  bottom: 0.5rem;
}
.p-design-facade__other {
  background-color: #f3f2ee;
}
@media only screen and (max-width: 767px) {
  .p-design-facade__other {
    padding-bottom: 3rem;
  }
}
.p-design-facade__other__inner {
  width: 90%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr 2fr;
}
@media only screen and (max-width: 767px) {
  .p-design-facade__other__inner {
    grid-template-columns: 1fr;
  }
}
.p-design-facade__other__designer {
  padding: 3rem 2rem;
  border-right: 2px dotted #ac8900;
  display: grid;
  grid-template-rows: auto auto;
  grid-template-columns: 4fr 6fr;
}
@media only screen and (max-width: 767px) {
  .p-design-facade__other__designer {
    border-right: none;
    border-bottom: 2px dotted #ac8900;
  }
}
.p-design-facade__other__designer .designer__photo {
  grid-row: 1/2;
  grid-column: 1/2;
}
.p-design-facade__other__designer .designer__title {
  grid-row: 1/2;
  grid-column: 2/3;
}
.p-design-facade__other__designer .designer__title .name {
  border-top: 1px solid #d0c8c5;
  padding-top: 1rem;
  font-size: 1.5em;
}
.p-design-facade__other__designer .designer__txt {
  grid-row: 2/3;
  grid-column: 1/3;
  width: 100%;
  font-size: 1.2rem;
  flex-shrink: 1;
}
.p-design-facade__other__material {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .p-design-facade__other__material {
    grid-template-columns: 1fr;
  }
}
.p-design-facade__other__materialTxt {
  padding: 3rem 2rem;
}
.p-design-facade__other__materialTxt .heading {
  color: #ac8900;
  font-size: 2.4rem;
}
.p-design-facade__other__materialTxt .catch {
  font-size: 2rem;
}
.p-design-facade__other__materialTxt .lead {
  font-size: 1.4rem;
}

.p-design-landscape {
  position: relative;
  background-color: #fff;
  padding-top: 10rem;
}
.p-design-landscape__shikihai {
  position: relative;
}
@media only screen and (max-width: 767px) {
  .p-design-landscape__shikihai {
    overflow-x: scroll;
  }
  .p-design-landscape__shikihai img {
    height: 40vh;
    width: auto;
    max-width: unset;
  }
}
.p-design-landscape__details {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}
@media only screen and (max-width: 767px) {
  .p-design-landscape__details {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.p-design-landscape__details__item dt {
  text-align: center;
  padding: 0 1.5rem;
  border-bottom: 1px solid #d0c8c5;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: min(2rem, 1.6vw);
  color: #ac8900;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 767px) {
  .p-design-landscape__details__item dt {
    font-size: 2rem;
  }
}
.p-design-landscape__details__item dd {
  font-size: 1.4rem;
  align-self: center;
}
@media only screen and (max-width: 767px) {
  .p-design-landscape__details__item dd {
    padding: 1rem;
  }
}
.p-design-landscape__panting {
  position: relative;
  background-color: #f3f2ee;
  padding: 5rem 10rem;
}
@media only screen and (max-width: 767px) {
  .p-design-landscape__panting {
    padding: 2rem 2rem 5rem;
  }
}
.p-design-landscape__panting__heading {
  font-size: 2.4rem;
  text-align: center;
}
.p-design-landscape__panting__lead {
  font-size: 1.6rem;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .p-design-landscape__panting__lead {
    text-align: left;
  }
}
.p-design-landscape__panting__tree {
  mix-blend-mode: multiply;
}
.p-design-landscape__panting__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  font-size: 1.4rem;
}
@media only screen and (max-width: 767px) {
  .p-design-landscape__panting__list {
    gap: 1rem;
  }
}
.p-design-landscape__panting__cap {
  position: absolute;
  bottom: 3rem;
  right: 3rem;
  font-size: 1.1rem;
}
@media only screen and (max-width: 767px) {
  .p-design-landscape__panting__cap {
    bottom: 1rem;
    right: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .p-design-ent .fn-center--sp,
  .p-design-hanare .fn-center--sp {
    text-align: center !important;
  }
}
/*# sourceMappingURL=../../map/design/style.css.map */