#advertisers_participating:target {
  scroll-margin-top: 80px; /* 固定ヘッダーの高さと同じ値に設定 */
}

:root {
  --primary-color: #3662C1;
  --btn-primary-color: #FF008C;
  --base-background-color: #e6f3ff;
  --base-white-color: #ffffff;
  --base-link-color: #0085CB;
}

.contentsBox {
  text-align: center;
}

.client {
  padding: 0;
  background: var(--base-background-color);
}

.client ul {
  margin: 0 auto;
  padding-left: 0;
  width: auto
}

.client li {
  margin: 0;
  padding-left: 0.75rem !important;
  display: inline-block;
  vertical-align: top
}

@media screen and (min-width: 1024px) {
  .client li {
      margin: 0;
  }
}

.client p {
  text-align: right;
  width: 99%;
  margin: 15px 0 0 0
}

.client img {
  width: 100px;
  height: 45px;
  margin: 16px auto;
  display: block;
  background-color: var(--base-white-color);
}

@media screen and (max-width: 768px) {
  .client {
      padding:20px 0 10px
  }

  .client p {
      margin: 5px 0 0 0
  }

  .client img {
      margin: 0 0 10px 0
  }
}

.main-visual-bg {
  background-color: var(--base-background-color) !important;
  max-height: 450px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .main-visual-bg {
    max-height: 100%;
    overflow: visible;
  }
}

.text-primary {
  color: var(--primary-color) !important;
}
.border-primary {
  border-color: var(--primary-color) !important;
}
.text-danger {
  color: var(--btn-primary-color) !important;
}
.bg-danger {
  background-color: var(--btn-primary-color) !important;
}

.btn-outline-primary {
  color: var(--base-white-color) !important;
  border-color: var(--btn-primary-color) !important;
  background-color: var(--btn-primary-color) !important;
}
.btn-outline-primary:hover {
  color: var(--btn-primary-color) !important;
  background-color: var(--base-white-color) !important;
}
.btn-outline-secondary {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}
.btn-outline-secondary:hover {
  color: var(--base-white-color) !important;
  background-color: var(--primary-color) !important;
}
.btn-link {
  color: var(--base-link-color) !important;
}
.marker {
  color: var(--base-white-color) !important;
}
.marker.bg-primary,
.bg-primary {
  background-color: var(--primary-color) !important;
}
.panel-as {
  background-color: var(--base-background-color) !important;
}