@charset "UTF-8";
main {
  background-color: #F8F8F8;
}

#intro {
  text-align: center;
}
#intro h2 {
  color: #59C2E8;
  font-size: clamp(1.25rem, 0.5535714286rem + 2.1428571429vw, 3.125rem);
  margin-bottom: clamp(1.25rem, 0.7857142857rem + 1.4285714286vw, 2.5rem);
  font-weight: 500;
}
#intro p {
  line-height: 2;
}
@media screen and (max-width: 520px) {
  #intro p {
    line-height: 1.8;
    text-align: left;
  }
}

#partner-list {
  padding-top: 0;
}
#partner-list .partner-list {
  gap: clamp(2.125rem, 1.3357142857rem + 2.4285714286vw, 4.25rem);
}
#partner-list .card {
  background: linear-gradient(90deg, transparent 0%, transparent 5%, #ffffff 5%, #ffffff 100%);
  padding: 60px 0;
  scroll-margin-top: clamp(6.25rem, 4.8571428571rem + 4.2857142857vw, 10rem);
}
@media screen and (max-width: 520px) {
  #partner-list .card {
    background: linear-gradient(180deg, transparent 0%, transparent 5%, #ffffff 5%, #ffffff 100%);
    padding: 0 1.875rem 1.875rem;
    scroll-margin-top: 4.375rem;
  }
}
#partner-list .card .flex {
  gap: clamp(2rem, 1.2571428571rem + 2.2857142857vw, 4rem);
  padding-right: clamp(2rem, 1.2571428571rem + 2.2857142857vw, 4rem);
}
@media screen and (max-width: 520px) {
  #partner-list .card .flex {
    padding: 0;
  }
}
#partner-list .card__left {
  flex: 0.45;
  width: 100%;
  height: 100%;
  max-width: 38.75rem;
  aspect-ratio: 620/500;
  align-self: flex-start;
}
#partner-list .card__left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#partner-list .card__right {
  flex: 0.55;
}
#partner-list .card__right h1 {
  font-size: clamp(1.25rem, 0.6928571429rem + 1.7142857143vw, 2.75rem);
  font-weight: 500;
  letter-spacing: 0.08em;
  padding-bottom: clamp(0.5rem, 0.3142857143rem + 0.5714285714vw, 1rem);
  border-bottom: 1px solid #BABABA;
}
#partner-list .card__right h2 {
  font-size: clamp(1rem, 0.8607142857rem + 0.4285714286vw, 1.375rem);
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-top: clamp(1rem, 0.6285714286rem + 1.1428571429vw, 2rem);
  margin-bottom: clamp(0.375rem, 0.2357142857rem + 0.4285714286vw, 0.75rem);
}
#partner-list .card__right h2::before {
  content: "−";
  color: #59C2E8;
  padding-right: 0.25rem;
}
#partner-list .card__right p {
  line-height: 2;
}
@media screen and (max-width: 520px) {
  #partner-list .card__right p {
    line-height: 1.7;
  }
}
#partner-list .card__right a {
  color: #59C2E8;
}
#partner-list .card:nth-child(2n) {
  background: linear-gradient(-90deg, transparent 0%, transparent 5%, #ffffff 5%, #ffffff 100%);
}
@media screen and (max-width: 520px) {
  #partner-list .card:nth-child(2n) {
    background: linear-gradient(180deg, transparent 0%, transparent 5%, #ffffff 5%, #ffffff 100%);
    padding: 0 1.875rem 1.875rem;
  }
}
#partner-list .card:nth-child(2n) .flex {
  padding-right: 0;
  padding-left: clamp(2rem, 1.2571428571rem + 2.2857142857vw, 4rem);
  flex-direction: row-reverse;
}
@media screen and (max-width: 520px) {
  #partner-list .card:nth-child(2n) .flex {
    padding: 0;
    flex-direction: column;
  }
}