.brand-container {
  font-size: 16px;
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .brand-container {
    padding: 0 10px;
  }
}

.brand-container a {
  display: block;
  transition: .2s;
}

.brand-container a:hover {
  opacity: 0.8;
}

.brand-container p {
  line-height: 2.0;
}

@media screen and (max-width: 768px) {
  .brand-container p {
    line-height: 1.6;
  }
}

.brand-container img {
  display: block;
  width: 100%;
}

.brand-container .for-pc {
  display: block;
}

@media screen and (max-width: 768px) {
  .brand-container .for-pc {
    display: none;
  }
}

.brand-container .for-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .brand-container .for-sp {
    display: block;
  }
}

.brand-container .brand-heading__text {
  font-size: 1.25em;
}

.brand-container .brand-heading__image {
  margin-bottom: 16px;
  text-align: center;
}

.brand-container .brand-banner-list {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 1em;
}

.brand-container .brand-banner-list__item p {
  margin: 0.5em 0 1em;
}

.brand-container .brand-link-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.brand-container .brand-link-list__item {
  width: calc(50% - 15px);
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .brand-container .brand-link-list__item {
    width: 100%;
  }
}

.brand-container .brand-description-special {
  margin: 3em auto;
}