@charset "UTF-8";
/* =========================================================
   CTA Button 2-Column
   - 固定追従 CTA (#fixedBottomBtn)
   - ページ内埋め込み CTA (#ctaInline.is-embedded)
   ========================================================= */

/* CTA Button 2-Column  —— 共有（埋め込み/固定 両対応） */
.cta-following-wrap .btn-wrap-container {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: var(--size8);
}

.cta-following-wrap .btn-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 326px;
  margin-top: 0 !important;
}

.cta-following-wrap .btn-nml.fixed-btn {
  width: 100%;
  font-size: 1.8rem;
  min-height: var(--size48);
  color: var(--white);
}

.cta-following-wrap .btn-ttl {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}

/* 固定バリアント（画面下固定） - JS が #fixedBottomBtn に .show を付与/除去 */
#fixedBottomBtn {
  position: fixed;
  bottom: -56px;
  left: 0;
  width: 100%;
  background: rgb(255 255 255 / .9);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, .1);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .3s, bottom .3s, visibility .3s;
  z-index: 14;
  padding-bottom: env(safe-area-inset-bottom);
}

#fixedBottomBtn.show {
  bottom: 0;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

/* 埋め込みバリアント（ページ内に配置） - JS制御外。常時表示 */
#ctaInline.is-embedded {
  position: static;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: none;
  /* 余白は案件ごとに調整 */
  margin:  80px 0;
  padding: 0;
}

/* Responsive */
@media (max-width:768px) {
  .cta-following-wrap .btn-wrap-container {
    flex-wrap: nowrap;
    gap: 8px;
    padding: 8px 0;
  }

  .cta-following-wrap .btn-wrap {
    max-width: 375px;
  }

  .cta-following-wrap .btn-nml.fixed-btn {
    font-size: 1.6rem;
    min-height: var(--size24);
  }

  .cta-following-wrap .btn-ttl {
    font-size: 1rem;
    margin-bottom: 5px;
  }
}

@media (max-width:353px) {
  .cta-following-wrap .btn-ttl {
    font-size: .8rem;
  }
}