body {
            font-family: 'Noto Sans JP', sans-serif;
            scroll-behavior: smooth;
        }

        .page {
            display: none;
        }

        .page.active {
            display: block;
        }

        .btn-primary {
            background-color: #4CAF50;
            color: white;
            transition: all 0.3s;
        }

        .btn-primary:hover {
            background-color: #45a049;
            transform: translateY(-2px);
        }

        .btn-secondary {
            background-color: #fff;
            border: 2px solid #4CAF50;
            color: #4CAF50;
            transition: all 0.3s;
        }

        .btn-secondary:hover {
            background-color: #f9fff9;
            transform: translateY(-2px);
        }

        .hero-section {
            background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1563986768609-322da13575f3?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80');
            background-size: cover;
            background-position: center;
        }

        .service-card {
            transition: transform 0.3s, box-shadow 0.3s;
        }

        .service-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .testimonial-card {
            transition: transform 0.3s;
        }

        .testimonial-card:hover {
            transform: translateY(-3px);
        }

        .nav-link {
            position: relative;
        }

        .nav-link::after {
            content: '';
            position: absolute;
            width: 0;
            height: 2px;
            bottom: -2px;
            left: 0;
            background-color: #4CAF50;
            transition: width 0.3s;
        }

        .nav-link:hover::after, .nav-link.active::after {
            width: 100%;
        }

        .case-study-card {
            transition: all 0.3s;
        }

        .case-study-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .blog-card {
            transition: all 0.3s;
        }

        .blog-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
        }

        .fade-in {
            animation: fadeIn 0.5s ease-in;
        }

        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(10px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* Mobile menu styling */
        .mobile-menu {
            display: none;
            transition: height 0.3s;
            overflow: hidden;
        }

        .mobile-menu.show {
            display: block;
        }