:root { --brand: #0ABAB5; --brand-dark: #089e99; }
body { background: #f8f9fa; }
.navbar { background: #fff; border-bottom: 1px solid #e9ecef; }
.brand-text { font-family: Georgia, serif; font-weight: 700; font-size: 20px; }


.pricing-toggle { background: #f0f0f0; border-radius: 99px; padding: 4px; display: inline-flex; }
.pricing-toggle button { border: none; background: transparent; padding: 6px 20px; border-radius: 99px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all .2s; }
.pricing-toggle button.active { background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.15); color: #0ABAB5; }
.badge-discount { background: #0ABAB5; color: #fff; font-size: 11px; padding: 2px 8px; border-radius: 99px; margin-left: 6px; }
.plan-card { border-radius: 16px; border: 1.5px solid #e9ecef; background: #fff; padding: 32px 28px; height: 100%; transition: box-shadow .2s; position: relative; }
.plan-card:hover { box-shadow: 0 8px 32px rgba(0,0,0,.08); }
.plan-card.recommended { border-color: #0ABAB5; border-width: 2px; }
.recommended-badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: #0ABAB5; color: #fff; font-size: 12px; font-weight: 600; padding: 3px 16px; border-radius: 99px; white-space: nowrap; }
.plan-name { font-size: 18px; font-weight: 700; margin-bottom: 4px; }
.plan-desc { font-size: 13px; color: #888; margin-bottom: 20px; }
.plan-price { font-size: 42px; font-weight: 700; line-height: 1; color: #555; }
.plan-price .price-unit { font-size: 16px; font-weight: 400; color: #888; }
.plan-price-sub { font-size: 12px; color: #aaa; margin-top: 4px; margin-bottom: 24px; }
.feature-list { list-style: none; padding: 0; margin: 0 0 24px; }
.feature-list li { font-size: 13px; padding: 5px 0; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; gap: 8px; }
.feature-list li:last-child { border-bottom: none; }
.feature-list li .bi-check-lg { color: #0ABAB5; font-size: 15px; flex-shrink: 0; }
.feature-list li .bi-x-lg { color: #ccc; font-size: 13px; flex-shrink: 0; }
.btn-plan { width: 100%; padding: 10px; border-radius: 8px; font-weight: 600; font-size: 14px; border: none; cursor: pointer; text-decoration: none; display: block; text-align: center; }
.btn-plan-primary { background: #0ABAB5; color: #fff; }
.btn-plan-primary:hover { background: #089e99; color: #fff; }
.btn-plan-outline { background: #fff; border: 1.5px solid currentColor; }
.enterprise-card { background: linear-gradient(135deg, #1a1a2e, #16213e); border-radius: 16px; padding: 40px; color: #fff; }
.enterprise-card h3 { font-size: 24px; font-weight: 700; }
.badge-coming { background: #ffc107; color: #333; font-size: 11px; padding: 2px 10px; border-radius: 99px; font-weight: 600; }
.faq-item { background: #fff; border-radius: 10px; padding: 20px 24px; margin-bottom: 12px; }
.faq-q { font-weight: 600; font-size: 14px; margin-bottom: 8px; }
.faq-a { font-size: 13px; color: #666; line-height: 1.7; }
.features-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.features-table th { background: #f8f9fa; padding: 12px 16px; text-align: center; font-weight: 600; border: 1px solid #e9ecef; }
.features-table td { padding: 10px 16px; border: 1px solid #e9ecef; text-align: center; }
.features-table td:first-child { text-align: left; font-weight: 500; }
.features-table tr:hover { background: #f8f9fa; }
.check { color: #0ABAB5; font-size: 16px; }
.cross { color: #ddd; font-size: 14px; }
.plan-th-free { color: #6c757d; }
.plan-th-start { color: #0ABAB5; }
.plan-th-standard { color: #185FA5; }
.plan-th-pro { color: #B8860B; }

.lp-footer 



/* モバイル対応 */
@media (max-width: 991px) {
    .plan-desc { white-space: normal; min-height: auto; }
    .feature-list li { font-size: 12px; }
}
@media (max-width: 767px) {
    .plan-card { padding: 24px 16px; }
    .plan-name { font-size: 16px; }
    .plan-price { font-size: 36px; }
}