@charset "utf-8";

/* ==========================================
  Partner Section Styles
========================================== */

.bz-partner {
  background-color: var(--color__black);
  color: var(--color__gray);
  padding: 60px 0 60px;
  padding: 3.75rem 0 3.75rem;
  margin-top: -1px;
  margin-top: -0.0625rem;
}

.bz-partner__inner {
  width: 87%;
  margin: auto;
}

.bz-partner__subhead {
  font-size: 15px;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  position: relative;
  padding-left: 20%;
}

.bz-partner__subhead:before {
  content: "";
  background-color: var(--color__white);
  display: block;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, 37%);
  width: 18%;
  height: 1px;
  height: 0.0625rem;
}
.bz-partner-booth__subhead {
  letter-spacing: 0.2em;
  margin-bottom: 2rem;
}

.bz-partner-booth__company ul {
  /* counter-reset: partner-counter; */ /* カウンターをリセット */
  /* list-style: none; */ /* デフォルトのリストスタイルを削除 */
}

.bz-partner-booth__company li {
  /* counter-increment: partner-counter; */ /* カウンターをインクリメント */
}

.bz-partner-booth__company li::before {
  content: "①"; /* デフォルトの表示 */
  margin-right: 8px; /* 数字とテキストの間隔 */
}

/* 丸数字を1から19まで設定 */
.bz-partner-booth__company li:nth-of-type(1)::before {
  content: "①";
}
.bz-partner-booth__company li:nth-of-type(2)::before {
  content: "②";
}
.bz-partner-booth__company li:nth-of-type(3)::before {
  content: "③";
}
.bz-partner-booth__company li:nth-of-type(4)::before {
  content: "④";
}
.bz-partner-booth__company li:nth-of-type(5)::before {
  content: "⑤";
}
.bz-partner-booth__company li:nth-of-type(6)::before {
  content: "⑥";
}
.bz-partner-booth__company li:nth-of-type(7)::before {
  content: "⑦";
}
.bz-partner-booth__company li:nth-of-type(8)::before {
  content: "⑧";
}
.bz-partner-booth__company li:nth-of-type(9)::before {
  content: "⑨";
}
.bz-partner-booth__company li:nth-of-type(10)::before {
  content: "⑩";
}
.bz-partner-booth__company li:nth-of-type(11)::before {
  content: "⑪";
}
.bz-partner-booth__company li:nth-of-type(12)::before {
  content: "⑫";
}
.bz-partner-booth__company li:nth-of-type(13)::before {
  content: "⑬";
}
.bz-partner-booth__company li:nth-of-type(14)::before {
  content: "⑭";
}
.bz-partner-booth__company li:nth-of-type(15)::before {
  content: "⑮";
}
.bz-partner-booth__company li:nth-of-type(16)::before {
  content: "⑯";
}
.bz-partner-booth__company li:nth-of-type(17)::before {
  content: "⑰";
}
.bz-partner-booth__company li:nth-of-type(18)::before {
  content: "⑱";
}
.bz-partner-booth__company li:nth-of-type(19)::before {
  content: "⑲";
}

.bz-partner-booth__company ul {
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}

.bz-partner-booth__company li {
  width: 48%;
  letter-spacing: 0.1em;
  font-size: 0.8125rem;
  line-height: 1.7;
}

.bz-partner-booth__company li::before {
}
.bz-partner-booth__pic {
  margin: auto;
  margin-bottom: 1.5rem;
  width: 80%;
  max-width: 500px;
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
  .bz-partner-booth__company ul {
    /* grid-template-columns: 1fr; */ /* スマホ表示時は1列に */
    /* gap: 15px; */ /* スマホ表示時の間隔調整 */
    display: flex;
    gap: 2%;
    /* border: solid 1px #ffffff7a; */
  }
  .bz-partner-booth__company li {
    /* width: 50%; */
    /* border: solid 1px #ffffff7a; */
    /* padding: 0.3rem 0.4rem; */
    font-size: 0.7125rem;
    /* line-height: 1.3; */
    letter-spacing: 0;
  }
  .bz-partner-booth__pic {
    margin-bottom: 2rem;
  }
}

/* Logo Layouts
------------------------------ */
.special-logo {
  position: relative;
  display: flex;
  gap: 9.6px;
  gap: 0.6rem;
  margin-bottom: 41.6px;
  margin-bottom: 2.6rem;
  z-index: 2;
  flex-wrap: wrap;
}

.diamond-logo {
  position: relative;
  display: flex;
  gap: 9.6px;
  gap: 0.6rem;
  margin-bottom: 41.6px;
  margin-bottom: 2.6rem;
  z-index: 2;
  flex-wrap: wrap;
}
.diamond-logo a {
}

.diamond-logo a img {
}

.gold-logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.6rem;
  margin-bottom: 41.6px;
  margin-bottom: 2.6rem;
}

.gold-logo a {
  display: block;
  width: 48.5%;
}
.gold-logo img {
  width: 48.5%;
}

.gold-logo a img,
.silver-logo a img {
  width: 100%;
}
.silver-logo {
  display: flex;
  flex-wrap: wrap;
  gap: 6.4px;
  gap: 0.4rem;
}

.silver-logo a {
  width: 32.1%;
}

/* ======= */
.bz-partner-booth {
  background-color: var(--color__black);
  color: var(--color__gray);
  padding: 60px 0 60px;
  padding: 3.75rem 0 3.75rem;
  margin-top: -1px;
  margin-top: -0.0625rem;
}

.bz-partner-booth__inner {
  width: 87%;
  margin: auto;
}

.bz-partne-booth__subhead {
  font-size: 15px;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
  position: relative;
}

/* Media Queries
------------------------------ */
@media (min-width: 768px) {
  .bz-partner {
    padding: 150px 0 108px;
    padding: 9.375rem 0 0.75rem;
  }

  .bz-partner__inner {
    max-width: 700px;
  }

  .bz-partner__heading {
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
  }

.bz-partner__heading-note{
  font-size: 1.1rem;
  margin-left: 0.3rem;
}
  
  .bz-partner__subhead {
    padding-left: 10%;
    font-size: 20px;
    font-size: 1.25rem;
  }

  .bz-partner__subhead:before {
    width: 8%;
  }

  .special-logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .special-logo img {
  }

  .special-logo a {
    display: block;
    width: 49%;
  }

  .diamond-logo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .diamond-logo a {
    display: block;
    width: 49%;
  }

  .diamond-logo a img {
    width: 100%;
  }

  .gold-logo {
    display: flex;
    justify-content: flex-start;
  }

  .gold-logo a {
    display: block;
    width: 23.5%;
  }
  .gold-logo img {
    width: 23.5%;
  }

  .gold-logo a img {
    width: 100%;
  }

  .silver-logo ul {
    gap: 8px;
    gap: 0.5rem;
  }

  .silver-logo a {
    width: 19.2%;
  }
  /* ========== */
  .bz-partner-booth {
    padding: 150px 0 108px;
    padding: 9.375rem 0 6.75rem;
  }

  .bz-partner-booth__inner {
    max-width: 700px;
  }

  .bz-partner-booth__heading {
    margin-bottom: 50px;
    margin-bottom: 3.125rem;
  }

  .bz-partner-booth__subhead {
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: 0.2em;
  }
}