@charset "utf-8";

/* KV（初期不良期間30日） */
.p-return-exchange-kv {
  padding: 20px 16px;
  background: repeating-linear-gradient(90deg, #d9f3fd 0, #d9f3fd 12px, #bfe9fa 12px, #bfe9fa 24px);
  color: #222222;
  font-family: 'Noto Sans JP', sans-serif;
}

.p-return-exchange-kv__title {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
  align-items: center;
  column-gap: 12px;
  margin: 0;
  font-weight: 900;
  line-height: 1.2;
}

.p-return-exchange-kv__sub {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
}

.p-return-exchange-kv__lead {
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  font-size: 20px;
}

.p-return-exchange-kv__em {
  grid-column: 2;
  grid-row: 1 / 3;
  color: #004da1;
  font-size: 32px;
  white-space: nowrap;
  background: linear-gradient(transparent 75%, #fff100 75%);
}

.p-return-exchange-kv__num {
  font-size: 64px;
  line-height: 1;
  letter-spacing: -0.02em;
}

@media (min-width: 768px) {
  .p-return-exchange-kv {
    padding: 32px 40px;
  }

  .p-return-exchange-kv__title {
    column-gap: 32px;
  }

  .p-return-exchange-kv__sub {
    font-size: 28px;
  }

  .p-return-exchange-kv__lead {
    font-size: 40px;
  }

  .p-return-exchange-kv__em {
    font-size: 64px;
  }

  .p-return-exchange-kv__num {
    font-size: 140px;
  }
}