/**
 * section
 * -
 * partner
 */

#partner {
  position: inherit;
}

#partner .section-body {
  display: flex;
  gap: 160px;
  max-width: 984px;
  margin: 0 auto;
}

#partner .section-body-jkv {
  width: 100%;
}

.partner-logo1 {
  width: 300px;
  aspect-ratio: 300 / 150;
  background-image: url(../../images/partner/bnr_uomusic.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}

.partner-logo2 {
  width: 300px;
  aspect-ratio: 300 / 150;
  background-image: url(../../images/partner/bnr_jt.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top;
}

.partner-content {
  flex: 1;
}

/* 961px - 1500px */
@media (max-width: 1500px) {
  #partner .section-body {
    gap: 6.66vw;
    max-width: 76vw;
  }

  .partner-logo {
    width: 20vw;
  }
}

/* 681px - 960px */
@media (max-width: 960px) {
  #partner .section-body {
    gap: 10vw;
    max-width: 80vw;
  }

  .partner-logo1 {
    width: 20vw;
  }
  .partner-logo2 {
    width: 20vw;
  }
}

/* - 680px */
@media (max-width: 680px) {
  #partner .section-body {
    display: block;
    gap: 0;
    max-width: 84.61vw;
  }

  .partner-logo1 {
    width: 53.3vw;
    margin: 0 auto;
  }
  .partner-logo2 {
    width: 53.3vw;
    margin: 0 auto;
  }

  .partner-content {
    margin-top: 10vw;
  }
}

/**
 * item
 */
/* 961px - 1500px */
@media (max-width: 1500px) {
  #partner .section-body {
    margin: 0 auto 8.66vw;
  }
}

/* 681px - 960px */
@media (max-width: 960px) {
  #partner .section-body {
    margin: 0 auto 13.54vw;
  }
}

/* - 680px */
@media (max-width: 680px) {
  #partner .section-body {
    margin: 0 auto 15vw;
  }
}

/**
 * category
 */
.partner-category {
  position: relative;
  flex: 1;
  font-size: 2.8rem;
}
.partner-category:before {
  content: '';
  position: absolute;
  left: 0;
  top: 60px;
  width: 80px;
  border-top: 1px solid #000;
}

/* 961px - 1500px */
@media (max-width: 1500px) {
  .partner-category {
    font-size: 1.66vw;
  }
  .partner-category:before {
    top: 4vw;
    width: 5.33vw;
  }
}

/* 681px - 960px */
@media (max-width: 960px) {
  .partner-category {
    font-size: 2.91vw;
  }
  .partner-category:before {
    top: 6.25vw;
    width: 8.33vw;
  }
}

/* - 680px */
@media (max-width: 680px) {
  .partner-category {
    font-size: 4.1vw;
  }
  .partner-category:before {
    top: 8vw;
    width: 10.25vw;
    border-top: 0.99px solid #000;
  }
}

/**
 * content
 */
.partner-content-jkv {
  width: 740px;
}

/* 961px - 1500px */
@media (max-width: 1500px) {
  .partner-content-jkv {
    width: 49.33vw;
  }
}

/* 681px - 960px */
@media (max-width: 960px) {
  .partner-content-jkv {
    width: 100%;
    margin-top: 6vw;
  }
}

/* - 680px */
@media (max-width: 680px) {
  .partner-content-jkv {
    margin-top: 9vw;
  }
}

/**
 * text
 */
.partner-text {
  /*margin-top: 30px;*/
  font-size: 1.6rem;
  line-height: 2;
}

.partner-text span {
  font-weight: bold;
}

/* 961px - 1500px */
@media (max-width: 1500px) {
  .partner-text {
    /*margin-top: 2vw;*/
    font-size: 1.06vw;
  }
}

/* 681px - 960px */
@media (max-width: 960px) {
  .partner-text {
    /*margin-top: 3.12vw;*/
    font-size: 1.66vw;
  }
}

/* - 680px */
@media (max-width: 680px) {
  .partner-text {
    /*margin-top: 6vw;*/
    font-size: 3.07vw;
  }
}