/* trusted-by.css — お取引実績ロゴ（Figma: Frame 57 2008:10248 / TRUSTED BY）
   実値: padding 144px 111px 120px（内側1200px）/ ロゴ高さ32px gap 40px
         リード 18.286px Medium 中央 / 透かし青グラデ opacity 0.08 */

.trusted-by {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.trusted-by__watermark {
  position: absolute;
  top: 1.5rem;
  left: max(1.5rem, calc(50% - 43.5rem)); /* 1440pxで左24px。1440px超は中央基準で追従 */
  margin: 0;
  font-size: var(--font-size-watermark);
  font-weight: var(--font-weight-black);
  line-height: var(--line-height-tight);
  letter-spacing: var(--letter-spacing-wider);
  white-space: nowrap;
  background: var(--gradient-blue-text);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  opacity: 0.08;
  pointer-events: none;
}

.trusted-by__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-80);
  width: 100%;
  max-width: var(--layout-max);
  padding: var(--space-144) var(--space-111) var(--space-120);
}

.trusted-by__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-40);
}

.trusted-by__lead {
  margin: 0;
  max-width: 48rem;
  color: var(--color-black);
  font-size: var(--font-size-h3);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-heading);
  letter-spacing: var(--letter-spacing-widest);
  text-align: center;
}

.trusted-by__logos {
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
  margin: 0;
  padding: 0;
  list-style: none;
}

.trusted-by__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-40);
  width: 100%;
}

.trusted-by__row img {
  display: block;
  height: 2rem;
  width: auto;
}

/* --- SP: ロゴは折り返して中央寄せ ----------------------------------------- */
@media (max-width: 767px) {

  .trusted-by__inner {
    gap: var(--space-40);
    padding: var(--space-48) var(--space-24) var(--space-64);
  }
  .trusted-by__row {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-24) var(--space-32);
  }
  .trusted-by__logos {
     gap: var(--space-24);
  }
}