@import url("https://use.typekit.net/gcy2lyv.css");
#brand .pt-none {
  padding-top: 0 !important;
}
#brand .pt-lg {
  padding-top: 100px;
}
@media (max-width: 767px) {
  #brand .pt-lg {
    padding-top: 50px;
  }
}
#brand .sec-page-heading .brand-btnBox {
  padding-bottom: 70px;
}
@media (max-width: 767px) {
  #brand .sec-page-heading .brand-btnBox {
    padding-bottom: 35px;
  }
}
#brand .cont-space-lg {
  padding-bottom: 100px;
}
@media (max-width: 767px) {
  #brand .cont-space-lg {
    padding-bottom: 50px;
  }
}
#brand .cont-space-md {
  padding-bottom: 80px;
}
@media (max-width: 767px) {
  #brand .cont-space-md {
    padding-bottom: 40px;
  }
}
#brand .bgBrand {
  background-color: #ECE6DC !important;
}

.brand-btnBox {
  max-width: 795px;
  margin-inline: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media (min-width: 768px) {
  .brand-btnBox {
    gap: 3.1%;
  }
}
@media (max-width: 767px) {
  .brand-btnBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.brand-btnBox .default-btn {
  padding: 21.5px 0 17.5px;
  gap: 10px;
}
@media (min-width: 768px) {
  .brand-btnBox .default-btn {
    width: 48.45%;
  }
}
@media (max-width: 767px) {
  .brand-btnBox .default-btn {
    padding: 11.5px 0 7.5px;
    gap: 5px;
  }
  .brand-btnBox .default-btn:nth-child(n+2) {
    margin-top: 10px;
  }
}
.brand-btnBox .default-btn .tx {
  font-size: 18px;
  letter-spacing: 0.06em;
  line-height: 1;
}
@media (max-width: 767px) {
  .brand-btnBox .default-btn .tx {
    font-size: 14px;
  }
}

.brand-logo {
  margin-inline: auto;
}
.brand-logo.predear {
  max-width: 260px;
}
.brand-logo.nishinihon {
  width: 501px;
}
@media (max-width: 767px) {
  .brand-logo.nishinihon {
    max-width: 501px;
    width: 100%;
  }
}
.brand-logo.proStyle {
  width: 326px;
}
.brand-logo.domani {
  width: 290px;
}

.brand-sec-ttl {
  text-align: center;
}
.brand-sec-ttl .ttl {
  font-size: 14px;
  letter-spacing: 0.06em;
  line-height: 1;
  position: relative;
  padding-bottom: 5px;
}
.brand-sec-ttl .ttl.tx-brand {
  width: 156px;
}
.brand-sec-ttl .ttl.tx-concept {
  width: 237px;
}
.brand-sec-ttl .ttl::after {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(30%, #978377), color-stop(70%, #978377), to(transparent));
  background: -webkit-linear-gradient(left, transparent 0%, #978377 30%, #978377 70%, transparent 100%);
  background: linear-gradient(90deg, transparent 0%, #978377 30%, #978377 70%, transparent 100%);
}

.brand-cont .imgBox {
  max-width: 1150px;
  margin-inline: auto;
}
.brand-cont .imgBox ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4.3%;
}
@media (min-width: 768px) {
  .brand-cont .imgBox ul {
    gap: 4.3%;
  }
}
@media (max-width: 767px) {
  .brand-cont .imgBox ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media (min-width: 768px) {
  .brand-cont .imgBox ul li {
    width: 47.85%;
  }
}
@media (max-width: 767px) {
  .brand-cont .imgBox ul li:nth-child(n+2) {
    margin-top: 15px;
  }
}
.brand-cont .imgBox ul li .caption {
  text-align: right;
}
.brand-cont .page-subttl.fz-lg {
  font-size: 26px;
}
@media (max-width: 767px) {
  .brand-cont .page-subttl.fz-lg {
    font-size: 18px;
  }
}

.brand-cont .space-lg {
  padding-bottom: 35px;
}
@media (max-width: 767px) {
  .brand-cont .space-lg {
    padding-bottom: 25px;
  }
}
.brand-cont .space-md {
  padding-bottom: 25px;
}
@media (max-width: 767px) {
  .brand-cont .space-md {
    padding-bottom: 15px;
  }
}