/* =========================
   Article CTA
========================= */

.article-cta{
  margin:1.6rem 0;
}

.article-cta__frame{
  border:3px solid #0175d8;     /* 青枠 */
  background:#eaf4ff;           /* 薄い青背景 */
  border-radius:16px;
  overflow:hidden;
}

.article-cta__inner{
  padding:1rem 1.1rem;
}

/* タイトルSVG */
.article-cta .article-title-svg{
  width:100%;
  max-width:700px;
  margin:0 auto .5rem;
  display:block;
}

/* 文字サイズ（元に戻す） */
.article-cta .article-title-text{
  font-size:clamp(3rem, 5vw, 3rem);
  font-weight:700;
}

/* 説明文 */
.article-cta__text{
  margin:0;
  font-size:1.25rem;
  line-height:1.75;
}

/* 強調部分 */
.article-cta__text b{
  font-weight:700;
  color:#0175d8;
  background:linear-gradient(to bottom, transparent 65%, yellow 50%);
  padding:0 .15em;
}

/* ボタン */
.article-cta__actions{
  display:flex;
  justify-content:center;
  margin-top:1rem;
}

.article-cta__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-weight:800;
  border-radius:999px;
  padding:.75rem 1.2rem;
  font-size:1rem;
}

.article-cta__btn--primary{
  background:#0175d8;
  color:#fff;
}

.article-cta__btn--primary:hover{
  filter:brightness(.95);
}

/* メイン画像 */
.article-cta .main-image{
  width:100%;
  margin:0;
  padding:0;
  line-height:0;
}

.article-cta .main-image img{
  width:70%;
  height:auto;
  display:block;
  margin:0 auto;
}

/* レスポンシブ */
@media (max-width:768px){
  .article-cta__inner{
    padding:.9rem;
  }

  .article-cta__btn{
    width:100%;
  }
}