@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&family=Roboto:wght@300;400;500;700&display=swap');
        
        :root {
            --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            --secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
            --blue-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
            --purple-gradient: linear-gradient(135deg, #a8edea 0%, #fed6e3 100%);
        }
        
        * {
            /* scroll-behavior: smooth; */ /* スムーススクロールを削除 */
        }
        body {
            font-family: 'Noto Sans JP', 'Roboto', sans-serif;
            line-height: 1.6;
            overflow-x: hidden;
        }
        
        .hero-bg {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            position: relative;
        }
        
        .hero-bg::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><radialGradient id="a" cx="50%" cy="50%"><stop offset="0%" stop-color="%23ffffff" stop-opacity="0.1"/><stop offset="100%" stop-color="%23ffffff" stop-opacity="0"/></radialGradient></defs><circle cx="250" cy="250" r="200" fill="url(%23a)"/><circle cx="750" cy="750" r="300" fill="url(%23a)"/></svg>');
            opacity: 0.3;
        }
        
        /* .floating-animation { animation: float 6s ease-in-out infinite; } */ /* アニメーション削除 */
        /* @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-20px); } } */ /* アニメーション定義削除 */
        
        .fade-in-up {
            /* opacity: 0; */ /* 初期透明度削除 */
            /* transform: translateY(30px); */ /* 初期位置削除 */
            /* animation: fadeInUp 0.8s ease forwards; */ /* アニメーション削除 */
            opacity: 1; /* 常に表示 */
            transform: translateY(0); /* 常に元の位置 */
        }
        /* @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } } */ /* アニメーション定義削除 */
        
        .gradient-text {
            background: var(--primary-gradient);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }
        
        .glass-card {
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 25px 45px rgba(0, 0, 0, 0.1);
        }
        
        .feature-card {
            background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
            /* transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); */ /* トランジション削除 */
            border: 1px solid rgba(99, 102, 241, 0.1);
        }
        
        /* .feature-card:hover { transform: translateY(-10px) scale(1.02); box-shadow: 0 25px 50px rgba(99, 102, 241, 0.15); border-color: rgba(99, 102, 241, 0.3); } */ /* ホバーエフェクト削除 */
        
        .icon-wrapper {
            background: var(--blue-gradient);
            /* background-size: 200% 200%; */ /* 背景サイズアニメーション削除 */
            /* animation: gradientShift 3s ease infinite; */ /* アニメーション削除 */
        }
        
        /* @keyframes gradientShift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } */ /* アニメーション定義削除 */
        
        /* .pulse-ring { animation: pulse-ring 2s infinite; } */ /* アニメーション削除 */
        /* @keyframes pulse-ring { 0% { transform: scale(0.8); opacity: 1; } 100% { transform: scale(2.4); opacity: 0; } } */ /* アニメーション定義削除 */
        
        .comparison-table {
            border-radius: 20px;
            overflow: hidden;
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);
        }
        
        .comparison-table tbody tr {
            /* transition: all 0.2s; */ /* トランジション削除 */
        }
        .comparison-table tbody tr:hover {
            /* background-color: #f9fafb; */ /* ホバーエフェクト削除 */
        }

        .wave-bottom {
            position: relative;
        }
        
        .wave-bottom::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60px;
            background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none"><path d="M1200 120L0 16.48V0h1200v120z" fill="%23ffffff"/></svg>');
            background-size: cover;
        }
        
        .number-counter {
            font-family: 'Roboto', sans-serif;
            font-weight: 700;
            color: #4f46e5;
        }
        
        .btn-primary {
            background: var(--primary-gradient);
            border: none;
            position: relative;
            overflow: hidden;
            /* transition: all 0.3s ease; */ /* トランジション削除 */
        }
        
        /* .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 15px 30px rgba(102, 126, 234, 0.4); } */ /* ホバーエフェクト削除 */
        
        .btn-primary::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
            /* transition: left 0.5s; */ /* トランジション削除 */
        }
        
        /* .btn-primary:hover::before { left: 100%; } */ /* ホバーエフェクト削除 */
        
        .section-spacing {
            padding: 6rem 0;
        }
        
        @media (max-width: 768px) {
            .section-spacing {
                padding: 4rem 0;
            }
        }
        
        .scroll-indicator {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            background: rgba(99, 102, 241, 0.1);
            z-index: 9999;
        }
        
        .scroll-progress {
            height: 100%;
            background: var(--primary-gradient);
            width: 0%;
            /* transition: width 0.1s ease; */ /* トランジション削除 */
        }
        
        .typewriter {
            overflow: hidden;
            /* border-right: 3px solid #667eea; */ /* パイプ(縦線)の原因のため削除 */
            white-space: nowrap;
            /* animation: typing 3.5s steps(40, end), blink-caret 0.75s step-end infinite; */ /* アニメーション削除 */
            width: 100%; /* アニメーションなしで全幅表示 */
        }
        
        /* @keyframes typing { from { width: 0; } to { width: 100%; } } */ /* アニメーション定義削除 */
        /* @keyframes blink-caret { from, to { border-color: transparent; } 50% { border-color: #667eea; } } } */ /* アニメーション定義削除 */

        /* その他のhoverやtransitionを削除 */
        .glass-card .w-3.h-3.bg-green-400.rounded-full /*.animate-pulse*/ { /* animate-pulse削除 */
            animation: none;
        }

        .cta-section .btn-primary {
            /* transition: all 0.3s ease; */
        }
        .cta-section .btn-primary:hover {
            /* transform: translateY(-2px); */
            /* box-shadow: 0 15px 30px rgba(102, 126, 234, 0.4); */
        }
        .cta-section .btn-primary::before {
            /* transition: left 0.5s; */
        }
        .cta-section .btn-primary:hover::before {
            /* left: 100%; */
        }

        footer .flex.space-x-4 div {
            /* transition: all 0.3s; */
        }
        footer .flex.space-x-4 div:hover {
            /* transform: translateY(-2px); */
            /* box-shadow: 0 15px 30px rgba(102, 126, 234, 0.4); */
        }

        footer a {
            /* transition: color 0.3s; */
        }
        footer a:hover {
            /* text-decoration: underline; */
        }

        /* 詳細レポート出力ボタンのホバーエフェクト削除 */
        .glass-card .btn-primary:hover {
            /* transform: none; */
            /* box-shadow: none; */
        }
        .glass-card .btn-primary::before {
            /* content: none; */
        }

        /* 特徴セクションのカードのホバーエフェクト削除 */
        .feature-card:hover {
            /* transform: none; */
            /* box-shadow: none; */
            /* border-color: rgba(99, 102, 241, 0.1); */
        }

        /* 比較テーブルの行のホバーエフェクト削除 */
        .comparison-table tbody tr:hover {
            /* background-color: initial; */
        }

        /* 監督レポートセクションのカードのホバーエフェクト削除 */
        .監督レポートセクション .p-6.bg-white.rounded-2xl.shadow-lg.border:hover {
            /* transform: none; */
            /* box-shadow: none; */
        }

        /* Updated CSS for h1 font-weight */
        .hero-bg h1 {
            font-weight: 700; /* Adjusted from 900 to 700 */
        }