/* ==========================================================================
   OPCON LP - CV改善 v20260504
   作成日: 2026-05-04
   背景:
     - GA4(2026-04-01〜05-04): LP_view 1,426 / cta_click 249 / purchase 1
       → CTR≒17%, CVR≒0.4% (KPIはCTR40%, CVR10%)
     - Clarity: /lp/webroot/ Direct流入の デッドクリック150 / レイジクリック39
     - tldv 3/26 (Shohei氏 × 谷藤): "今すぐ購入"訴求は離脱を生む / 価格は比較で見せる
   このv3では:
     1. 比較表に「価格比較行」を追加 → OPCONの優位を明示
     2. 価格セクションCTA下に Trust strip (解約OK/最短30秒/SSL等) を配置
   ========================================================================== */

/* --- 価格比較行 (highlight OPCON's price advantage) ----------------------- */
.comparison-table__row--price td {
  padding-top: 14px;
  padding-bottom: 14px;
}
.comparison-table__row--price .comparison-table__webroot-val {
  font-size: 1.08em;
}
.comparison-table__row--price .comparison-table__webroot-val strong {
  font-size: 1.18em;
  color: var(--lp-green, #1abc54);
}
.comparison-table__price-note {
  display: inline-block;
  margin-top: 4px;
  padding: 2px 6px;
  background: linear-gradient(90deg, #ff6b35, #f04e23);
  color: #fff;
  font-weight: 700;
  font-size: 0.72em;
  border-radius: 3px;
  letter-spacing: 0.04em;
}
.comparison-table__row--price .comparison-table__label small {
  display: block;
  margin-top: 2px;
  font-size: 0.78em;
  color: #6b6b6b;
  font-weight: 400;
}

/* --- Trust strip (price section 直下) ------------------------------------ */
.price-trust-strip {
  list-style: none;
  margin: 18px 0 0;
  padding: 16px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  background: #f7faf7;
  border: 1px solid #e0ebe2;
  border-radius: 10px;
}
.price-trust-strip__item {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 13px;
  line-height: 1.45;
  color: #2c3e2f;
}
.price-trust-strip__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #1abc54;
  color: #fff;
  font-weight: 700;
  font-size: 12px;
  margin-top: 1px;
}
.price-trust-strip__text {
  font-weight: 600;
}
.price-trust-strip__text small {
  display: block;
  margin-top: 2px;
  font-size: 11px;
  color: #5a6b5d;
  font-weight: 400;
}

@media (max-width: 767px) {
  .price-trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    padding: 12px;
  }
  .price-trust-strip__item { font-size: 12px; }
  .price-trust-strip__text small { font-size: 10.5px; }
}

@media (max-width: 360px) {
  .price-trust-strip { grid-template-columns: 1fr; }
}