/* 画像で出す CTA（ヘッダー／ラインナップ／お試し／送信など） */

:root {
  --m-cta-img-max: 28rem;
}

.m-cta-img-link {
  display: block;
  flex: 0 1 min(var(--m-cta-img-max), 100%);
  max-width: min(var(--m-cta-img-max), 100%);
  line-height: 0;
  transition: opacity 0.2s ease;
}

.m-cta-img-link:hover {
  opacity: 0.92;
}

.m-cta-img-link img {
  display: block;
  width: 100%;
  height: auto;
}

.m-cta-img-link--trial {
  --m-cta-img-max: 36rem;
  margin-inline: auto;
}

.m-cta-img-button {
  display: inline-block;
  padding: 0;
  border: none;
  background: none;
  box-shadow: none;
  cursor: pointer;
  line-height: 0;
  transition: opacity 0.2s ease;
}

.m-cta-img-button:hover {
  opacity: 0.92;
}

.m-cta-img-button:focus-visible {
  outline: 0.2rem solid #f74425;
  outline-offset: 0.2rem;
}

.m-cta-img-button img {
  display: block;
  width: min(var(--m-cta-img-max, 28rem), 100%);
  height: auto;
  margin-inline: auto;
}