.md-brand-1.md36613 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 12.98rem;
  max-width: 92%;
}
.md-brand-1.md36613 {
  padding-bottom: 1.2rem;
}
.md-brand-1.md36613 .box {
  background-color: rgba(var(--rgb), 1);
  padding: 1rem 0;
  position: relative;
  margin-top: -0.7rem;
  letter-spacing: 0.07rem;
}


.md-brand-2.md36613 .highlight-module + .highlight-module {
  margin-top: 1.1rem;
}

.md-brand-3.md36613 {
  position: relative;
  margin-top: 0.75rem;
  padding-bottom: 0.6rem;
  color: #1c1e21;
  overflow: hidden;
  padding-top: 5.3rem;
}
.md-brand-3.md36613 .layout {
  margin-left: auto;
  margin-right: auto;
  width: 15.76rem;
  max-width: 92%;
}
.md-brand-3.md36613 .layout {
  max-width: 100%;
}
.md-brand-3.md36613 .bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  padding-top: calc( 750 / 1920 * 100%);
}
@media screen and (max-width: 750px) {
  .md-brand-3.md36613 .bg {
    position: static;
  }
}
.md-brand-3.md36613 .main {
  position: relative;
  z-index: 10;
}
.md-brand-3.md36613 .text {
  padding: 0.84rem 12% 0.65rem;
}
.md-brand-3.md36613 .title {
  letter-spacing: 0.05rem;
  line-height: 1.2;
}
.md-brand-3.md36613 .intro {
  line-height: calc(37 / 16);
  letter-spacing: 1px;
  margin-top: 0.4rem;
}
@media screen and (max-width: 500px) {
  .md-brand-3.md36613 .text {
    padding: 5%;
  }
}

.md-brand-4.md36613 {
  position: relative;
  padding: 0.5rem 0;
}
.md-brand-4.md36613 .img-box {
  padding-top: 70.0444444444%;
}