@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap');.ai-matching-section{margin: 40px 0;padding: 0;}.ai-matching-box{background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);border-radius: 12px;padding: 30px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);text-align: center;}.ai-matching-box h2{font-size: 24px;color: #333;margin-bottom: 15px;font-weight: 600;}.ai-matching-box p{font-size: 16px;color: #333;margin-bottom: 20px;line-height: 1.6;}.ai-matching-features{display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;margin-bottom: 25px;}.ai-matching-features .feature-item{background-color: rgba(255, 255, 255, 0.7);padding: 10px 15px;border-radius: 8px;font-size: 14px;color: #333;font-weight: 500;}.hero-features{display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;margin: 30px 0;padding: 20px;}.hero-features .feature-item{display: flex;flex-direction: column;align-items: center;background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);border: 2px solid #e3f2fd;border-radius: 12px;padding: 20px 15px;min-width: 120px;text-align: center;transition: all 0.3s ease;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);color: #333;font-weight: 500;}.hero-features .feature-item:hover{transform: translateY(-3px);box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);border-color: #2196F3;}.hero-features .feature-icon{font-size: 24px;margin-bottom: 8px;display: block;line-height: 1;}.hero-features .feature-item span:not(.feature-icon){font-size: 14px;color: #333;font-weight: 600;line-height: 1.3;}@media (max-width: 768px){.hero-features{flex-direction: column;gap: 15px;padding: 15px;margin: 20px 0;}.hero-features .feature-item{flex-direction: row;min-width: auto;width: 100%;padding: 15px 20px;text-align: left;}.hero-features .feature-icon{font-size: 20px;margin-bottom: 0;margin-right: 12px;flex-shrink: 0;}.hero-features .feature-item span:not(.feature-icon){font-size: 16px;flex: 1;}}@media (max-width: 480px){.hero-features{padding: 10px;margin: 15px 0;}.hero-features .feature-item{padding: 12px 15px;}.hero-features .feature-icon{font-size: 18px;margin-right: 10px;}.hero-features .feature-item span:not(.feature-icon){font-size: 14px;}}.remote-content{display: flex;align-items: center;gap: 40px;margin: 40px 0;padding: 30px;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-radius: 16px;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);}.remote-image{flex: 0 0 300px;}.remote-img{width: 100%;height: auto;border-radius: 12px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);}.remote-text{flex: 1;}.remote-title{font-size: 28px;font-weight: 700;color: #333;margin-bottom: 15px;line-height: 1.3;}.remote-description{font-size: 16px;color: #666;line-height: 1.7;margin-bottom: 25px;}.remote-features{display: grid;grid-template-columns: repeat(2, 1fr);gap: 15px;margin-bottom: 25px;}.remote-feature{display: flex;align-items: center;gap: 10px;padding: 12px 15px;background: rgba(255, 255, 255, 0.8);border-radius: 8px;font-weight: 500;color: #333;}.remote-icon{font-size: 20px;flex-shrink: 0;}.remote-price-highlight{display: flex;align-items: center;gap: 15px;padding: 15px 20px;background: linear-gradient(135deg, #2196F3 0%, #1976D2 100%);border-radius: 10px;color: white;font-weight: 600;}.price-label{font-size: 16px;}.price-amount{font-size: 24px;font-weight: 700;}@media (max-width: 768px){.remote-content{flex-direction: column;gap: 25px;padding: 20px;margin: 25px 0;}.remote-image{flex: none;width: 100%;max-width: 400px;margin: 0 auto;}.remote-title{font-size: 24px;text-align: center;}.remote-description{font-size: 15px;text-align: center;}.remote-features{grid-template-columns: 1fr;gap: 12px;}.remote-feature{justify-content: center;text-align: center;}.remote-price-highlight{justify-content: center;text-align: center;}}@media (max-width: 480px){.remote-content{padding: 15px;margin: 20px 0;}.remote-title{font-size: 20px;}.remote-description{font-size: 14px;}.remote-feature{padding: 10px 12px;}.remote-icon{font-size: 18px;}.remote-price-highlight{flex-direction: column;gap: 8px;padding: 12px 15px;}.price-amount{font-size: 20px;}}.ai-matching-cta{margin-top: 20px;}.ai-button{display: inline-block;background: linear-gradient(135deg, #4CAF50 0%, #8BC34A 100%);color: white;font-weight: 600;padding: 12px 30px;border-radius: 50px;text-decoration: none;transition: all 0.3s ease;box-shadow: 0 4px 10px rgba(76, 175, 80, 0.3);font-size: 16px;}.ai-button:hover{transform: translateY(-3px);box-shadow: 0 6px 15px rgba(76, 175, 80, 0.4);text-decoration: none;color: white;}@media (max-width: 768px){.ai-matching-box{padding: 25px 20px;}.ai-matching-features{flex-direction: column;gap: 10px;align-items: center;}.ai-button{width: 100%;padding: 12px 20px;}}:root{--primary-color: #1a202c;--secondary-color: #2563eb;--accent-color: #dc2626;--background-color: #ffffff;--text-color: #1a202c;--border-color: #e5e7eb;--shadow-color: rgba(0, 0, 0, 0.08);--success-color: #059669;--warning-color: #d97706;--font-family-base: 'Inter', 'Noto Sans JP', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Hiragino Sans', 'メイリオ', Meiryo, sans-serif;--info-danger: #e74c3c;--info-font-family: var(--font-family-base);--info-font-size-base: 16px;--info-font-size-large: 18px;--info-font-size-small: 14px;--info-line-height: 1.7;--info-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);--info-radius: 8px;--info-border: 1px solid #e0e0e0;}body{font-family: var(--info-font-family);line-height: var(--info-line-height);color: var(--text-color);margin: 0;padding: 0;background-color: var(--background-color);font-weight: 400;font-size: var(--info-font-size-base);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}h1, h2, h3, h4, h5, h6{font-family: var(--info-font-family);font-weight: 600;margin: 0 0 1rem 0;line-height: 1.3;color: var(--text-color);}.school-info-container{width: 100%;margin: 0 auto;padding: 0;background-color: #f8f9fa;}.container{max-width: 1200px;margin: 0 auto;padding: 20px;}.school-info-page{background: #fff;border-radius: 8px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);overflow: hidden;}.page-header{background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: #fff;padding: 60px 40px;text-align: center;}.page-title{font-size: 32px;font-weight: 600;margin: 0 0 12px 0;font-family: var(--font-family-base);}.page-subtitle{font-size: 18px;font-weight: 400;margin: 0;opacity: 0.9;font-family: var(--font-family-base);}.category-description{padding: 40px;border-bottom: 1px solid #e9ecef;}.description-box h2{font-size: 24px;font-weight: 600;color: var(--text-color);margin-bottom: 16px;font-family: var(--font-family-base);}.description-box p{font-size: 16px;line-height: 1.7;color: #666;margin-bottom: 16px;}.schools-list{padding: 40px;}.schools-list h2{font-size: 24px;font-weight: 600;color: var(--text-color);margin-bottom: 32px;text-align: center;font-family: var(--font-family-base);}.schools-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 24px;}.school-card{background: #f8f9fa;border-radius: 8px;padding: 24px;border: 1px solid #e9ecef;transition: all 0.3s ease;}.school-card:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);border-color: #667eea;}.school-name{font-size: 18px;font-weight: 600;color: var(--text-color);margin: 0 0 12px 0;font-family: var(--font-family-base);}.school-description{font-size: 14px;line-height: 1.6;color: #666;margin: 0;}.category-features{padding: 40px;background: #f8f9fa;border-top: 1px solid #e9ecef;}.category-features h2{font-size: 24px;font-weight: 600;color: var(--text-color);margin-bottom: 32px;text-align: center;font-family: var(--font-family-base);}.features-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 24px;margin-bottom: 40px;}.feature-item{background: #fff;border-radius: 8px;padding: 24px;text-align: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}.feature-item:hover{transform: translateY(-2px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);}.feature-item h3{font-size: 18px;font-weight: 600;color: var(--text-color);margin: 0 0 12px 0;font-family: var(--font-family-base);}.feature-item p{font-size: 14px;line-height: 1.6;color: #666;margin: 0;}.exam-support{padding: 40px;background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);border-top: 1px solid #e9ecef;}.exam-support h2{font-size: 24px;font-weight: 600;color: var(--text-color);margin-bottom: 24px;text-align: center;font-family: var(--font-family-base);}.support-content{max-width: 800px;margin: 0 auto;}.support-content p{font-size: 16px;line-height: 1.7;color: #555;margin-bottom: 24px;text-align: center;}.support-content ul{list-style: none;padding: 0;margin: 0;}.support-content li{background: #fff;border-radius: 6px;padding: 16px 20px;margin-bottom: 12px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);position: relative;padding-left: 50px;}.support-content li:before{content: '✓';position: absolute;left: 20px;top: 16px;color: #28a745;font-weight: bold;font-size: 16px;}.support-content li:last-child{margin-bottom: 0;}.category-overview{padding: 40px;border-bottom: 1px solid #e9ecef;}.cost-summary{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 20px;margin-top: 32px;}.summary-item{background: #fff;border-radius: 12px;padding: 24px;text-align: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;border-left: 4px solid #ddd;}.summary-item.high{border-left-color: #dc3545;}.summary-item.medium{border-left-color: #ffc107;}.summary-item.low{border-left-color: #28a745;}.summary-item.no-info{border-left-color: #6c757d;}.summary-item:hover{transform: translateY(-2px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);}.summary-item h3{font-size: 16px;font-weight: 600;color: var(--text-color);margin: 0 0 8px 0;font-family: var(--font-family-base);}.summary-item p{font-size: 14px;color: #666;margin: 0;}.tab-menu{display: flex;background: #f8f9fa;border-radius: 8px 8px 0 0;overflow: hidden;margin: 0;border-bottom: 1px solid #dee2e6;}.tab-button{flex: 1;background: #f8f9fa;border: none;padding: 16px 20px;font-size: 14px;font-weight: 500;color: #666;cursor: pointer;transition: all 0.3s ease;font-family: var(--font-family-base);border-bottom: 3px solid transparent;}.tab-button:hover{background: #e9ecef;color: var(--text-color);}.tab-button.active{background: #fff;color: var(--text-color);border-bottom-color: #667eea;font-weight: 600;}.tab-content{display: none;padding: 40px;background: #fff;}.tab-content.active{display: block;}.cost-category h3{font-size: 20px;font-weight: 600;color: var(--text-color);margin: 0 0 24px 0;font-family: var(--font-family-base);text-align: center;}.cost-schools-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;}.cost-school-card{background: #f8f9fa;border-radius: 8px;padding: 20px;border: 1px solid #e9ecef;transition: all 0.3s ease;}.cost-school-card:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);border-color: #667eea;}.cost-school-name{font-size: 16px;font-weight: 600;color: var(--text-color);margin: 0 0 8px 0;font-family: var(--font-family-base);}.cost-info{display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px;}.initial-cost{font-size: 14px;font-weight: 600;color: #dc3545;}.annual-cost{font-size: 12px;color: #666;}.cost-details{font-size: 12px;color: #888;margin: 0;}.emoji{font-size: 24px;margin-right: 8px;}.icon{display: inline-block;width: 20px;height: 20px;margin-right: 8px;vertical-align: middle;}.intro-section{margin-bottom: 60px;}.intro-box{background: #fff;padding: 60px 40px;text-align: center;border-bottom: 1px solid #e8e8e8;}.intro-box h2{font-size: 32px;font-weight: 600;color: var(--text-color);margin-bottom: 16px;line-height: 1.3;font-family: var(--font-family-base);}.intro-box p{font-size: 18px;color: #666;line-height: 1.6;max-width: 600px;margin: 0 auto;}.quick-selection{padding: 60px 40px;background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);border-bottom: 1px solid #dee2e6;}.quick-selection .section-header{text-align: center;margin-bottom: 40px;}.quick-selection .section-header h2{font-size: 28px;font-weight: 600;color: var(--text-color);margin-bottom: 12px;font-family: var(--font-family-base);}.quick-selection .section-header p{font-size: 16px;color: #666;margin: 0;}.quick-buttons{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 24px;max-width: 900px;margin: 0 auto;}.quick-button{display: flex;align-items: center;background: #fff;border-radius: 16px;padding: 24px;text-decoration: none;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;border: 2px solid transparent;position: relative;overflow: hidden;}.quick-button:hover{transform: translateY(-4px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);text-decoration: none;}.quick-button.budget{border-color: #28a745;}.quick-button.budget:hover{background: linear-gradient(135deg, #28a745 0%, #20c997 100%);color: #333;}.quick-button.religion{border-color: #6f42c1;}.quick-button.religion:hover{background: linear-gradient(135deg, #6f42c1 0%, #e83e8c 100%);color: #333;}.quick-button.comprehensive{border-color: #fd7e14;}.quick-button.comprehensive:hover{background: linear-gradient(135deg, #fd7e14 0%, #ffc107 100%);color: #333;}.button-icon{font-size: 32px;margin-right: 20px;flex-shrink: 0;transition: transform 0.3s ease;}.quick-button:hover .button-icon{transform: scale(1.1);}.button-content{flex: 1;}.button-content h3{font-size: 18px;font-weight: 600;color: var(--text-color);margin: 0 0 8px 0;font-family: var(--font-family-base);transition: color 0.3s ease;}.quick-button:hover .button-content h3{color: inherit;}.button-content p{font-size: 14px;color: #666;line-height: 1.5;margin: 0 0 12px 0;transition: color 0.3s ease;}.quick-button:hover .button-content p{color: rgba(255, 255, 255, 0.9);}.button-label{display: inline-block;font-size: 12px;font-weight: 500;color: #007bff;background: rgba(0, 123, 255, 0.1);padding: 4px 12px;border-radius: 20px;transition: all 0.3s ease;}.quick-button:hover .button-label{background: rgba(255, 255, 255, 0.2);color: #333;}.contact-section{padding: 60px 40px;background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);color: #333;margin-top: 40px;}.contact-box{max-width: 800px;margin: 0 auto;text-align: center;}.contact-box h2{font-size: 28px;font-weight: 600;margin-bottom: 20px;font-family: var(--font-family-base);}.contact-box p{font-size: 16px;line-height: 1.6;margin-bottom: 30px;opacity: 0.9;}.contact-benefits{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 16px;margin-bottom: 40px;}.benefit{background: rgba(255, 255, 255, 0.1);padding: 16px 20px;border-radius: 12px;font-size: 14px;font-weight: 500;backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);}.contact-cta{margin-top: 30px;}.cta-button{display: inline-block;background: #fff;color: #667eea;padding: 16px 32px;border-radius: 50px;text-decoration: none;font-weight: 600;font-size: 16px;transition: all 0.3s ease;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);}.cta-button:hover{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);text-decoration: none;color: #5a67d8;}.section-header{text-align: center;margin-bottom: 40px;}.section-header h2{font-size: 28px;font-weight: 600;color: var(--text-color);margin-bottom: 8px;font-family: var(--font-family-base);}.section-header p{font-size: 16px;color: #666;line-height: 1.6;}.category-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 24px;margin-bottom: 60px;}.categ.school-card{background: white;border-radius: 12px;padding: 25px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;border: 1px solid #e0e0e0;display: flex;flex-direction: column;justify-content: space-between;min-height: 180px;}.categ.school-card:hover{transform: translateY(-4px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);}.category-card h3{font-size: 20px;font-weight: 600;color: var(--text-color);margin-bottom: 12px;font-family: var(--font-family-base);}.selection-options{background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);padding: 60px 20px;margin: 40px 0;border-radius: 20px;text-align: center;}.options-title{font-size: 32px;font-weight: 700;color: #333;margin-bottom: 40px;font-family: var(--font-family-base);text-shadow: none;}.options-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 30px;max-width: 800px;margin: 0 auto;}.option-card{background: rgba(255, 255, 255, 0.95);backdrop-filter: blur(10px);border-radius: 16px;padding: 40px 30px;text-decoration: none;color: inherit;transition: all 0.3s ease;border: 1px solid rgba(255, 255, 255, 0.2);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);position: relative;overflow: hidden;}.option-card::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);transition: left 0.5s;}.option-card:hover::before{left: 100%;}.option-card:hover{transform: translateY(-8px);box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);background: rgba(255, 255, 255, 1);}.option-icon{width: 80px;height: 80px;border-radius: 50%;background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);display: flex;align-items: center;justify-content: center;margin: 0 auto 24px;transition: all 0.3s ease;}.option-card:hover .option-icon{transform: scale(1.1);box-shadow: 0 8px 24px rgba(102, 126, 234, 0.4);}.option-icon i{font-size: 32px;color: #333;}.option-title{font-size: 24px;font-weight: 700;color: #333;margin-bottom: 16px;font-family: var(--font-family-base);}.option-description{font-size: 16px;color: #666;line-height: 1.6;margin-bottom: 24px;}.option-arrow{display: flex;justify-content: center;align-items: center;width: 40px;height: 40px;border-radius: 50%;background: #f8f9fa;margin: 0 auto;transition: all 0.3s ease;}.option-card:hover .option-arrow{background: #667eea;transform: translateX(4px);}.option-arrow i{font-size: 16px;color: #666;transition: color 0.3s ease;}.option-card:hover .option-arrow i{color: #333;}@media (max-width: 768px){.selection-options{padding: 40px 15px;margin: 20px 0;border-radius: 15px;}.options-title{font-size: 24px;margin-bottom: 30px;}.options-grid{grid-template-columns: 1fr;gap: 20px;}.option-card{padding: 30px 20px;}.option-icon{width: 60px;height: 60px;margin-bottom: 20px;}.option-icon i{font-size: 24px;}.option-title{font-size: 20px;margin-bottom: 12px;}.option-description{font-size: 14px;margin-bottom: 20px;}}.category-card p{font-size: 14px;color: #666;line-height: 1.6;margin-bottom: 20px;}.category-link{display: inline-block;background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);color: #333;text-decoration: none;padding: 12px 24px;border-radius: 6px;font-weight: 500;font-size: 14px;transition: all 0.3s ease;font-family: var(--font-family-base);}.category-link:hover{transform: translateY(-1px);box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);text-decoration: none;color: #333;}.contact-cta{text-align: center;margin-top: 60px;padding: 40px 20px;background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);border-radius: 12px;}.cta-button{display: inline-block;background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);color: #333;text-decoration: none;padding: 16px 32px;border-radius: 8px;font-weight: 600;font-size: 16px;transition: all 0.3s ease;font-family: var(--font-family-base);}.cta-button:hover{transform: translateY(-2px);box-shadow: 0 6px 16px rgba(255, 107, 107, 0.4);text-decoration: none;color: #333;}.school-info-hero{position: relative;background-color: rgba(52, 152, 219, 0.05);padding: 80px 0 120px;margin-bottom: 50px;overflow: hidden;}.school-info-hero-content{max-width: 1200px;margin: 0 auto;padding: 0 20px;text-align: center;position: relative;z-index: 2;}.school-info-hero-title{font-size: 42px;font-weight: 700;margin-bottom: 20px;font-family: var(--info-rounded-font);color: var(--info-primary);}.schools-container{max-width: 1200px;margin: 0 auto;padding: 0 20px;}.schools-hero{display: flex;align-items: center;justify-content: space-between;padding: 60px 0;background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);border-radius: 20px;margin-bottom: 40px;color: #333;}.schools-hero-content{flex: 1;padding: 0 40px;}.schools-hero-title{font-size: 48px;font-weight: 700;margin-bottom: 16px;font-family: var(--font-family-base);text-shadow: none;}.schools-hero-subtitle{font-size: 18px;opacity: 0.9;line-height: 1.6;}.schools-hero-image{flex: 1;text-align: center;padding: 0 20px;}.schools-hero-image img{max-width: 100%;height: auto;border-radius: 12px;box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);}.schools-content-wrapper{margin-top: 60px;}.schools-area{margin-bottom: 60px;}.area-title{font-size: 28px;font-weight: 700;color: #333;margin-bottom: 30px;display: flex;align-items: center;font-family: var(--font-family-base);}.area-icon{width: 40px;height: 40px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;margin-right: 16px;font-size: 20px;}.area-icon.yokohama{background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);color: #333;}.area-icon.tokyo{background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);color: #333;}.area-icon.kanagawa{background: linear-gradient(135deg, #4ecdc4 0%, #44a08d 100%);color: #333;}.schools-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: 24px;}.school-card{background: #fff;border-radius: 12px;padding: 0;text-decoration: none;color: inherit;transition: all 0.3s ease;border: 1px solid #f0f0f0;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);overflow: hidden;}.school-card:hover{transform: translateY(-4px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);text-decoration: none;color: inherit;}.school-card-inner{display: flex;align-items: center;padding: 24px;}.school-icon{width: 50px;height: 50px;border-radius: 50%;background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);display: flex;align-items: center;justify-content: center;margin-right: 16px;flex-shrink: 0;}.school-icon i{font-size: 20px;color: #333;}.school-info{flex: 1;}.school-name{font-size: 18px;font-weight: 600;color: #333;margin-bottom: 4px;font-family: var(--font-family-base);}.school-location{font-size: 14px;color: #666;margin: 0;}.school-arrow{width: 30px;height: 30px;border-radius: 50%;background: #f8f9fa;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;flex-shrink: 0;}.school-card:hover .school-arrow{background: #667eea;transform: translateX(4px);}.school-arrow i{font-size: 14px;color: #666;transition: color 0.3s ease;}.school-card:hover .school-arrow i{color: #333;}@media (max-width: 768px){.schools-hero{flex-direction: column;text-align: center;padding: 40px 20px;}.schools-hero-content{padding: 0 0 30px 0;}.schools-hero-title{font-size: 32px;margin-bottom: 12px;}.schools-hero-subtitle{font-size: 16px;}.schools-hero-image{padding: 0;}.area-title{font-size: 24px;margin-bottom: 20px;}.schools-grid{grid-template-columns: 1fr;gap: 16px;}.school-card-inner{padding: 20px;}.school-name{font-size: 16px;}.category-overview{margin-bottom: 40px;}.cost-summary{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 20px;margin-top: 30px;}.summary-item{background: #fff;border-radius: 12px;padding: 24px;text-align: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);border-left: 4px solid #ddd;transition: all 0.3s ease;padding: 24px;text-align: center;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);border-left: 4px solid #ddd;transition: all 0.3s ease;}.summary-item:hover{transform: translateY(-2px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);}.summary-item.high{border-left-color: #667eea;}.summary-item.medium{border-left-color: #667eea;}.summary-item.low{border-left-color: #bbdefb;}.summary-item.no-info{border-left-color: #95a5a6;}.summary-item h3{font-size: 18px;font-weight: 600;color: #333;margin-bottom: 8px;font-family: var(--font-family-base);}.summary-item p{font-size: 14px;color: #666;margin: 0;}.tab-container{margin-top: 40px;}.tab-menu{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 30px;border-bottom: 2px solid #f0f0f0;padding-bottom: 0;}.tab-button{background: #f8f9fa;border: none;padding: 12px 20px;border-radius: 8px 8px 0 0;font-size: 14px;font-weight: 500;color: #666;cursor: pointer;transition: all 0.3s ease;font-family: var(--font-family-base);border-bottom: 3px solid transparent;}.tab-button:hover{background: #e9ecef;color: #333;}.tab-button.active{background: #fff;color: #333;border-bottom-color: #667eea;font-weight: 600;}.tab-content{display: none;animation: fadeIn 0.3s ease;}.tab-content.active{display: block;}@keyframes fadeIn{from{opacity: 0;transform: translateY(10px);}to{opacity: 1;transform: translateY(0);}}.schools-cost-list{display: grid;gap: 20px;}.school-cost-card{background: #fff;border-radius: 12px;padding: 24px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);border-left: 4px solid #ddd;transition: all 0.3s ease;position: relative;}.school-cost-card:hover{transform: translateY(-2px);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);}.school-cost-card.high-cost{border-left-color: #667eea;}.school-cost-card.medium-cost{border-left-color: #667eea;}.school-cost-card.low-cost{border-left-color: #667eea;}.school-cost-card.no-budget{border-left-color: #95a5a6;}.school-rank{position: absolute;top: 16px;right: 16px;background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);color: #333;width: 32px;height: 32px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 12px;font-weight: 600;}.school-cost-card .school-name{font-size: 20px;font-weight: 600;color: #333;margin-bottom: 16px;font-family: var(--font-family-base);padding-right: 50px;}.cost-info{display: grid;grid-template-columns: 1fr 1fr;gap: 16px;margin-bottom: 16px;}.initial-cost, .annual-cost{background: #f8f9fa;border-radius: 8px;padding: 16px;text-align: center;}.cost-label{display: block;font-size: 12px;color: #666;margin-bottom: 4px;font-weight: 500;}.cost-amount{display: block;font-size: 18px;font-weight: 700;color: #333;font-family: var(--font-family-base);}.cost-details{font-size: 14px;color: #666;line-height: 1.5;margin: 0;padding: 12px;background: #f8f9fa;border-radius: 6px;}}@media (max-width: 768px){.cost-summary{grid-template-columns: 1fr;gap: 16px;}.tab-menu{flex-direction: column;gap: 4px;}.tab-button{border-radius: 6px;text-align: center;}.cost-info{grid-template-columns: 1fr;gap: 12px;}.school-cost-card .school-name{font-size: 18px;padding-right: 40px;}.school-rank{width: 28px;height: 28px;font-size: 11px;}}.schools-list{margin: 40px 0;}.schools-list h2{font-size: 24px;font-weight: 600;color: #333;margin-bottom: 24px;font-family: var(--font-family-base);}.exam-characteristics{margin: 40px 0;background: #f8f9fa;border-radius: 12px;padding: 32px;}.exam-characteristics h2{font-size: 24px;font-weight: 600;color: #333;margin-bottom: 24px;font-family: var(--font-family-base);}.characteristics-content h3{font-size: 18px;font-weight: 600;color: #333;margin: 24px 0 16px 0;font-family: var(--font-family-base);}.characteristics-content ul{list-style: none;padding: 0;margin: 0 0 24px 0;}.characteristics-content li{background: #fff;border-radius: 8px;padding: 16px;margin-bottom: 12px;border-left: 4px solid #667eea;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;}.characteristics-content li:hover{transform: translateX(4px);box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}.characteristics-content li strong{color: #0277bd;font-weight: 600;}.exam-support{margin: 40px 0;background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);border-radius: 12px;padding: 32px;color: #333;}.exam-support h2{font-size: 24px;font-weight: 600;margin-bottom: 20px;font-family: var(--font-family-base);color: #333;}.support-content p{font-size: 16px;line-height: 1.6;margin-bottom: 20px;opacity: 0.9;}.support-content ul{list-style: none;padding: 0;margin: 0;}.support-content li{background: rgba(255, 255, 255, 0.1);border-radius: 8px;padding: 16px;margin-bottom: 12px;backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);transition: all 0.3s ease;}.support-content li:hover{background: rgba(255, 255, 255, 0.2);transform: translateX(4px);}.support-content li::before{content: '✓';color: #333;font-weight: bold;margin-right: 12px;background: rgba(255, 255, 255, 0.2);border-radius: 50%;width: 20px;height: 20px;display: inline-flex;align-items: center;justify-content: center;font-size: 12px;}@media (max-width: 768px){.exam-characteristics, .exam-support{padding: 24px;margin: 30px 0;}.characteristics-content h3{font-size: 16px;margin: 20px 0 12px 0;}.characteristics-content li, .support-content li{padding: 12px;margin-bottom: 8px;}}.quick-selection{margin: 40px 0;background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);border-radius: 20px;padding: 40px;text-align: center;}.quick-selection .section-header h2{font-size: 28px;font-weight: 700;color: #333;margin-bottom: 12px;font-family: var(--font-family-base);}.quick-selection .section-header p{font-size: 16px;color: #666;margin-bottom: 32px;}.quick-buttons{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 24px;max-width: 1000px;margin: 0 auto;}.quick-button{background: #fff;border-radius: 16px;padding: 32px 24px;text-decoration: none;color: inherit;transition: all 0.3s ease;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);position: relative;overflow: hidden;}.quick-button::before{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);transition: left 0.5s;}.quick-button:hover::before{left: 100%;}.quick-button:hover{transform: translateY(-8px);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);text-decoration: none;color: inherit;}.quick-button.budget{border-top: 4px solid #27ae60;}.quick-button.religion{border-top: 4px solid #8e44ad;}.quick-button.comprehensive{border-top: 4px solid #3498db;}.button-icon{font-size: 48px;margin-bottom: 16px;display: block;}.button-content h3{font-size: 20px;font-weight: 600;color: #333;margin-bottom: 12px;font-family: var(--font-family-base);}.button-content p{font-size: 14px;color: #666;line-height: 1.5;margin-bottom: 16px;}.button-label{display: inline-block;background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);color: #333;padding: 8px 16px;border-radius: 20px;font-size: 12px;font-weight: 500;transition: all 0.3s ease;}.quick-button:hover .button-label{transform: scale(1.05);box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);}@media (max-width: 768px){.quick-selection{padding: 30px 20px;margin: 30px 0;}.quick-selection .section-header h2{font-size: 24px;margin-bottom: 8px;}.quick-selection .section-header p{font-size: 14px;margin-bottom: 24px;}.quick-buttons{grid-template-columns: 1fr;gap: 16px;}.quick-button{padding: 24px 20px;}.button-icon{font-size: 36px;margin-bottom: 12px;}.button-content h3{font-size: 18px;margin-bottom: 8px;}.button-content p{font-size: 13px;margin-bottom: 12px;}}.cost-header{text-align: center;margin-bottom: 30px;}.cost-header h2{font-size: 28px;font-weight: 700;color: #333;margin-bottom: 12px;font-family: var(--font-family-base);}.cost-header p{font-size: 16px;color: #666;margin: 0;}.cost-category-card{background: #fff;border-radius: 16px;padding: 32px;box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);border: 1px solid #f0f0f0;transition: all 0.3s ease;}.cost-category-card:hover{transform: translateY(-4px);box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);}.cost-overview{display: flex;align-items: flex-start;margin-bottom: 32px;gap: 20px;}.cost-icon{font-size: 48px;flex-shrink: 0;background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);width: 80px;height: 80px;border-radius: 50%;display: flex;align-items: center;justify-content: center;box-shadow: 0 4px 16px rgba(39, 174, 96, 0.3);}.cost-info h3{font-size: 24px;font-weight: 600;color: #333;margin-bottom: 12px;font-family: var(--font-family-base);}.cost-description{font-size: 16px;color: #666;line-height: 1.6;margin: 0;}.cost-breakdown{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 16px;margin-bottom: 24px;}.cost-range{background: #f8f9fa;border-radius: 12px;padding: 20px;text-align: center;border-left: 4px solid #ddd;transition: all 0.3s ease;}.cost-range:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}.cost-range.high-cost{border-left-color: #667eea;}.cost-range.medium-cost{border-left-color: #667eea;}.cost-range.low-cost{border-left-color: #667eea;}.cost-range.no-info-cost{border-left-color: #95a5a6;}.school-card{background: white;border-radius: 12px;padding: 25px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;border: 1px solid #e0e0e0;display: flex;flex-direction: column;justify-content: space-between;min-height: 180px;}.school-card:hover{transform: translateY(-4px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);}.school-info{flex: 1;margin-bottom: 15px;}.school-actions{display: flex;justify-content: flex-end;margin-top: auto;}.google-search-btn{background: #4285f4;color: #333;padding: 8px 16px;border-radius: 6px;text-decoration: none;font-size: 13px;font-weight: 500;display: flex;align-items: center;gap: 6px;transition: all 0.3s ease;border: none;cursor: pointer;}.google-search-btn:hover{background: #3367d6;transform: translateY(-1px);box-shadow: 0 2px 8px rgba(66, 133, 244, 0.3);color: #333;text-decoration: none;}.google-search-btn svg{flex-shrink: 0;}.exam-support{background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);padding: 40px;border-radius: 12px;margin: 40px 0;color: #333;}.exam-support h2{color: #333;text-align: center;font-size: 24px;font-weight: 700;margin-bottom: 20px;}.exam-support .support-content{color: #333;}.exam-support .support-content p{color: #333;font-size: 16px;line-height: 1.6;margin-bottom: 20px;}.exam-support .support-content ul{color: #333;}.exam-support .support-content li{color: #333;font-size: 15px;line-height: 1.6;margin-bottom: 8px;}.religion-category-section{margin: 60px 0;padding: 0 20px;}.religion-section-header{text-align: center;margin-bottom: 40px;}.religion-section-header h2{font-size: 32px;font-weight: 700;color: #333;margin-bottom: 16px;font-family: var(--font-family-base);}.religion-section-header p{font-size: 18px;color: #666;line-height: 1.6;max-width: 600px;margin: 0 auto;}.religion-category-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: 30px;max-width: 1200px;margin: 0 auto;}.religion-category-card{background: white;border-radius: 16px;padding: 30px;box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;border: 1px solid #e8e8e8;position: relative;overflow: hidden;}.religion-category-card::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);}.religion-category-card:hover{transform: translateY(-8px);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);}.religion-category-card h3{font-size: 22px;font-weight: 700;color: #333;margin-bottom: 12px;font-family: var(--font-family-base);}.religion-school-count{display: inline-block;background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);color: #333;padding: 6px 16px;border-radius: 20px;font-size: 14px;font-weight: 600;margin-bottom: 16px;}.religion-category-description{font-size: 15px;color: #666;line-height: 1.7;margin-bottom: 24px;}.religion-category-link{display: inline-block;background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);color: #333;padding: 12px 24px;border-radius: 8px;text-decoration: none;font-weight: 600;font-size: 14px;transition: all 0.3s ease;border: none;cursor: pointer;}.religion-category-link:hover{background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);transform: translateY(-2px);box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);color: #333;text-decoration: none;}@media (max-width: 768px){.religion-category-grid{grid-template-columns: 1fr;gap: 20px;}.religion-section-header h2{font-size: 28px;}.religion-section-header p{font-size: 16px;}.religion-category-card{padding: 24px;}}.selection-options-section{background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);padding: 60px 20px;margin: 40px 0;border-radius: 20px;}.selection-options-section .section-title{text-align: center;font-size: 32px;font-weight: 700;color: #333;margin-bottom: 12px;font-family: var(--font-family-base);}.selection-options-section .section-subtitle{text-align: center;font-size: 18px;color: #666;margin-bottom: 40px;line-height: 1.6;}.selection-options-container{display: grid;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));gap: 30px;max-width: 800px;margin: 0 auto;}.selection-option{background: white;border-radius: 16px;padding: 30px;box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);transition: all 0.3s ease;border: 1px solid #e8e8e8;position: relative;overflow: hidden;}.selection-option::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 4px;}.budget-option::before{background: linear-gradient(90deg, #28a745 0%, #20c997 100%);}.religion-option::before{background: linear-gradient(90deg, #667eea 0%, #764ba2 100%);}.selection-option:hover{transform: translateY(-8px);box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);}.option-icon{width: 60px;height: 60px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 24px;color: #333;margin-bottom: 20px;}.budget-option .option-icon{background: linear-gradient(135deg, #28a745 0%, #20c997 100%);}.religion-option .option-icon{background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);}.option-title{font-size: 24px;font-weight: 700;color: #333;margin-bottom: 12px;font-family: var(--font-family-base);}.option-description{font-size: 16px;color: #666;line-height: 1.6;margin-bottom: 20px;}.option-features{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 24px;}.feature-tag{background: #f8f9fa;color: #495057;padding: 6px 12px;border-radius: 20px;font-size: 12px;font-weight: 500;border: 1px solid #e9ecef;}.option-link{display: inline-flex;align-items: center;gap: 8px;padding: 12px 24px;border-radius: 8px;text-decoration: none;font-weight: 600;font-size: 14px;transition: all 0.3s ease;color: #333;}.budget-option .option-link{background: linear-gradient(135deg, #28a745 0%, #20c997 100%);}.religion-option .option-link{background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);}.option-link:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);color: #333;text-decoration: none;}.budget-option .option-link:hover{background: linear-gradient(135deg, #218838 0%, #1ca085 100%);}.religion-option .option-link:hover{background: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);}@media (max-width: 768px){.selection-options-container{grid-template-columns: 1fr;gap: 20px;}.selection-options-section .section-title{font-size: 28px;}.selection-options-section .section-subtitle{font-size: 16px;}.selection-option{padding: 24px;}.option-title{font-size: 20px;}}.cost-range h4{font-size: 16px;font-weight: 600;color: #333;margin-bottom: 8px;font-family: var(--font-family-base);}.cost-amount{font-size: 18px;font-weight: 700;color: #333;margin-bottom: 4px;font-family: var(--font-family-base);}.school-count-small{font-size: 14px;color: #666;font-weight: 500;}.cost-features{display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: 24px;justify-content: center;}.feature{background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);color: #333;padding: 8px 16px;border-radius: 20px;font-size: 12px;font-weight: 500;transition: all 0.3s ease;}.feature:hover{transform: scale(1.05);box-shadow: 0 4px 12px rgba(102, 126, 234, 0.4);}.cost-link{display: block;text-align: center;background: linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);color: #333;text-decoration: none;padding: 16px 32px;border-radius: 12px;font-weight: 600;font-size: 16px;transition: all 0.3s ease;font-family: var(--font-family-base);}.cost-link:hover{transform: translateY(-2px);box-shadow: 0 6px 20px rgba(39, 174, 96, 0.4);text-decoration: none;color: #333;}@media (max-width: 768px){.cost-category-card{padding: 24px;}.cost-overview{flex-direction: column;text-align: center;gap: 16px;margin-bottom: 24px;}.cost-icon{width: 60px;height: 60px;font-size: 32px;margin: 0 auto;}.cost-info h3{font-size: 20px;margin-bottom: 8px;}.cost-description{font-size: 14px;}.cost-breakdown{grid-template-columns: repeat(2, 1fr);gap: 12px;margin-bottom: 20px;}.cost-range{padding: 16px;}.cost-range h4{font-size: 14px;margin-bottom: 6px;}.cost-amount{font-size: 16px;margin-bottom: 2px;}.school-count-small{font-size: 12px;}.cost-features{gap: 8px;margin-bottom: 20px;}.feature{font-size: 11px;padding: 6px 12px;}.cost-link{padding: 14px 24px;font-size: 14px;}}@media (max-width: 480px){.cost-breakdown{grid-template-columns: 1fr;}}.school-info-hero-subtitle{font-size: 18px;font-weight: 500;margin: 0 0 30px;}.school-info-hero-image{max-width: 800px;margin: 0 auto;position: relative;z-index: 1;}.school-info-hero-image img{width: 100%;height: auto;border-radius: 15px;box-shadow: var(--info-shadow);}.school-info-hero-wave{position: absolute;height: 70px;width: 100%;bottom: 0;background: rgba(52, 152, 219, 0.05);}.school-info-hero-wave::before, .school-info-hero-wave::after{content: "";display: block;position: absolute;border-radius: 100% 50%;}.school-info-hero-wave::before{width: 55%;height: 109%;right: -1.5%;top: 60%;background-color: #fff;}.school-info-hero-wave::after{width: 55%;height: 100%;left: -1.5%;top: 40%;background-color: rgba(52, 152, 219, 0.05);}.content-wrapper{max-width: 1200px;margin: 0 auto;padding: 40px 20px;}.section-header{text-align: center;margin-bottom: 40px;}.section-header h2{font-size: 32px;font-weight: 700;margin-bottom: 10px;font-family: var(--info-rounded-font);position: relative;display: inline-block;color: var(--info-secondary);}.section-header h2::after{content: '';position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 60px;height: 4px;border-radius: 2px;background-color: var(--info-primary);}.section-header .subtitle{font-size: 16px;font-weight: 500;color: #666;margin-top: 20px;}.animated-header{opacity: 0;transform: translateY(20px);animation: fadeInUp 0.8s ease-out forwards;}@keyframes fadeInUp{to{opacity: 1;transform: translateY(0);}}.info-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;margin-bottom: 40px;}.info-item{background-color: white;border-radius: var(--info-radius);padding: 20px;box-shadow: var(--info-shadow);display: flex;flex-direction: column;}.info-label{font-size: 14px;color: #666;margin-bottom: 8px;display: flex;align-items: center;}.info-label i{margin-right: 8px;color: var(--info-primary);}.info-value{font-size: 16px;font-weight: 500;}.info-value.school-name{font-size: 20px;font-weight: 700;color: var(--info-primary);}.info-value a{color: var(--info-primary);text-decoration: none;display: inline-flex;align-items: center;}.info-value a i{margin-left: 5px;font-size: 14px;}.info-value a:hover{text-decoration: underline;}.school-about{background-color: white;border-radius: var(--info-radius);padding: 30px;box-shadow: var(--info-shadow);margin-bottom: 40px;}.school-about h3{font-size: 24px;font-weight: 700;margin-bottom: 20px;color: var(--info-dark);position: relative;padding-left: 15px;}.school-about h3::before{content: '';position: absolute;left: 0;top: 8px;height: 20px;width: 5px;background-color: var(--info-primary);border-radius: 2px;}.about-content{font-size: 16px;line-height: 1.8;}.school-info-philosophy{margin-bottom: 60px;}.philosophy-content{background-color: white;border-radius: var(--info-radius);padding: 30px;box-shadow: var(--info-shadow);margin-bottom: 30px;font-size: 16px;line-height: 1.8;}.school-features{background-color: white;border-radius: var(--info-radius);padding: 30px;box-shadow: var(--info-shadow);}.school-features h3{font-size: 24px;font-weight: 700;margin-bottom: 20px;color: var(--info-dark);position: relative;padding-left: 15px;}.school-features h3::before{content: '';position: absolute;left: 0;top: 8px;height: 20px;width: 5px;background-color: var(--info-primary);border-radius: 2px;}.features-list ul{padding-left: 20px;}.features-list li{margin-bottom: 12px;position: relative;}.features-list li::before{content: '\f00c';font-family: 'Font Awesome 5 Free';font-weight: 900;color: var(--info-success);margin-right: 10px;}.school-info-entrance{margin-bottom: 60px;}.entrance-info > div{background-color: white;border-radius: var(--info-radius);padding: 30px;box-shadow: var(--info-shadow);margin-bottom: 30px;}.entrance-info h3{font-size: 24px;font-weight: 700;margin-bottom: 20px;color: var(--info-dark);position: relative;padding-left: 15px;}.entrance-info h3::before{content: '';position: absolute;left: 0;top: 8px;height: 20px;width: 5px;background-color: var(--info-primary);border-radius: 2px;}.entrance-note{text-align: center;font-size: 14px;color: #666;margin-top: 20px;}.school-info-results{margin-bottom: 60px;}.results-content{background-color: white;border-radius: var(--info-radius);padding: 30px;box-shadow: var(--info-shadow);font-size: 16px;line-height: 1.8;}.school-info-customer{margin-bottom: 60px;}.customer-content{background-color: white;border-radius: var(--info-radius);padding: 30px;box-shadow: var(--info-shadow);font-size: 16px;line-height: 1.8;}.contact-section{background-color: #f9f9f9;padding: 60px 0;margin-top: 60px;border-radius: var(--info-radius);}.contact-container{text-align: center;}.contact-info{max-width: 700px;margin: 0 auto 30px;}.contact-buttons{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;}.contact-buttons a{min-width: 250px;}.contact-buttons i{margin-right: 10px;}.primary-button, .secondary-button{display: inline-block;padding: 12px 24px;border-radius: 50px;font-weight: 700;text-align: center;text-decoration: none;transition: all 0.3s;font-size: 16px;}.primary-button{background-color: var(--info-primary);color: white;}.secondary-button{border: 2px solid var(--info-primary);color: var(--info-primary);background-color: transparent;}.primary-button:hover, .secondary-button:hover{transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);opacity: 0.9;}.large-button{width: 100%;padding: 15px 30px;font-size: 18px;}@media (max-width: 992px){.school-info-hero-title{font-size: 36px;}.section-header h2{font-size: 28px;}.info-grid{grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}}@media (max-width: 768px){.school-info-hero{padding: 60px 0 100px;}.school-info-hero-title{font-size: 30px;}.school-info-hero-subtitle{font-size: 16px;}.section-header h2{font-size: 24px;}.info-grid{grid-template-columns: 1fr;}.contact-buttons{flex-direction: column;}}@media (max-width: 576px){.school-info-hero{padding: 40px 0 80px;}.school-info-hero-title{font-size: 26px;}}@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=M+PLUS+Rounded+1c:wght@400;500;700&display=swap');:root{--primary-color: #3498db;--secondary-color: #e74c3c;--accent-color: #f1c40f;--dark-color: #2c3e50;--light-color: #ecf0f1;--success-color: #2ecc71;--steam-color: #3498db;--challenge-color: #e74c3c;--internal-color: #9b59b6;--yokohama-color: #4B9CD3;--kawasaki-color: #F4A460;--other-color: #9370DB;--national-color: #2E8B57;--main-font: 'Noto Sans JP', sans-serif;--rounded-font: 'M PLUS Rounded 1c', sans-serif;--shadow: 0 5px 15px rgba(0, 0, 0, 0.1);--radius: 8px;--border: 1px solid #e0e0e0;}.steam-container, .challenge-container, .internal-container, .schools-container, .customer-container{width: 100%;margin: 0 auto;font-family: var(--main-font);color: #333;line-height: 1.7;}.steam-hero, .challenge-hero, .internal-hero, .schools-hero, .customer-hero{position: relative;background-color: var(--light-color);padding: 80px 0 120px;overflow: hidden;text-align: center;}.steam-hero-content, .challenge-hero-content, .internal-hero-content, .schools-hero-content, .customer-hero-content{position: relative;z-index: 2;max-width: 800px;margin: 0 auto;padding: 0 20px;}.steam-hero-title, .challenge-hero-title, .internal-hero-title, .schools-hero-title, .customer-hero-title{font-family: var(--rounded-font);font-size: 3rem;font-weight: 700;margin-bottom: 1rem;color: var(--dark-color);}.steam-hero-subtitle, .challenge-hero-subtitle, .internal-hero-subtitle, .schools-hero-subtitle, .customer-hero-subtitle{font-size: 1.2rem;margin-bottom: 2rem;color: var(--dark-color);opacity: 0.8;}.steam-hero-image, .challenge-hero-image, .internal-hero-image, .schools-hero-image, .customer-hero-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0.2;}.steam-hero-image img, .challenge-hero-image img, .internal-hero-image img, .schools-hero-image img, .customer-hero-image img{width: 100%;height: 100%;object-fit: cover;}.steam-hero-wave, .challenge-hero-wave, .internal-hero-wave, .schools-hero-wave, .customer-hero-wave{position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" fill="%23FFFFFF" /><path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" fill="%23FFFFFF" /><path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" fill="%23FFFFFF" /></svg>');background-size: cover;background-position: center;}.steam-hero{background-color: rgba(52, 152, 219, 0.1);}.challenge-hero{background-color: rgba(231, 76, 60, 0.1);}.internal-hero{background-color: rgba(155, 89, 182, 0.1);}.customer-hero{background-color: rgba(39, 174, 96, 0.1);}.steam-hero-title{color: var(--steam-color);}.challenge-hero-title{color: var(--challenge-color);}.internal-hero-title{color: var(--internal-color);}.customer-hero-title{color: var(--dark-color);}.steam-hero-subtitle, .challenge-hero-subtitle, .internal-hero-subtitle, .customer-hero-subtitle{font-size: 18px;font-weight: 500;margin: 0 0 30px;}.steam-hero-image, .challenge-hero-image, .internal-hero-image, .schools-hero-image, .customer-hero-image{max-width: 800px;margin: 0 auto;position: relative;z-index: 1;}.steam-hero-image img, .challenge-hero-image img, .internal-hero-image img, .schools-hero-image img, .customer-hero-image img{width: 100%;height: auto;border-radius: 15px;box-shadow: var(--shadow);}.steam-hero-wave, .challenge-hero-wave, .internal-hero-wave, .schools-hero-wave, .customer-hero-wave{position: absolute;height: 70px;width: 100%;bottom: 0;}.steam-hero-wave{background: rgba(52, 152, 219, 0.1);}.challenge-hero-wave{background: rgba(231, 76, 60, 0.1);}.internal-hero-wave{background: rgba(155, 89, 182, 0.1);}.customer-hero-wave{background: rgba(39, 174, 96, 0.1);}.steam-hero-wave::before, .steam-hero-wave::after, .challenge-hero-wave::before, .challenge-hero-wave::after, .internal-hero-wave::before, .internal-hero-wave::after, .customer-hero-wave::before, .customer-hero-wave::after{content: "";display: block;position: absolute;border-radius: 100% 50%;}.steam-hero-wave::before, .challenge-hero-wave::before, .internal-hero-wave::before, .customer-hero-wave::before{width: 55%;height: 109%;right: -1.5%;top: 60%;background-color: #fff;}.steam-hero-wave::after{width: 55%;height: 100%;left: -1.5%;top: 40%;background-color: rgba(52, 152, 219, 0.1);}.challenge-hero-wave::after{width: 55%;height: 100%;left: -1.5%;top: 40%;background-color: rgba(231, 76, 60, 0.1);}.internal-hero-wave::after{width: 55%;height: 100%;left: -1.5%;top: 40%;background-color: rgba(155, 89, 182, 0.1);}.customer-hero-wave::after{width: 55%;height: 100%;left: -1.5%;top: 40%;background-color: rgba(39, 174, 96, 0.1);}.content-wrapper{max-width: 1200px;margin: 0 auto;padding: 40px 20px;}.section-header{text-align: center;margin-bottom: 40px;}.section-header h2{font-size: 32px;font-weight: 700;margin-bottom: 10px;font-family: var(--rounded-font);position: relative;display: inline-block;}.section-header h2::after{content: '';position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 60px;height: 4px;border-radius: 2px;}.steam-container .section-header h2::after{background-color: var(--steam-color);}.challenge-container .section-header h2::after{background-color: var(--challenge-color);}.internal-container .section-header h2::after{background-color: var(--internal-color);}.customer-container .section-header h2::after{background-color: var(--dark-color);}.section-header .subtitle{font-size: 16px;font-weight: 500;color: #666;margin-top: 20px;}.animated-header{opacity: 0;transform: translateY(20px);animation: fadeInUp 0.8s ease-out forwards;}@keyframes fadeInUp{to{opacity: 1;transform: translateY(0);}}.features-container{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 30px;margin-bottom: 40px;}.feature-box{background-color: white;border-radius: var(--radius);padding: 30px;box-shadow: var(--shadow);transition: transform 0.3s, box-shadow 0.3s;}.feature-box:hover{transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}.feature-icon{width: 70px;height: 70px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;font-size: 28px;color: white;}.steam-container .feature-icon{background-color: var(--steam-color);}.challenge-container .feature-icon{background-color: var(--challenge-color);}.internal-container .feature-icon{background-color: var(--internal-color);}.feature-box h3{font-size: 20px;font-weight: 700;margin-bottom: 15px;text-align: center;}.feature-box p{font-size: 15px;color: #666;margin: 0;}.course-info{background-color: white;border-radius: var(--radius);box-shadow: var(--shadow);padding: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 30px;}.course-details{flex: 1;min-width: 300px;}.course-price{margin-bottom: 30px;}.price-tag{display: flex;align-items: baseline;margin-bottom: 10px;}.amount{font-size: 42px;font-weight: 700;line-height: 1;}.currency{font-size: 20px;font-weight: 700;margin-left: 5px;}.period{font-size: 18px;color: #666;margin-left: 5px;}.price-note, .price-benefit{font-size: 14px;color: #666;margin: 5px 0;}.course-features ul{list-style: none;padding: 0;margin: 0;}.course-features li{margin-bottom: 12px;font-size: 16px;display: flex;align-items: flex-start;}.course-features li i{margin-right: 10px;margin-top: 5px;}.steam-container .course-features li i{color: var(--steam-color);}.challenge-container .course-features li i{color: var(--challenge-color);}.internal-container .course-features li i{color: var(--internal-color);}.course-cta{display: flex;flex-direction: column;gap: 15px;min-width: 250px;}.primary-button, .secondary-button{display: inline-block;padding: 12px 24px;border-radius: 50px;font-weight: 700;text-align: center;text-decoration: none;transition: all 0.3s;font-size: 16px;}.steam-container .primary-button{background-color: var(--steam-color);color: white;}.challenge-container .primary-button{background-color: var(--challenge-color);color: white;}.internal-container .primary-button{background-color: var(--internal-color);color: white;}.steam-container .secondary-button{border: 2px solid var(--steam-color);color: var(--steam-color);background-color: transparent;}.challenge-container .secondary-button{border: 2px solid var(--challenge-color);color: var(--challenge-color);background-color: transparent;}.internal-container .secondary-button{border: 2px solid var(--internal-color);color: var(--internal-color);background-color: transparent;}.primary-button:hover, .secondary-button:hover{transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);opacity: 0.9;}.large-button{width: 100%;padding: 15px 30px;font-size: 18px;}.contact-section{background-color: #f9f9f9;padding: 60px 0;margin-top: 60px;}.contact-container{text-align: center;}.contact-info{max-width: 700px;margin: 0 auto 30px;}.contact-buttons{display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;}.contact-buttons a{min-width: 250px;}.contact-buttons i{margin-right: 10px;}.schools-description{max-width: 800px;margin: 0 auto 40px;padding: 0 20px;text-align: center;}.schools-content-wrapper{max-width: 1200px;margin: 0 auto;padding: 0 20px;}.schools-area{margin-bottom: 60px;}.area-title{display: flex;align-items: center;font-size: 1.5rem;margin-bottom: 20px;color: var(--dark-color);font-weight: 700;}.area-icon{width: 30px;height: 30px;border-radius: 50%;margin-right: 10px;display: inline-block;}.area-icon.yokohama{background-color: var(--yokohama-color);}.area-icon.kawasaki{background-color: var(--kawasaki-color);}.area-icon.other{background-color: var(--other-color);}.area-icon.national{background-color: var(--national-color);}.schools-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: 20px;}.school-card{background-color: #fff;border-radius: var(--radius);box-shadow: var(--shadow);overflow: hidden;transition: all 0.3s ease;text-decoration: none;color: inherit;display: block;}.school-card:hover{transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}.school-card-inner{display: flex;align-items: center;padding: 15px;}.school-icon{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;background-color: var(--light-color);border-radius: 50%;margin-right: 15px;color: var(--dark-color);font-size: 1.2rem;}.school-info{flex: 1;}.school-name{font-size: 1rem;font-weight: 700;margin: 0 0 5px;color: var(--dark-color);}.school-location{font-size: 0.85rem;color: #666;margin: 0;}.school-arrow{margin-left: 10px;color: var(--primary-color);}.customer-container{width: 100%;margin: 0 auto;font-family: var(--main-font);color: #333;line-height: 1.7;}.customer-hero{position: relative;background-color: rgba(39, 174, 96, 0.1);padding: 80px 0 120px;overflow: hidden;text-align: center;}.customer-hero-content{position: relative;z-index: 2;max-width: 800px;margin: 0 auto;padding: 0 20px;}.customer-hero-title{font-family: var(--rounded-font);font-size: 3rem;font-weight: 700;margin-bottom: 1rem;color: var(--dark-color);}.customer-hero-subtitle{font-size: 1.2rem;margin-bottom: 2rem;color: var(--dark-color);opacity: 0.8;}.customer-hero-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;opacity: 0.2;}.customer-hero-image img{width: 100%;height: 100%;object-fit: cover;}.customer-hero-wave{position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg"><path d="M0,0V46.29c47.79,22.2,103.59,32.17,158,28,70.36-5.37,136.33-33.31,206.8-37.5C438.64,32.43,512.34,53.67,583,72.05c69.27,18,138.3,24.88,209.4,13.08,36.15-6,69.85-17.84,104.45-29.34C989.49,25,1113-14.29,1200,52.47V0Z" opacity=".25" fill="%23FFFFFF" /><path d="M0,0V15.81C13,36.92,27.64,56.86,47.69,72.05,99.41,111.27,165,111,224.58,91.58c31.15-10.15,60.09-26.07,89.67-39.8,40.92-19,84.73-46,130.83-49.67,36.26-2.85,70.9,9.42,98.6,31.56,31.77,25.39,62.32,62,103.63,73,40.44,10.79,81.35-6.69,119.13-24.28s75.16-39,116.92-43.05c59.73-5.85,113.28,22.88,168.9,38.84,30.2,8.66,59,6.17,87.09-7.5,22.43-10.89,48-26.93,60.65-49.24V0Z" opacity=".5" fill="%23FFFFFF" /><path d="M0,0V5.63C149.93,59,314.09,71.32,475.83,42.57c43-7.64,84.23-20.12,127.61-26.46,59-8.63,112.48,12.24,165.56,35.4C827.93,77.22,886,95.24,951.2,90c86.53-7,172.46-45.71,248.8-84.81V0Z" fill="%23FFFFFF" /></svg>');background-size: cover;background-position: center;}.customer-description{max-width: 800px;margin: 0 auto 40px;padding: 0 20px;text-align: center;}.customer-content-wrapper{max-width: 1200px;margin: 0 auto;padding: 0 20px;}.customer-section{margin-bottom: 60px;}.customer-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));gap: 30px;margin-top: 40px;}.customer-card{background-color: #fff;border-radius: var(--radius);box-shadow: var(--shadow);overflow: hidden;transition: all 0.3s ease;padding: 25px;}.customer-card:hover{transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}.customer-header{display: flex;align-items: center;margin-bottom: 15px;}.customer-avatar{width: 50px;height: 50px;border-radius: 50%;background-color: var(--light-color);display: flex;align-items: center;justify-content: center;margin-right: 15px;color: var(--dark-color);font-size: 1.8rem;}.customer-info{flex: 1;}.customer-school, .customer-course{font-size: 1.1rem;font-weight: 700;margin: 0 0 5px;color: var(--dark-color);}.customer-author{font-size: 0.9rem;color: #666;margin: 0;}.customer-content{margin-bottom: 15px;font-size: 0.95rem;line-height: 1.7;}.customer-footer{display: flex;justify-content: flex-end;font-size: 0.85rem;color: #888;}.page-navigation{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 15px;margin: 20px auto 40px;max-width: 1000px;padding: 0 20px;}.page-navigation .nav-item{display: flex;align-items: center;padding: 10px 20px;background-color: #fff;color: var(--dark-color);border-radius: var(--radius);box-shadow: var(--shadow);text-decoration: none;transition: all 0.3s ease;font-weight: 500;}.page-navigation .nav-item:hover{transform: translateY(-3px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);}.page-navigation .nav-item i{margin-right: 8px;}.page-navigation .nav-item.home{background-color: var(--primary-color);color: white;}.page-navigation .nav-item.contact{background-color: var(--secondary-color);color: white;}.page-navigation .nav-item.active{background-color: var(--dark-color);color: white;font-weight: 700;}@media (max-width: 992px){.steam-hero-title, .challenge-hero-title, .internal-hero-title, .schools-hero-title, .customer-hero-title{font-size: 36px;}.section-header h2{font-size: 28px;}.features-container{grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));}.course-info{flex-direction: column;}.course-cta{width: 100%;}}@media (max-width: 768px){.steam-hero, .challenge-hero, .internal-hero, .schools-hero, .customer-hero{padding: 60px 0 100px;}.steam-hero-title, .challenge-hero-title, .internal-hero-title, .schools-hero-title, .customer-hero-title{font-size: 30px;}.steam-hero-subtitle, .challenge-hero-subtitle, .internal-hero-subtitle, .schools-hero-subtitle, .customer-hero-subtitle{font-size: 16px;}.section-header h2{font-size: 24px;}.feature-box{padding: 20px;}.feature-icon{width: 60px;height: 60px;font-size: 24px;}.course-info{padding: 20px;}.amount{font-size: 36px;}}@media (max-width: 576px){.steam-hero, .challenge-hero, .internal-hero, .schools-hero, .customer-hero{padding: 40px 0 80px;}.steam-hero-title, .challenge-hero-title, .internal-hero-title, .schools-hero-title, .customer-hero-title{font-size: 26px;}.feature-box h3{font-size: 18px;}.price-tag{justify-content: center;}.contact-buttons{flex-direction: column;}.page-navigation{flex-direction: column;gap: 10px;}.page-navigation .nav-item{width: 100%;justify-content: center;}.schools-grid{grid-template-columns: 1fr;}.customer-grid{grid-template-columns: 1fr;}}#two_column_wrapper{display: flex;width: 100%;min-height: 100vh;position: relative;}.left_column{width: 30%;background-color: #f0f9ff;padding: 2rem;position: fixed;height: 100vh;overflow-y: auto;box-sizing: border-box;z-index: 10;}.right_column{margin-left: 30%;width: 70%;background-color: #ffffff;overflow-y: auto;min-height: 100vh;position: relative;}.kids21-content{max-width: 900px;margin: 0 auto;padding: 20px;background-color: #fff;box-sizing: border-box;}.kids21-header{text-align: center;margin-bottom: 30px;}.site-title{font-size: 2.2rem;font-weight: 700;margin-bottom: 20px;color: #333;line-height: 1.4;}.title-accent{display: block;font-size: 1.2rem;color: #ff6b6b;}.main-visual-slider{margin-bottom: 40px;border-radius: 10px;overflow: hidden;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);position: relative;}.slider-container{position: relative;width: 100%;height: 400px;overflow: hidden;}.slider-slide{position: absolute;width: 100%;height: 100%;opacity: 0;transition: opacity 1s ease-in-out;background-size: cover;background-position: center;}.slider-slide.active{opacity: 1;}.slider-caption{position: absolute;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, 0.5);color: white;padding: 15px;text-align: center;}.slider-nav{position: absolute;bottom: 20px;left: 0;right: 0;text-align: center;z-index: 5;}.slider-dot{display: inline-block;width: 12px;height: 12px;background-color: rgba(255, 255, 255, 0.5);border-radius: 50%;margin: 0 5px;cursor: pointer;transition: background-color 0.3s ease;}.slider-dot.active{background-color: white;}.slider-arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.3);color: white;border-radius: 50%;display: flex;justify-content: center;align-items: center;cursor: pointer;z-index: 5;transition: background-color 0.3s ease;}.slider-arrow:hover{background-color: rgba(0, 0, 0, 0.6);}.slider-arrow.prev{left: 15px;}.slider-arrow.next{right: 15px;}.full-width-img{width: 100%;height: auto;display: block;}.kids21-section{margin-bottom: 50px;padding: 25px;background-color: #fff;border-radius: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);}.section-title{position: relative;font-size: 1.6rem;font-weight: 700;margin-bottom: 25px;padding-left: 20px;color: #333;}.title-line{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 6px;height: 1.6em;background-color: #ff6b6b;border-radius: 3px;}.news-content{padding: 10px 0;}.news-item{display: flex;flex-wrap: wrap;padding: 12px 0;border-bottom: 1px solid #eee;}.news-date{width: 100px;color: #888;font-size: 0.9rem;}.news-title{flex: 1;color: #333;font-weight: 600;}.content-card{background-color: #f9f9f9;padding: 20px;border-radius: 8px;margin-bottom: 20px;}.image-wrapper{margin-bottom: 15px;border-radius: 8px;overflow: hidden;}.concept-image{transition: transform 0.3s ease;}.image-wrapper:hover .concept-image{transform: scale(1.03);}.content-title{font-size: 1.3rem;font-weight: 700;color: #333;margin-bottom: 15px;}.content-text{color: #555;line-height: 1.8;}.program-item{display: flex;flex-wrap: wrap;align-items: flex-start;margin-bottom: 30px;padding-bottom: 20px;border-bottom: 1px dashed #e0e0e0;}.program-icon{width: 60px;height: 60px;margin-right: 20px;background-color: #f0f8ff;border-radius: 50%;display: flex;justify-content: center;align-items: center;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);}.program-icon img{width: 35px;height: auto;}.program-title{width: calc(100% - 80px);font-size: 1.1rem;font-weight: 700;color: #333;margin: 10px 0;}.program-text{width: 100%;color: #555;line-height: 1.8;margin-top: 10px;padding-left: 80px;}.teacher-card{display: flex;flex-wrap: wrap;margin-bottom: 30px;padding: 15px;background-color: #f9f9f9;border-radius: 8px;}.teacher-photo{width: 120px;height: 120px;border-radius: 50%;overflow: hidden;margin-right: 20px;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);}.teacher-photo img{width: 100%;height: 100%;object-fit: cover;}.teacher-info{flex: 1;}.teacher-name{font-size: 1.2rem;font-weight: 700;color: #333;margin-bottom: 5px;}.teacher-role{color: #ff6b6b;font-weight: 500;margin-bottom: 10px;}.teacher-bio{color: #555;line-height: 1.8;margin-bottom: 10px;}.contact-section{background-color: #f0f9ff;padding: 30px;border-radius: 10px;text-align: center;}.contact-button{display: inline-block;background-color: #ff6b6b;color: #fff;padding: 12px 45px;border-radius: 50px;font-weight: 700;font-size: 1.1rem;margin-top: 15px;transition: all 0.3s ease;text-decoration: none;}.contact-button:hover{background-color: #ff4f4f;transform: translateY(-3px);box-shadow: 0 4px 10px rgba(255, 107, 107, 0.3);}.achievement-banner{background: linear-gradient(135deg, #4b6cb7 0%, #182848 100%);color: white;padding: 15px 20px;border-radius: 8px;margin: 20px 0 30px;text-align: center;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);transform: translateY(-10px);animation: fadeSlideUp 0.8s ease forwards;}.achievement-text{font-size: 1.2rem;font-weight: 600;letter-spacing: 0.03em;line-height: 1.5;margin: 0;}.achievement-text .highlight{color: #FFE66D;font-size: 1.4rem;font-weight: 700;margin: 0 2px;}@keyframes fadeSlideUp{from{opacity: 0;transform: translateY(10px);}to{opacity: 1;transform: translateY(0);}}.courses-container{display: flex;flex-direction: column;gap: 25px;margin-top: 30px;max-width: 800px;margin-left: auto;margin-right: auto;}.course-card{border-radius: 10px;overflow: hidden;box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);background-color: white;transition: transform 0.3s ease, box-shadow 0.3s ease;border: 1px solid #eaeaea;}.course-card:hover{transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}.course-header{padding: 20px;background: linear-gradient(90deg, #4b6cb7 0%, #182848 100%);color: white;position: relative;}.course-title{font-size: 1.3rem;font-weight: 700;margin: 0;}.course-content{padding: 20px;}.course-description{margin-bottom: 20px;line-height: 1.6;color: #555;}.course-details{display: grid;grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));gap: 10px;margin-bottom: 20px;}.course-detail{background-color: #f8f9fa;padding: 8px 12px;border-radius: 5px;font-size: 0.9rem;color: #555;display: flex;align-items: center;}.course-detail i{color: #4b6cb7;margin-right: 8px;font-size: 0.8rem;min-width: 16px;text-align: center;}.course-link{display: inline-block;padding: 10px 20px;background-color: #4b6cb7;color: white;text-decoration: none;border-radius: 5px;font-weight: 600;transition: background-color 0.3s ease;}.course-link:hover{background-color: #3a5a9b;}.course-link i{margin-left: 8px;transition: transform 0.3s ease;}.course-link:hover i{transform: translateX(5px);}@media (max-width: 767px){.course-header{padding: 15px;}.course-title{font-size: 1.2rem;}.course-content{padding: 15px;}.course-details{grid-template-columns: 1fr;}}@media (min-width: 768px){.courses-container{grid-template-columns: repeat(3, 1fr);}.achievement-text{font-size: 1.4rem;}.achievement-text .highlight{font-size: 1.6rem;}}.left-header{margin-bottom: 1.5rem;text-align: center;}.left-logo{max-width: 160px;margin-bottom: 0.5rem;}.info-box{background-color: #fff;padding: 1.2rem;border-radius: 8px;margin-bottom: 1.5rem;box-shadow: 0 2px 8px rgba(0,0,0,0.05);}.info-title{font-size: 1.1rem;font-weight: 700;color: #333;margin-bottom: 0.8rem;padding-bottom: 0.4rem;border-bottom: 2px solid #ff6b6b;}.info-content{color: #555;line-height: 1.5;font-size: 0.9rem;}.small-note{font-size: 0.8rem;color: #777;margin-top: 0.5rem;line-height: 1.4;}.left-footer{margin-top: 2rem;font-size: 0.85rem;color: #777;text-align: center;}.fade-in{opacity: 0;animation: fadeIn 1s ease forwards;}@keyframes fadeIn{from{opacity: 0;transform: translateY(20px);}to{opacity: 1;transform: translateY(0);}}@media screen and (max-width: 1024px){#two_column_wrapper{display: block;}.left_column{width: 100%;position: relative;height: auto;padding: 1.5rem;}.right_column{margin-left: 0;width: 100%;}.nav-menu{flex-wrap: wrap;}.nav-item{width: auto;flex: 1 1 auto;}}@media screen and (max-width: 768px){.site-title{font-size: 1.8rem;}.section-title{font-size: 1.4rem;}.teacher-photo{width: 100px;height: 100px;}.kids21-section{padding: 15px;}.program-text{padding-left: 0;}.slider-container{height: 300px;}}@media screen and (max-width: 576px){.slider-container{height: 200px;}.slider-caption{padding: 10px;font-size: 0.9rem;}.slider-arrow{width: 30px;height: 30px;}}.consulting-section{background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);color: white;padding: 4rem 0;margin: 3rem 0;}.consulting-intro{text-align: center;margin-bottom: 3rem;}.consulting-container{display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;max-width: 1200px;margin: 0 auto;padding: 0 1rem;}@media (max-width: 1024px){.consulting-container{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 768px){.consulting-container{grid-template-columns: 1fr;}}.consulting-card{background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(10px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 15px;padding: 2rem;text-align: center;transition: all 0.3s ease;position: relative;}.consulting-card:hover{transform: translateY(-10px);background: rgba(255, 255, 255, 0.15);}.consulting-card.popular{border: 2px solid #ffd700;box-shadow: 0 0 20px rgba(255, 215, 0, 0.3);}.consulting-icon{background: rgba(255, 255, 255, 0.2);width: 70px;height: 70px;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem;font-size: 1.8rem;}.consulting-title{font-size: 1.3rem;margin-bottom: 1rem;font-weight: bold;}.consulting-description{margin-bottom: 1.5rem;opacity: 0.9;line-height: 1.6;}.consulting-features{display: flex;flex-wrap: wrap;gap: 0.5rem;justify-content: center;margin-bottom: 1.5rem;}.consulting-features .feature-tag{background: rgba(255, 255, 255, 0.2);padding: 0.3rem 0.8rem;border-radius: 15px;font-size: 0.85rem;border: 1px solid rgba(255, 255, 255, 0.3);}.consulting-price{font-size: 1.2rem;font-weight: bold;color: #ffd700;margin-bottom: 0;}.popular-badge{position: absolute;top: -10px;right: 15px;background: #ffd700;color: #333;padding: 0.3rem 0.8rem;border-radius: 15px;font-size: 0.8rem;font-weight: bold;}.consulting-cta{text-align: center;margin-top: 3rem;}.consulting-contact{margin-top: 1rem;opacity: 0.9;}.consulting-contact a{color: #ffd700;text-decoration: none;font-weight: bold;}.consulting-contact a:hover{text-decoration: underline;}