@charset "UTF-8";

.pc-{
    display: block;
}
.sp-{
  display: none;
}
.p-top-brand{
  position: relative;
  padding: 60px 0 90px;
  margin-bottom: 60px;
}
.p-top-brand::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100vw;
  height: 100%;
  transform: translateX(-50%);
  background: #f3f3f3;
  z-index: -1;
}
.p-top-section__hdg{
  font-size: 23px;
}
@media screen and (max-width: 900px) {
  .pc-{
    display: none;
  }
  .sp-{
    display: block;
  }
  .p-top-brand{
    margin: 30px auto 60px;
    padding: 45px 0;
  }
  .p-top-section__hdg{
    font-size: 4.8vw;
  }
  .block-top-brand--wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .top-brand__list{
    padding: 0;
  }
}