@charset "UTF-8";
/* ==========================================================================
   AIエージェント構築ページ（/ai_agent/）下部のLP誘導CTA
   設置先 : wp-content/themes/ubunbase/assets/css/cta-aiagent-lp.css
   読込元 : includes/cta-aiagent-lp.php（style.css より後に読み込まれる）
   方針   : すべて .lpcta- 接頭辞にスコープし、既存ページへ影響を与えない。
            ボタンは style.css の .link-Regibtn を流用するため、ここでは
            レイアウト（中央寄せ・余白）だけを補う。
   配色   : プロダクトサイト共通のグラデーションを使う（独自配色を作らない）
            背景 linear-gradient(89deg, #00E1FF -17.81%, #1967D2 28.23%)
   ========================================================================== */

.lpcta-Area {
  padding: 80px 0;
}
.lpcta-Box {
  background: linear-gradient(89deg, #00E1FF -17.81%, #1967D2 28.23%);
  border-radius: 20px;
  padding: 56px 40px 48px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
/* 面に奥行きを出す重ね。プロダクトサイト共通の指定を踏襲 */
.lpcta-Box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  width: 100vw;
  height: 160vh;
  transform-origin: center top;
  transform: rotate(-60deg);
  background: linear-gradient(343deg, #00E1FF 10.82%, #1967D2 106.13%);
  opacity: 0.5;
  z-index: 0;
}
.lpcta-Box > * { position: relative; z-index: 1; }

.lpcta-Label {
  display: inline-block;
  background: #FFC800;
  color: #0F1E33;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: 0.04em;
  padding: 7px 18px;
  border-radius: 30px;
  margin-bottom: 22px;
}
.lpcta-Title {
  color: #ffffff;
  font-size: 2.25rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 18px;
}
.lpcta-Txt {
  color: rgba(255, 255, 255, 0.92);
  font-size: 1.0625rem;
  line-height: 1.9;
  max-width: 720px;
  margin: 0 auto;
}
/* .link-Regibtn は inline 要素なので、中央寄せのために block 化する */
.lpcta-Btn {
  display: inline-block;
  margin-top: 32px;
}
.lpcta-Note {
  color: rgba(255, 255, 255, 0.85);
  font-size: 0.875rem;
  line-height: 1.7;
  margin-top: 18px;
}

@media screen and (max-width: 767px) {
  .lpcta-Area { padding: 48px 0; }
  .lpcta-Box { border-radius: 14px; padding: 36px 20px 32px; }
  .lpcta-Label { font-size: 0.8125rem; margin-bottom: 16px; }
  .lpcta-Title { font-size: 1.5rem; }
  .lpcta-Txt { font-size: 0.9375rem; line-height: 1.85; text-align: left; }
  .lpcta-Btn { margin-top: 24px; }
}