/* ============ 11 CTA + footer ============ */
.cta-main{
  background:#000A48 url(../assets/pc/cta-bg.svg) center bottom / cover no-repeat;
  min-height:474px;
}
.cta-inner{
  position:relative;
  max-width:1440px;
  height:474px;
  margin:0 auto;
}
.cta-mock{
  position:absolute;
  left:283px;
  bottom:0;
  width:248px;
}
.cta-right{
  position:absolute;
  left:656px;
  top:70px;
  width:500px;
  text-align:center;
}
.cta-logo{
  display:block;
  width:393px;
  margin:0 auto;
}
.cta-lead{
  margin-top:48px;
  font-size:25px;
  font-weight:700;
  line-height:1;
  letter-spacing:.02em;
  color:#fff;
}
.cta-wave{
  display:block;
  width:394px;
  height:auto;
  margin:4px auto 0;
}
.cta-badges{
  display:block;
  width:500px;
  height:auto;
  margin:34px auto 0;
}
/* デザインでは「Copyright」の1行だけだったが、規約類への導線が無いと
   ストア審査・特商法まわりで詰まるため、リンク2本を足して2段にした
   (2026-08-19)。高さはリンク行のぶんだけ増える。 */
.cta-footer{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:18px 16px;
  background:#151515;
}
.cta-footer-nav{
  display:flex;
  gap:24px;
}
.cta-footer-nav a{
  font-size:13px;
  font-weight:500;
  color:#fff;
  text-decoration:none;
}
.cta-footer-nav a:hover{ text-decoration:underline }
.cta-copyright{
  font-size:12px;
  font-weight:400;
  color:rgba(255,255,255,.7);
}

@media (max-width:767px){
  .cta-main{
    background-image:url(../assets/sp/cta-bg.svg);
    min-height:0;
    height:602px;
    overflow:hidden;
  }
  .cta-inner{
    display:flex;
    flex-direction:column;
    height:100%;
    padding-top:42px;
  }
  .cta-right{
    position:static;
    order:1;
    width:auto;
  }
  .cta-logo{
    width:266px;
  }
  .cta-lead{
    margin-top:33px;
    font-size:17px;
  }
  .cta-wave{
    width:264px;
    margin-top:2px;
  }
  .cta-badges{
    width:336px;
    margin-top:22px;
  }
  .cta-mock{
    position:static;
    order:2;
    width:252px;
    margin:40px auto 0;
  }
  .cta-footer{
    gap:8px;
    padding:16px;
  }
  .cta-footer-nav{ gap:18px }
  .cta-footer-nav a{ font-size:12px }
  .cta-copyright{ font-size:11px }
}

/* ストアバッジをリンク化（2026-08-21）。画像そのままの見た目を保つため
   inline-block で包むだけにし、押せることはカーソルと押下時の微かな
   沈み込みで示す。 */
.cta-badges-link {
  display: inline-block;
  line-height: 0;
  transition: opacity .15s ease, transform .15s ease;
}
.cta-badges-link:hover { opacity: .88; }
.cta-badges-link:active { transform: translateY(1px); }
.cta-badges-link:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 4px;
  border-radius: 8px;
}