@import url("https://use.typekit.net/gcy2lyv.css");
#design .cont-space-lg {
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  #design .cont-space-lg {
    padding-bottom: 60px;
  }
}
#design .cont-space-small {
  padding-bottom: 50px;
}
@media (max-width: 767px) {
  #design .cont-space-small {
    padding-bottom: 25px;
  }
}
#design main#main.page .sec.design-sec01 {
  background: -webkit-gradient(linear, left top, right top, from(#928C7F), color-stop(50%, #CCC5BC), to(#928C7F));
  background: -webkit-linear-gradient(left, #928C7F 0%, #CCC5BC 50%, #928C7F 100%);
  background: linear-gradient(90deg, #928C7F 0%, #CCC5BC 50%, #928C7F 100%);
}
#design main#main.page .sec.design-sec01 .bg-01 {
  background: #F4F0EA;
}
#design main#main.page .sec.design-sec02 {
  background: -webkit-linear-gradient(315deg, #695348 0%, #A49185 100%);
  background: linear-gradient(135deg, #695348 0%, #A49185 100%);
}
#design main#main.page .sec.design-sec02 .sec-page-heading {
  color: #fff;
}
#design main#main.page .sec.design-sec03 {
  background: #F4F0EA;
}
#design main#main.page .sec.design-sec03 .sec-head {
  padding-top: 120px;
}
@media (max-width: 767px) {
  #design main#main.page .sec.design-sec03 .sec-head {
    padding-top: 60px;
  }
}

.cg-cont .caption-cont .caption {
  right: 10px;
  bottom: 10px;
}
@media (max-width: 767px) {
  .cg-cont .caption-cont .caption {
    right: 0;
    bottom: 5px;
  }
}

@media (min-width: 768px) {
  .cg-01 .caption-cont {
    max-width: 80%;
    margin-inline: auto;
  }
}

.design-cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.design-cont.ais {
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}
@media (min-width: 768px) {
  .design-cont {
    gap: 3.1%;
  }
}
@media (max-width: 767px) {
  .design-cont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.design-cont.bgWhite {
  background: #fff;
  padding: 40px 88px;
}
@media (max-width: 767px) {
  .design-cont.bgWhite {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .design-cont.col-revers-sp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.design-cont.pt-small {
  padding-top: 50px;
}
@media (max-width: 767px) {
  .design-cont.pt-small {
    padding-top: 25px;
  }
}
.design-cont .main {
  width: 100%;
}
@media (min-width: 768px) {
  .design-cont .main {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 620px;
  }
}
.design-cont .main.colorWhite {
  color: #fff;
}
.design-cont .main p {
  letter-spacing: 0.06em;
}
.design-cont .main .ttl {
  font-size: 20px;
  line-height: 1;
  padding-bottom: 22px;
}
@media (max-width: 767px) {
  .design-cont .main .ttl {
    padding-bottom: 11px;
    font-size: 18px;
  }
}
.design-cont .main .ttl.colorGreen {
  color: #3F6531;
}
.design-cont .main .tx {
  font-size: 16px;
  line-height: 2;
}
@media (max-width: 767px) {
  .design-cont .main .tx {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .design-cont .imgBox {
    width: 48.5%;
  }
}
@media (max-width: 767px) {
  .design-cont .imgBox {
    margin-bottom: 10px;
  }
}
.design-cont .imgList {
  position: relative;
}
@media (min-width: 768px) {
  .design-cont .imgList {
    width: 444px;
  }
}
@media (max-width: 767px) {
  .design-cont .imgList {
    margin-bottom: 20px;
  }
}
.design-cont .imgList ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 2.7%;
}
.design-cont .imgList ul li {
  width: 31.5333333333%;
}
.design-cont .imgList ul li:nth-child(n+4) {
  margin-top: 12px;
}
.design-cont .imgList .caption-cont {
  margin-bottom: 5px;
}
.design-cont .imgList .imgTll {
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.06em;
}
.design-cont .dummy-img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.design-cont .page-ttl {
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .design-cont .page-ttl {
    margin-bottom: 11px;
  }
}

.design-list {
  max-width: 1040px;
  margin-inline: auto;
  gap: 3.8%;
}
.design-list ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.8%;
}
.design-list ul li {
  width: 48.1%;
}
.design-list ul li:nth-child(n+3) {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .design-list ul li:nth-child(n+3) {
    margin-top: 20px;
  }
}
.design-list .list-item {
  text-align: center;
  color: #40332E;
}
.design-list .list-item .caption-cont {
  margin-bottom: 13px;
}
@media (max-width: 767px) {
  .design-list .list-item .caption-cont {
    margin-bottom: 7px;
  }
}
.design-list .list-item .ttl {
  font-size: 16px;
  letter-spacing: 0.06em;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .design-list .list-item .ttl {
    font-size: 13px;
  }
}
.design-list .list-item .kome {
  font-size: 12px;
}
@media (max-width: 767px) {
  .design-list .list-item .kome {
    line-height: 1.3;
    text-align: left;
  }
}