/*
Theme Name: Kusunoki LP Theme
Description: LP専用WordPressテーマ
Version: 1.0
*/

body {
            font-family: 'Noto Sans JP', sans-serif;
            color: #333;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #4f9d6e, #1f6540);
        }
        .cta-button {
            background: linear-gradient(90deg, #ff7e5f, #feb47b);
            transition: all 0.3s ease;
        }
        .cta-button:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .feature-card {
            transition: all 0.3s ease;
        }
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }
        .testimonial {
            background-color: #f9f9f9;
            border-left: 4px solid #4f9d6e;
        }
        .count-box {
            background-color: #4f9d6e;
            color: white;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
        }
        .highlight {
            background: linear-gradient(transparent 60%, #ffed4e 40%);
            display: inline;
        }
        .form-input:focus {
            border-color: #4f9d6e;
            box-shadow: 0 0 0 3px rgba(79, 157, 110, 0.2);
        }
        .limited-offer {
            background: linear-gradient(45deg, #ff7e5f, #feb47b);
            animation: pulse 2s infinite;
        }
        @keyframes pulse {
            0% {
                box-shadow: 0 0 0 0 rgba(255, 126, 95, 0.4);
            }
            70% {
                box-shadow: 0 0 0 15px rgba(255, 126, 95, 0);
            }
            100% {
                box-shadow: 0 0 0 0 rgba(255, 126, 95, 0);
            }
        }
        .problem-icon {
            color: #ff7e5f;
        }
        .solution-icon {
            color: #4f9d6e;
        }
        .faq-item {
            border-bottom: 1px solid #e5e7eb;
        }
        .faq-item:last-child {
            border-bottom: none;
        }
        .course-card {
            border: 1px solid #e5e7eb;
            transition: all 0.3s ease;
        }
        .course-card:hover {
            border-color: #4f9d6e;
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .progress-bar {
            background-color: #edf2f7;
            border-radius: 9999px;
            height: 0.75rem;
            overflow: hidden;
        }
        .progress {
            background-color: #4f9d6e;
            height: 100%;
            border-radius: 9999px;
        }