@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-navy:#1c2841;--accent-burgundy:#8a1c1c;--bg-light:#fdfdfd;--bg-gray:#f9f9f9;--text-main:#333333;--text-muted:#666666;--dark-color:#2c3e50;--primary-color:#3498db;--secondary-color:#e74c3c;--accent-color:#f1c40f;--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;--radius:8px;--shadow:0 5px 15px rgba(0,0,0,0.1);--shadow-lg:0 10px 30px rgba(28,40,65,0.08);--border:1px solid #e0e0e0;--transition:all 0.3s ease}.animated-header{opacity:0;transform:translateY(30px);animation:fadeInUp 0.8s ease forwards;animation-delay:0.2s}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn 1s ease forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.section-header{text-align:center;margin-bottom:40px;position:relative}.section-header h2{font-size:2.2rem;font-weight:700;color:var(--primary-navy);margin-bottom:10px;position:relative;display:inline-block}.section-header h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background-color:var(--accent-burgundy);border-radius:2px}.section-header .subtitle{font-size:1.1rem;color:var(--text-muted);margin-top:15px}.primary-button,.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;background-color:var(--primary-navy);color:#fff !important;border-radius:50px;font-weight:600;text-decoration:none;transition:var(--transition);box-shadow:0 4px 15px rgba(28,40,65,0.2);border:none;cursor:pointer}.primary-button:hover,.btn-primary:hover{background-color:#2a3d66;transform:translateY(-3px);box-shadow:0 8px 20px rgba(28,40,65,0.3)}.more-btn-container{text-align:center;margin-top:40px}.schools-container{margin-bottom:40px}.school-group{margin-bottom:45px}.group-title{font-size:1.3rem;font-weight:700;margin-bottom:25px;padding-bottom:12px;border-bottom:2px solid var(--school-theme-color,var(--primary-navy));color:var(--dark-color);display:flex;align-items:center}.school-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.school-info-card{display:flex;background:white;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border-left:4px solid var(--school-theme-color,var(--primary-navy));padding:20px;transition:var(--transition);position:relative}.school-info-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.06)}.school-logo{width:50px;height:50px;min-width:50px;border-radius:50%;background-color:var(--school-theme-color,var(--primary-navy));display:flex;align-items:center;justify-content:center;color:white;font-size:20px;margin-right:18px;transition:var(--transition)}.school-info-card:hover .school-logo{transform:scale(1.05)}.school-details{flex:1;display:flex;flex-direction:column}.school-details h4{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--dark-color)}.school-details p{font-size:0.9rem;margin:0 0 10px;color:var(--text-muted);line-height:1.5}.school-details p:last-of-type{margin-bottom:12px}.school-detail-link{font-size:0.85rem;font-weight:600;color:var(--school-theme-color,var(--primary-navy)) !important;text-decoration:none;margin-top:auto;display:inline-flex;align-items:center;transition:var(--transition)}.school-detail-link::after{content:' →';transition:var(--transition)}.school-detail-link:hover::after{transform:translateX(4px)}#fixed_content_wrapper{display:flex;width:100%;min-height:100vh;position:relative;overflow-x:hidden}.fixed_content_l,.fixed_content_r{position:fixed;top:0;width:280px;height:100vh;overflow-y:auto;z-index:10}.fixed_content_l{left:0}.fixed_content_r{right:0}#main_content{flex:1;max-width:440px;margin:0 auto;padding:0;background-color:#fff;z-index:5;overflow-y:auto}:root{--color-primary:#3a86ff;--color-secondary:#ff6b6b;--color-accent:#ffbe0b;--color-bg-light:#f9f7f2;--color-bg-card:#ffffff;--color-text:#333333;--color-text-light:#666666;--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:3rem;--space-xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 2px 4px rgba(0,0,0,0.05);--shadow-md:0 4px 8px rgba(0,0,0,0.1);--shadow-lg:0 8px 16px rgba(0,0,0,0.1);--transition:all 0.3s ease}.kids21-content{color:var(--color-text);font-family:'Noto Sans JP',"Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;background-color:var(--color-bg-light);padding:0;line-height:1.7}.full-width-img{width:100%;height:auto;display:block;border-radius:var(--radius-sm)}.kids21-section{padding:var(--space-lg) var(--space-md);margin-bottom:var(--space-lg);position:relative}.section-title{font-size:1.8rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-lg);padding-bottom:var(--space-xs);position:relative;display:flex;align-items:center}.section-title .title-line{display:inline-block;width:40px;height:3px;background:var(--color-accent);margin-right:var(--space-sm)}.content-title{font-size:1.3rem;font-weight:600;margin:var(--space-md) 0 var(--space-sm);color:var(--color-primary)}.kids21-header{padding:var(--space-md) var(--space-md) 0}.site-title{font-size:2.2rem;font-weight:700;margin:var(--space-md) 0;text-align:center;line-height:1.4}.title-accent{display:block;font-size:1rem;color:var(--color-secondary);margin-bottom:var(--space-xs)}.main-visual{margin-bottom:var(--space-md);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.news-section{background-color:var(--color-bg-card);padding:var(--space-md);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:var(--space-md)}.news-content{border-top:1px solid #eee}.news-item{display:flex;padding:var(--space-sm) 0;border-bottom:1px solid #eee;align-items:center}.news-date{font-size:0.9rem;color:var(--color-text-light);width:100px;flex-shrink:0}.news-title{flex-grow:1}.concept-section{padding-top:var(--space-lg)}.content-card{background-color:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm);transform:translateY(0);transition:var(--transition)}.content-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.image-wrapper{margin-bottom:var(--space-md);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.content-text{margin-bottom:var(--space-md);color:var(--color-text-light)}.program-section{background-color:var(--color-bg-card);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-md);margin:0 var(--space-md) var(--space-lg);box-shadow:var(--shadow-md)}.program-item{display:flex;flex-direction:column;margin-bottom:var(--space-lg);background-color:#f9f9f9;border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);position:relative;transition:var(--transition)}.program-item:hover{box-shadow:var(--shadow-md);background-color:#f5f5f5}.program-item:last-child{margin-bottom:0}.program-icon{width:60px;height:60px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm);box-shadow:var(--shadow-sm)}.program-icon img{width:70%;height:auto}.program-title{font-size:1.2rem;font-weight:600;margin:var(--space-sm) 0;color:var(--color-primary)}.program-text{color:var(--color-text-light);margin-bottom:0}.course-section{padding:var(--space-lg) var(--space-md)}.course-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md);justify-content:center}.course-button{background-color:var(--color-bg-card);color:var(--color-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-decoration:none;font-weight:600;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid var(--color-primary)}.course-button:hover{background-color:var(--color-primary);color:white;box-shadow:var(--shadow-md)}.course-item{margin-bottom:var(--space-md)}.teacher-section{background-color:var(--color-bg-card);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-md);margin:0 var(--space-md) var(--space-lg);box-shadow:var(--shadow-md)}.teacher-card{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid #eee}.teacher-card:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.teacher-photo{width:100%;margin-bottom:var(--space-md);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.teacher-title{font-size:1.3rem;font-weight:600;margin:var(--space-md) 0 var(--space-sm);color:var(--color-primary)}.teacher-text p{margin-bottom:var(--space-sm);color:var(--color-text-light)}.meaning-section{padding:var(--space-lg) var(--space-md)}.meaning-card{background-color:var(--color-bg-card);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm)}.meaning-image{margin-bottom:var(--space-md);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.meaning-text{margin-bottom:var(--space-md);color:var(--color-text-light)}.contact-section{background-color:var(--color-bg-card);padding:var(--space-lg) var(--space-md);border-radius:var(--radius-md);margin:0 var(--space-md) var(--space-lg);box-shadow:var(--shadow-md);text-align:center}.contact-buttons{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.contact-button{display:inline-block;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:600;transition:var(--transition);box-shadow:var(--shadow-sm)}.contact-button.primary{background-color:var(--color-primary);color:white}.contact-button.secondary{background-color:white;color:var(--color-primary);border:1px solid var(--color-primary)}.contact-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.contact-info{color:var(--color-text-light);line-height:1.8}.fade-in{opacity:0;animation:fadeIn 0.8s ease forwards}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kids21-section:nth-child(1) .fade-in{animation-delay:0.2s}.kids21-section:nth-child(2) .fade-in{animation-delay:0.4s}.kids21-section:nth-child(3) .fade-in{animation-delay:0.6s}.kids21-section:nth-child(4) .fade-in{animation-delay:0.8s}.kids21-section:nth-child(5) .fade-in{animation-delay:1s}.kids21-section:nth-child(6) .fade-in{animation-delay:1.2s}.circular-slider-container{position:relative;width:100%;max-width:600px;margin:0 auto 40px;aspect-ratio:1 / 1;overflow:hidden}.circular-slider-mask{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,0.15)}.circular-slider{position:absolute;width:120%;height:120%;top:-10%;left:-10%;border-radius:50%;overflow:hidden}.circular-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 0.5s ease}.circular-slide.active{opacity:1}.circular-slide img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.circular-slider-nav{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:5}.circular-slider-dot{width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.3s ease}.circular-slider-dot.active{background-color:#FF69B4;transform:scale(1.2)}.circular-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:rgba(255,255,255,0.7);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;font-size:18px;color:#333;transition:all 0.3s ease}.circular-slider-arrow:hover{background-color:rgba(255,255,255,0.9)}.circular-slider-arrow.prev{left:15px}.circular-slider-arrow.next{right:15px}.tag-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;justify-content:center}.tag{background-color:#FFE66D;color:#333;padding:5px 15px;border-radius:20px;font-size:14px;display:inline-block}#two_column_wrapper{display:flex;min-height:100vh}.left_column{width:300px;background-color:#f9f5f7;padding:30px 20px;box-shadow:2px 0 10px rgba(0,0,0,0.05);position:fixed;height:100vh;overflow-y:auto;box-sizing:border-box}.right_column{flex:1;margin-left:300px;padding:40px 30px;box-sizing:border-box;overflow-x:hidden}.left-header{margin-bottom:30px;text-align:center}.left-logo{max-width:200px;height:auto;margin-bottom:10px}.nav-menu{list-style:none;padding:0;margin:0 0 30px}.nav-item{margin-bottom:12px}.nav-link{display:block;padding:12px 20px;background-color:#FF69B4;color:white;border-radius:30px;text-decoration:none;text-align:center;font-weight:600;transition:all 0.3s ease}.nav-link:hover{background-color:#ff4da6;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,105,180,0.3)}.info-box{background-color:white;border-radius:10px;padding:20px;margin-bottom:30px;box-shadow:0 5px 15px rgba(0,0,0,0.05)}.info-title{color:#FF69B4;margin-top:0;margin-bottom:15px;font-size:1.2rem;text-align:center;border-bottom:2px solid #FF69B4;padding-bottom:10px}.info-content p{margin:0 0 10px;line-height:1.6}.small-note{font-size:0.85rem;color:#777;font-style:italic}.left-footer{text-align:center;font-size:0.85rem;color:#777;margin-top:20px}.kids21-content{max-width:900px;margin:0 auto}.site-title{text-align:center;font-size:2.5rem;margin-bottom:20px;color:#333}.title-accent{color:#FF69B4;display:block;font-size:1.2rem;font-weight:normal;margin-bottom:5px}.kids21-section{margin-bottom:60px}.section-title{font-size:1.8rem;color:#333;margin-bottom:30px;position:relative;display:flex;align-items:center}.title-line{content:"";width:50px;height:3px;background-color:#FF69B4;margin-right:15px}.content-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.08);margin-bottom:30px}.image-wrapper{width:100%;overflow:hidden}.concept-image{width:100%;height:auto;transition:transform 0.5s ease}.content-card:hover .concept-image{transform:scale(1.05)}.content-title{font-size:1.4rem;margin:20px 20px 10px;color:#333}.content-text{padding:0 20px 20px;color:#555;line-height:1.8}.fade-in{opacity:0;transform:translateY(20px);transition:opacity 1s ease,transform 1s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.full-width-img{width:100%;height:auto;display:block}.teachers-container{display:flex;flex-direction:column;gap:30px;margin-top:30px}.single-column .teacher-card{max-width:100%}.teacher-card{background-color:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,0.08);transition:transform 0.3s ease,box-shadow 0.3s ease}.teacher-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,0.12)}.teacher-image-wrapper{width:100%;height:250px;overflow:hidden}.teacher-image{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.teacher-card:hover .teacher-image{transform:scale(1.05)}.teacher-info{padding:20px}.teacher-name{font-size:1.2rem;margin:0 0 10px;color:#333;font-weight:600}.teacher-role{font-size:0.85rem;color:#FF69B4;margin-left:10px;font-weight:normal}.teacher-profile{font-size:0.9rem;line-height:1.6;color:#555;margin-bottom:15px}.teacher-specialties{display:flex;flex-wrap:wrap;gap:8px}.specialty-tag{padding:3px 10px;background-color:#f0f0f0;color:#333;border-radius:15px;font-size:0.75rem}.more-button-container{text-align:center;margin-top:30px}.more-button{display:inline-block;background-color:#FF69B4;color:white;padding:10px 25px;border-radius:30px;text-decoration:none;font-weight:500;transition:all 0.3s ease}.more-button:hover{background-color:#FF5BA7;transform:translateY(-2px);box-shadow:0 5px 15px rgba(255,105,180,0.3)}.kids21-footer{margin-top:50px;padding:30px 0;background-color:#f9f5f7;border-top:3px solid #FF69B4;text-align:center}.footer-menu{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-bottom:25px}.footer-button{display:inline-block;padding:10px 20px;background-color:#FF69B4;color:white;border-radius:30px;font-weight:600;text-decoration:none;transition:all 0.3s ease}.footer-button:hover{background-color:#ff4da6;transform:translateY(-3px);box-shadow:0 5px 15px rgba(255,105,180,0.3)}.contact-button-container{margin:25px 0}.contact-button{display:inline-block;padding:15px 30px;background-color:#4CAF50;color:white;border-radius:30px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all 0.3s ease}.contact-button:hover{background-color:#45a049;transform:translateY(-3px);box-shadow:0 5px 15px rgba(76,175,80,0.3)}.copyright{margin-top:20px;font-size:0.85rem;color:#666}#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}.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)}.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}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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}.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}.kids21-footer{margin-top:50px;padding:30px 0;background-color:#f9f5f7;border-top:3px solid #1c2841;text-align:center}.footer-button{display:inline-block;padding:10px 20px;background-color:#8a1c1c;color:white;border-radius:30px;font-weight:600;text-decoration:none;transition:all 0.3s ease}.footer-button:hover{background-color:#721616;transform:translateY(-3px);box-shadow:0 5px 15px rgba(138,28,28,0.3)}.contact-button{display:inline-block;padding:15px 30px;background-color:#1c2841;color:white;border-radius:30px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all 0.3s ease}.contact-button:hover{background-color:#141d2f;transform:translateY(-3px);box-shadow:0 5px 15px rgba(28,40,65,0.3)}:root{--color-primary:#f59e0b;--color-secondary:#0d9488;--color-accent:#2563eb;--color-background:#f8fafc;--color-white:#ffffff;--color-light:#f1f5f9;--color-dark:#1e293b;--color-text:#334155;--color-text-light:#64748b;--font-primary:'Noto Sans JP',sans-serif;--font-heading:'Noto Sans JP',sans-serif;--container-width:1200px;--content-width:900px;--column-gap:40px;--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:3rem;--space-xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 3px rgba(0,0,0,0.1);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px rgba(0,0,0,0.1)}body{font-family:var(--font-primary);color:var(--color-text);margin:0;padding:0;background-color:var(--color-background);line-height:1.6}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--space-md);box-sizing:border-box}a{color:var(--color-primary);text-decoration:none;transition:color 0.3s ease}a:hover{color:var(--color-secondary)}img{max-width:100%;height:auto;border-radius:var(--radius-sm)}.site-header{background-color:var(--color-white);box-shadow:var(--shadow-sm);position:relative;z-index:100}.header-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);max-width:var(--container-width);margin:0 auto}.site-branding{display:flex;align-items:center}.site-title{margin:0;font-size:1.8rem;font-weight:700;color:var(--color-dark)}.main-navigation{flex:1;text-align:center}.primary-menu{display:flex;list-style:none;margin:0;padding:0;justify-content:center}.primary-menu li{margin:0 var(--space-sm);position:relative}.primary-menu a{display:inline-block;padding:var(--space-sm);color:var(--color-dark);font-weight:500;transition:color 0.3s ease}.primary-menu a:hover{color:var(--color-primary)}.header-cta{margin-left:var(--space-md)}.cta-button{display:inline-block;background-color:var(--color-primary);color:var(--color-white);padding:0.5rem 1.5rem;border-radius:var(--radius-md);font-weight:700;transition:all 0.3s ease}.cta-button:hover{background-color:var(--color-secondary);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.main-visual{background-image:linear-gradient(135deg,var(--color-primary) 0%,#ea580c 100%);color:var(--color-white);padding:var(--space-xl) 0;text-align:center}.main-visual-content{max-width:800px;margin:0 auto;padding:0 var(--space-md)}.main-visual-title{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-md);line-height:1.2}.main-visual-subtitle{font-size:1.3rem;margin-bottom:var(--space-lg);opacity:0.9}.main-visual-buttons{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap}.visual-button{display:inline-block;padding:0.75rem 2rem;border-radius:var(--radius-md);font-weight:700;transition:all 0.3s ease}.visual-button.primary{background-color:var(--color-white);color:var(--color-primary)}.visual-button.secondary{background-color:transparent;color:var(--color-white);border:2px solid var(--color-white)}.visual-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.breadcrumb{background-color:var(--color-light);padding:0.75rem 0;font-size:0.9rem;color:var(--color-text-light)}.breadcrumb a{color:var(--color-accent)}.breadcrumb a:hover{text-decoration:underline}.site-main{padding:var(--space-lg) 0}.content-area{display:flex;flex-wrap:wrap;gap:var(--column-gap)}.main-column{flex:1;min-width:0}.side-column{width:300px}.widget{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md);padding:var(--space-md)}.widget-title{color:var(--color-dark);font-size:1.25rem;margin-top:0;margin-bottom:var(--space-sm);padding-bottom:var(--space-xs);border-bottom:2px solid var(--color-primary)}.news-item{padding:var(--space-xs) 0;border-bottom:1px dotted #e2e8f0}.news-item:last-child{border-bottom:none}.news-date{display:block;font-size:0.85rem;color:var(--color-text-light)}.news-title{display:block;color:var(--color-dark);margin-top:0.25rem;line-height:1.4}.widget-more{text-align:right;margin-top:var(--space-sm)}.more-link{font-size:0.9rem;color:var(--color-accent);display:inline-flex;align-items:center}.more-link:after{content:"→";margin-left:0.25rem;transition:transform 0.3s ease}.more-link:hover:after{transform:translateX(3px)}.banner-link{display:block;overflow:hidden;border-radius:var(--radius-md);transition:transform 0.3s ease}.banner-link:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.banner-image{display:block;width:100%;transition:transform 0.5s ease}.banner-link:hover .banner-image{transform:scale(1.05)}.school-list{list-style:none;padding:0;margin:0}.school-list li{padding:0.5rem 0;border-bottom:1px dotted #e2e8f0}.school-list li:last-child{border-bottom:none}.school-list a{display:block;padding-left:1.25rem;position:relative;color:var(--color-dark);transition:color 0.3s ease}.school-list a:before{content:"•";position:absolute;left:0.25rem;color:var(--color-primary)}.school-list a:hover{color:var(--color-primary)}.contact-widget{background-color:var(--color-light);text-align:center}.contact-lead{font-weight:700;margin-bottom:0.5rem;color:var(--color-dark)}.contact-tel{font-size:1.5rem;font-weight:700;color:var(--color-primary);margin:0.5rem 0}.contact-hours{font-size:0.85rem;color:var(--color-text-light);margin-bottom:var(--space-sm)}.contact-button{display:block;background-color:var(--color-primary);color:var(--color-white);padding:0.75rem 0;border-radius:var(--radius-md);font-weight:700;transition:all 0.3s ease;text-align:center;margin-top:var(--space-sm)}.contact-button:hover{background-color:var(--color-secondary);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.site-footer{background-color:var(--color-dark);color:var(--color-light);padding-top:var(--space-lg)}.footer-widgets{padding-bottom:var(--space-lg)}.footer-widget-area{display:flex;flex-wrap:wrap;gap:var(--space-lg);justify-content:space-between}.footer-widget{flex:1;min-width:250px}.footer-widget-title{color:var(--color-white);font-size:1.2rem;margin-top:0;margin-bottom:var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid rgba(255,255,255,0.1)}.footer-address{font-style:normal;line-height:1.6;margin-top:var(--space-md);color:rgba(255,255,255,0.7)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{padding:0.4rem 0}.footer-links a{color:rgba(255,255,255,0.7);transition:color 0.3s ease}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{background-color:rgba(0,0,0,0.2);padding:var(--space-sm) 0;font-size:0.85rem}.footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.copyright{margin:0}.footer-policy-links a{color:rgba(255,255,255,0.5);margin-left:var(--space-md)}.footer-policy-links a:hover{color:var(--color-white)}.page-title{font-size:2rem;color:var(--color-dark);margin-bottom:var(--space-lg);padding-bottom:var(--space-xs);border-bottom:3px solid var(--color-primary)}.section-title{font-size:1.5rem;color:var(--color-dark);margin:var(--space-lg) 0 var(--space-md);padding-left:var(--space-md);border-left:4px solid var(--color-primary)}.button{display:inline-block;background-color:var(--color-primary);color:var(--color-white);padding:0.75rem 2rem;border-radius:var(--radius-md);font-weight:700;transition:all 0.3s ease;text-align:center}.button:hover{background-color:var(--color-secondary);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.button.secondary{background-color:var(--color-secondary)}.button.outline{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.button.outline:hover{background-color:var(--color-primary);color:var(--color-white)}.card{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform 0.3s ease,box-shadow 0.3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.card-image{width:100%;height:200px;object-fit:cover}.card-content{padding:var(--space-md)}.card-title{font-size:1.25rem;margin-top:0;margin-bottom:var(--space-sm);color:var(--color-dark)}.card-text{color:var(--color-text);margin-bottom:var(--space-md)}.card-link{display:inline-flex;align-items:center;color:var(--color-primary);font-weight:500}.card-link:after{content:"→";margin-left:0.25rem;transition:transform 0.3s ease}.card-link:hover:after{transform:translateX(3px)}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);margin:var(--space-lg) 0}.info-table{width:100%;border-collapse:collapse;margin:var(--space-md) 0}.info-table th,.info-table td{padding:var(--space-sm);border-bottom:1px solid #e2e8f0}.info-table th{text-align:left;font-weight:700;width:30%;background-color:var(--color-light);color:var(--color-dark)}.accordion{margin-bottom:var(--space-md)}.accordion-header{background-color:var(--color-light);padding:var(--space-sm);cursor:pointer;border-radius:var(--radius-md);font-weight:700;color:var(--color-dark);display:flex;justify-content:space-between;align-items:center}.accordion-content{padding:var(--space-md);display:none;background-color:var(--color-white);border-radius:0 0 var(--radius-md) var(--radius-md)}.accordion.open .accordion-content{display:block}.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}.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)}.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}.junior-container{--age-theme-color:#ff9f43;--age-theme-light:rgba(255,159,67,0.08)}.middle-container{--age-theme-color:#10ac84;--age-theme-light:rgba(16,172,132,0.08)}.senior-container{--age-theme-color:#2e86de;--age-theme-light:rgba(46,134,222,0.08)}.age-hero{position:relative;background-color:var(--age-theme-light) !important;padding:80px 0 120px;text-align:center;overflow:hidden}.age-hero-title{color:var(--age-theme-color) !important;font-family:var(--rounded-font);font-size:3rem;font-weight:700;margin-bottom:1rem}.age-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:40px 0 60px}.overview-card{background:white;border-radius:var(--radius);box-shadow:var(--shadow);padding:35px;position:relative;overflow:hidden;transition:var(--transition)}.overview-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,0.06)}.overview-card.growth{border-top:5px solid var(--age-theme-color)}.overview-card.concern{border-top:5px solid #ee5253}.overview-card h3{font-size:1.25rem;font-weight:700;margin-bottom:20px;display:flex;align-items:center}.overview-card.growth h3{color:var(--age-theme-color)}.overview-card.concern h3{color:#ee5253}.overview-card h3 i{margin-right:12px;font-size:1.4rem}.overview-card p{font-size:0.95rem;line-height:1.8;color:var(--text-main);margin:0}.elements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;margin:40px 0 50px}.element-card{background:white;border-radius:var(--radius);box-shadow:var(--shadow);padding:35px;border-left:5px solid var(--age-theme-color);transition:var(--transition);display:flex;flex-direction:column}.element-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,0.08)}.element-badge{display:inline-block;padding:6px 16px;background-color:var(--age-theme-light);color:var(--age-theme-color);font-weight:700;font-size:0.85rem;border-radius:50px;margin-bottom:18px;align-self:flex-start}.element-card h3{font-size:1.2rem;font-weight:700;color:var(--dark-color);margin-bottom:15px;line-height:1.5}.element-card p{font-size:0.95rem;line-height:1.75;color:var(--text-muted);margin:0}.curriculum-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.curriculum-item{display:flex;background:white;border-radius:var(--radius);padding:25px;box-shadow:var(--shadow);align-items:flex-start}.curriculum-icon{width:60px;height:60px;min-width:60px;border-radius:50%;background-color:var(--challenge-color);display:flex;align-items:center;justify-content:center;color:white;font-size:24px;margin-right:20px}.curriculum-content h3{font-size:20px;margin-bottom:10px;color:var(--dark-color)}.curriculum-content p{font-size:15px;margin:0;color:#666}.schools-area-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:30px}.schools-area{background-color:white;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.area-title{display:flex;align-items:center;font-size:18px;font-weight:700;margin-bottom:15px;color:var(--dark-color)}.area-icon{width:24px;height:24px;border-radius:50%;margin-right:10px;position:relative}.schools-list{list-style:none;padding:0;margin:0}.schools-list li{padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:15px}.schools-list li:last-child{border-bottom:none}.schools-note{text-align:center;font-size:14px;color:#666;margin-top:20px}.stories-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.story-card{background-color:white;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border-top:4px solid var(--challenge-color)}.story-content{padding:25px;position:relative}.story-content::before{content:'\201C';font-family:Georgia,serif;font-size:60px;color:rgba(231,76,60,0.1);position:absolute;top:10px;left:10px;line-height:1}.story-content p{position:relative;z-index:1;margin:0;font-size:15px;line-height:1.7}.story-author{padding:15px 25px;background-color:rgba(231,76,60,0.05);display:flex;flex-direction:column}.story-author .school{font-weight:700;color:var(--challenge-color);font-size:16px;margin-bottom:5px}.story-author .name{font-size:14px;color:#666}.school-group.yokohama{--school-theme-color:var(--yokohama-color)}.school-group.kawasaki{--school-theme-color:var(--kawasaki-color)}.school-group.other{--school-theme-color:var(--other-color)}.school-group.national{--school-theme-color:var(--national-color)}:root{--steam-blue:#2563eb;--steam-teal:#0d9488;--steam-orange:#ea580c;--steam-red:#dc2626;--steam-purple:#7c3aed;--steam-primary:#f59e0b;--steam-secondary:#0d9488;--steam-accent:#2563eb;--steam-dark:#1e293b;--steam-light:#f8fafc;--steam-gray:#64748b;--bg-gradient-primary:linear-gradient(135deg,#f59e0b 0%,#ea580c 100%);--bg-gradient-secondary:linear-gradient(135deg,#0d9488 0%,#14b8a6 100%);--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:1rem;--shadow-sm:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:3rem;--space-xl:4rem;--transition-fast:all 0.2s ease;--transition-normal:all 0.3s ease;--transition-slow:all 0.5s ease}.steam-container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.content-wrapper{max-width:1000px;margin:0 auto;padding:0 var(--space-md)}.steam-section{padding:var(--space-xl) 0;position:relative}#steam_main_content section:nth-child(odd){background-color:white}#steam_main_content section:nth-child(even){background-color:#f8fafc}.steam-container .section-header h2::after{background:var(--bg-gradient-primary)}.slide-in-left{opacity:0;transform:translateX(-50px);animation:slideInLeft 0.8s ease forwards}.slide-in-right{opacity:0;transform:translateX(50px);animation:slideInRight 0.8s ease forwards}@keyframes slideInLeft{from{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{from{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.steam-hero{position:relative;background:var(--bg-gradient-primary);color:white;padding:var(--space-xl) 0;text-align:center;overflow:hidden}.steam-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url('../assets/images/dots-pattern.png');opacity:0.1;z-index:1}.steam-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:var(--space-md)}.steam-hero-title{font-size:2.5rem;font-weight:800;margin-bottom:var(--space-md);line-height:1.2;text-shadow:0 2px 4px rgba(0,0,0,0.2)}.steam-hero-subtitle{font-size:1.3rem;margin-bottom:var(--space-lg);font-weight:400}.steam-hero-cta{display:inline-block;background-color:white;color:var(--steam-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:700;box-shadow:var(--shadow-lg);transition:var(--transition-normal);text-transform:uppercase;letter-spacing:1px}.steam-hero-cta:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);background-color:var(--steam-accent);color:white}.steam-hero-image{margin-top:var(--space-md);max-width:800px;margin:0 auto}.steam-hero-image img{width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.steam-intro{background-color:white;padding:var(--space-xl) 0;position:relative;z-index:1}.steam-intro-content{display:flex;flex-wrap:wrap;gap:var(--space-lg);align-items:center}.steam-intro-text{flex:1;min-width:300px}.steam-intro-text h2{font-size:2rem;font-weight:700;margin-bottom:var(--space-md);color:var(--steam-dark)}.steam-intro-text p{margin-bottom:var(--space-md);font-size:1.1rem;color:var(--steam-gray)}.steam-intro-image{flex:1;min-width:300px;text-align:center}.steam-intro-image img{max-width:100%;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.steam-pillars{padding:var(--space-xl) 0;background-color:#f8fafc}.pillars-container,.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.pillar-box,.pillar-item{text-align:center;padding:var(--space-md);border-radius:var(--radius-lg);background:white;box-shadow:var(--shadow-md);transition:var(--transition-normal);position:relative;overflow:hidden;border-top:5px solid transparent}.pillar-box:hover,.pillar-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.pillar-box.science,.pillar-item.science,.pillar-icon.science{border-top-color:var(--steam-blue)}.pillar-box.technology,.pillar-item.technology,.pillar-icon.technology{border-top-color:var(--steam-teal)}.pillar-box.engineering,.pillar-item.engineering,.pillar-icon.engineering{border-top-color:var(--steam-orange)}.pillar-box.art,.pillar-item.art,.pillar-icon.art{border-top-color:var(--steam-red)}.pillar-box.math,.pillar-item.math,.pillar-icon.math{border-top-color:var(--steam-purple)}.pillar-icon{width:80px;height:80px;border-radius:50%;margin:var(--space-sm) auto;display:flex;align-items:center;justify-content:center;font-size:32px;color:white;box-shadow:var(--shadow-md)}.pillar-icon.science{background-color:var(--steam-blue)}.pillar-icon.technology{background-color:var(--steam-teal)}.pillar-icon.engineering{background-color:var(--steam-orange)}.pillar-icon.art{background-color:var(--steam-red)}.pillar-icon.math{background-color:var(--steam-purple)}.pillar-item h3,.pillar-box h3{font-size:1.5rem;margin-bottom:var(--space-sm);color:var(--steam-dark)}.pillar-item h3 span{display:block;font-size:1rem;color:var(--steam-gray);margin-top:0.25rem}.pillar-box .letter{font-size:2rem;font-weight:800;margin-bottom:var(--space-sm);color:var(--steam-primary)}.pillar-item p,.pillar-examples{margin-top:var(--space-sm);text-align:left;color:var(--steam-gray);font-size:0.95rem;line-height:1.5}.pillar-examples ul{list-style:none;padding:0;margin:0}.pillar-examples li{padding:var(--space-sm) 0;border-bottom:1px dashed #eee;font-size:0.95rem;color:var(--steam-gray)}.pillar-examples li:last-child{border-bottom:none}.steam-growth{padding:var(--space-xl) 0;background-color:white}.growth-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.growth-item{display:flex;align-items:flex-start;background:#f8fafc;border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.growth-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.growth-icon{width:60px;height:60px;min-width:60px;border-radius:50%;background:var(--bg-gradient-primary);display:flex;align-items:center;justify-content:center;color:white;font-size:24px;margin-right:var(--space-md);box-shadow:var(--shadow-sm)}.growth-text h3{font-size:1.2rem;margin-bottom:var(--space-sm);color:var(--steam-dark)}.growth-text p{font-size:1rem;margin:0;color:var(--steam-gray)}.steam-curriculum{padding:var(--space-xl) 0;background-color:#f8fafc}.timeline{position:relative;max-width:1000px;margin:0 auto;padding:var(--space-md) 0}.timeline::before{content:'';position:absolute;width:4px;background:var(--bg-gradient-primary);top:0;bottom:0;left:50%;margin-left:-2px;border-radius:var(--radius-sm)}.timeline-item{padding:var(--space-md) 0;position:relative;width:50%;animation:fadeInUp 0.8s ease forwards;opacity:0}.timeline-item:nth-child(even){margin-left:50%}.timeline-item:nth-child(1){animation-delay:0.2s}.timeline-item:nth-child(2){animation-delay:0.4s}.timeline-item:nth-child(3){animation-delay:0.6s}.timeline-item:nth-child(4){animation-delay:0.8s}.timeline-content{padding:var(--space-md);background:white;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:relative;transition:var(--transition-normal)}.timeline-content:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.timeline-item:nth-child(odd) .timeline-content{margin-right:var(--space-lg)}.timeline-item:nth-child(even) .timeline-content{margin-left:var(--space-lg)}.timeline-item::after{content:'';position:absolute;width:20px;height:20px;right:-10px;top:50%;transform:translateY(-50%);background:white;border:4px solid var(--steam-primary);border-radius:50%;z-index:1}.timeline-item:nth-child(even)::after{left:-10px;right:auto}.timeline-content h3{font-size:1.3rem;color:var(--steam-primary);margin-bottom:var(--space-sm)}.timeline-content p{margin:0;color:var(--steam-gray)}.steam-benefits{padding:var(--space-xl) 0;background-color:white}.benefits-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.benefit-item{border-radius:var(--radius-lg);background-color:#f8fafc;padding:var(--space-md);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.benefit-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.benefit-icon{width:70px;height:70px;background:var(--bg-gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);color:white;font-size:28px;box-shadow:var(--shadow-sm)}.benefit-item h3{font-size:1.3rem;margin-bottom:var(--space-sm);color:var(--steam-dark)}.benefit-item p{color:var(--steam-gray);margin:0}.steam-customer{padding:var(--space-xl) 0;background-color:#f8fafc}.customer-slider{max-width:800px;margin:0 auto;position:relative}.customer-item{background-color:white;border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-md);margin:var(--space-md);text-align:center;transition:var(--transition-normal)}.customer-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.customer-quote{font-size:1.1rem;font-style:italic;margin-bottom:var(--space-md);position:relative;color:var(--steam-gray)}.customer-quote::before{content:'"';font-size:4rem;color:var(--steam-primary);opacity:0.2;position:absolute;top:-20px;left:-10px}.customer-author{font-weight:700;color:var(--steam-dark)}.customer-role{font-size:0.9rem;color:var(--steam-gray)}.steam-courses{padding:var(--space-xl) 0;background-color:white}.course-container{margin-top:var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background-color:#f8fafc;padding:var(--space-md)}.course-row{display:flex;align-items:center;border-bottom:1px solid #e2e8f0;padding:var(--space-sm) 0}.course-row:last-child{border-bottom:none}.course-label{width:30%;font-weight:700;color:var(--steam-dark)}.course-value{width:70%;color:var(--steam-gray)}.course-table{width:100%;border-collapse:collapse;margin-top:var(--space-md)}.course-table th{background-color:var(--steam-primary);color:white;padding:var(--space-sm);text-align:left}.course-table td{padding:var(--space-sm);border-bottom:1px solid #e2e8f0}.course-table tr:last-child td{border-bottom:none}.course-table tr:nth-child(even){background-color:rgba(248,250,252,0.7)}.steam-cta{padding:var(--space-xl) 0;background:var(--bg-gradient-primary);color:white;text-align:center}.cta-content{max-width:700px;margin:0 auto}.cta-content h2{font-size:2.2rem;margin-bottom:var(--space-md)}.cta-content p{font-size:1.2rem;margin-bottom:var(--space-lg);opacity:0.9}.cta-button{display:inline-block;background-color:white;color:var(--steam-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-weight:700;transition:var(--transition-normal);box-shadow:var(--shadow-lg)}.cta-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl);background-color:var(--steam-secondary);color:white}.steam-button{display:inline-block;background-color:var(--steam-primary);color:white;padding:0.75rem 1.5rem;border-radius:var(--radius-md);font-weight:700;transition:var(--transition-normal);text-align:center;box-shadow:var(--shadow-md)}.steam-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background-color:var(--steam-accent)}.steam-button.secondary{background-color:var(--steam-secondary)}.steam-button.secondary:hover{background-color:#0f766e}.steam-button.outline{background-color:transparent;color:var(--steam-primary);border:2px solid var(--steam-primary)}.steam-button.outline:hover{background-color:var(--steam-primary);color:white}.internal-container{--school-theme-color:var(--internal-color)}.support-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:40px}.support-item{display:flex;background:white;border-radius:var(--radius);padding:25px;box-shadow:var(--shadow);align-items:flex-start}.support-icon{width:60px;height:60px;min-width:60px;border-radius:50%;background-color:var(--internal-color);display:flex;align-items:center;justify-content:center;color:white;font-size:24px;margin-right:20px}.support-content h3{font-size:20px;margin-bottom:10px;color:var(--dark-color)}.support-content p{font-size:15px;margin:0;color:#666}.cases-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.case-card{background-color:white;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;border-top:4px solid var(--internal-color)}.case-content{padding:25px;position:relative}.case-content::before{content:'\201C';font-family:Georgia,serif;font-size:60px;color:rgba(155,89,182,0.1);position:absolute;top:10px;left:10px;line-height:1}.case-content p{position:relative;z-index:1;margin:0;font-size:15px;line-height:1.7}.case-author{padding:15px 25px;background-color:rgba(155,89,182,0.05);display:flex;flex-direction:column}.case-author .school{font-weight:700;color:var(--internal-color);font-size:16px;margin-bottom:5px}.case-author .name{font-size:14px;color:#666}@media (min-width:768px){.section-content.with-image{flex-direction:row;align-items:center;gap:30px}.courses-container{grid-template-columns:repeat(3,1fr)}.achievement-text{font-size:1.4rem}.achievement-text .highlight{font-size:1.6rem}}@media (max-width:768px){#two_column_wrapper{flex-direction:column}.left_column{width:100%;position:relative;height:auto;padding:20px;margin-bottom:0}.right_column{margin-left:0;padding:20px}.circular-slider-container{max-width:400px;margin:0 auto 30px;height:50vh!important}.circular-slider-arrow{width:35px;height:35px;font-size:16px}.circular-slider-arrow.prev{left:10px}.circular-slider-arrow.next{right:10px}.teacher-image-wrapper{height:200px}.footer-menu{flex-direction:column;align-items:center;gap:10px}.consulting-container{grid-template-columns:1fr}.header-container{flex-direction:column;padding:var(--space-sm)}.site-branding{margin-bottom:var(--space-sm)}.main-navigation{width:100%;order:3;margin-top:var(--space-sm)}.primary-menu{flex-wrap:wrap}.content-area{flex-direction:column}.side-column{width:100%;margin-top:var(--space-lg)}.main-visual-buttons{flex-direction:column;gap:var(--space-sm)}.footer-widget-area{flex-direction:column}.footer-widget{margin-bottom:var(--space-md)}.footer-bottom .container{flex-direction:column;text-align:center}.footer-policy-links{margin-top:var(--space-xs)}.footer-policy-links a{margin:0 var(--space-xs)}.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}.age-hero{padding:60px 0 100px}.age-hero-title{font-size:2.2rem}.overview-card,.element-card{padding:25px}.curriculum-item{flex-direction:column}.curriculum-icon{margin-bottom:15px;margin-right:0}.schools-area-container{grid-template-columns:1fr}.stories-container{grid-template-columns:1fr}:root{--space-xl:3rem;--space-lg:2rem}.section-header h2{font-size:1.8rem}.steam-hero-title{font-size:1.8rem}.steam-hero-subtitle{font-size:1.1rem}.timeline::before{left:30px}.timeline-item{width:100%;padding-left:70px;padding-right:0}.timeline-item:nth-child(even){margin-left:0}.timeline-item::after{left:20px;right:auto}.timeline-item:nth-child(odd) .timeline-content,.timeline-item:nth-child(even) .timeline-content{margin:0}.school-info-card{flex-direction:column}.school-logo{margin-bottom:15px;margin-right:0}.support-item{flex-direction:column}.support-icon{margin-bottom:15px;margin-right:0}.cases-container{grid-template-columns:1fr}}@media (max-width:480px){.circular-slider-container{max-width:280px;margin:0 auto 20px;height:40vh!important}.circular-slider-nav{bottom:10px;gap:8px}.circular-slider-dot{width:10px;height:10px}.circular-slider-arrow{width:30px;height:30px;font-size:14px}.circular-slider-arrow.prev{left:5px}.circular-slider-arrow.next{right:5px}.left_column{padding:15px}.right_column{padding:15px}.left-logo{max-width:150px}.tag{font-size:12px;padding:4px 12px}.teacher-card{margin-bottom:20px}.teacher-image-wrapper{height:180px}.teacher-info{padding:15px}.teacher-name{font-size:1.1rem}.footer-button{padding:8px 16px;font-size:0.9rem}.contact-button{padding:12px 25px;font-size:1rem}h1{font-size:1.5rem}h2{font-size:1.3rem}h3{font-size:1.1rem}.kids21-footer{margin-top:30px;padding:20px 0}}@media (max-width:360px){.circular-slider-container{max-width:250px}.left_column,.right_column{padding:10px}.circular-slider-arrow{display:none}.tag{font-size:11px;padding:3px 10px}}@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 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}}@media (max-width:1024px){.consulting-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){:root{--column-gap:30px}.main-visual-title{font-size:2rem}.footer-widget-area{gap:var(--space-md)}.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%}.section-header h2{font-size:2rem}.steam-hero-title{font-size:2.2rem}}@media (max-width:576px){:root{--space-xl:2.5rem;--space-lg:1.5rem;--space-md:1rem}.main-visual-title{font-size:1.75rem}.grid-container{grid-template-columns:1fr}.info-table,.info-table tbody,.info-table th,.info-table td,.info-table tr{display:block}.info-table th{width:100%;box-sizing:border-box}.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}.section-header h2{font-size:1.6rem}.steam-hero-title{font-size:1.6rem}.steam-intro-content,.pillars-container,.pillars-grid,.benefits-container,.growth-container{grid-template-columns:1fr}}