@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap";:root{--color-primary: #003366;--color-primary-light: #004d99;--color-primary-dark: #002244;--color-accent: #2C7A7B;--color-accent-light: #38B2AC;--color-gold: #D4AF37;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F5F7FA;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--step-1: #00D2FF;--step-2: #8EBD3E;--step-3: #F24D4D;--step-4: #F7B500;--step-5: #FF6B00;--step-6: #E02020;--step-7: #A425DA;--step-8: #1E40AF;--step-9: #10B981;--step-10: #4B5563}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-800);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color var(--transition-base)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-gray-900);margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-4)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-6)}.container-wide{max-width:1400px}.section{padding:var(--spacing-20) 0}.section-sm{padding:var(--spacing-12) 0}.section-lg{padding:var(--spacing-24) 0}.header{position:sticky;top:0;z-index:var(--z-sticky);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.header.scrolled{box-shadow:var(--shadow-md)}.nav{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) 0}.nav-logo{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary)}.nav-menu{display:flex;gap:var(--spacing-8);align-items:center}.nav-link{font-weight:500;color:var(--color-gray-700);position:relative;padding:var(--spacing-2) 0;transition:color var(--transition-base)}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition-base)}.nav-link:hover:after,.nav-link.active:after{width:100%}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:var(--spacing-2)}.hamburger span{width:25px;height:3px;background:var(--color-primary);border-radius:var(--radius-full);transition:all var(--transition-base)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.hero{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><circle cx="100" cy="100" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="300" cy="200" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="500" cy="150" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="700" cy="250" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="900" cy="180" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="1100" cy="220" r="2" fill="rgba(255,255,255,0.1)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;max-width:800px;padding:var(--spacing-8)}.hero-title{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-6);color:var(--color-white);text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:var(--font-size-xl);margin-bottom:var(--spacing-8);color:#ffffffe6;font-weight:300}.hero-buttons{display:flex;gap:var(--spacing-4);justify-content:center;flex-wrap:wrap}.btn{display:inline-block;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:500;text-align:center;cursor:pointer;border:none;transition:all var(--transition-base);font-size:var(--font-size-base)}.btn-primary{background:var(--color-white);color:var(--color-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline{background:transparent;color:var(--color-white);border:2px solid var(--color-white)}.btn-outline:hover{background:var(--color-white);color:var(--color-primary)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:all var(--transition-base);height:100%}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.card-icon{width:60px;height:60px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-4);color:var(--color-white);font-size:var(--font-size-2xl)}.card-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3);color:var(--color-gray-900)}.card-text{color:var(--color-gray-600);line-height:1.7}.grid{display:grid;gap:var(--spacing-6)}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.section-header{text-align:center;margin-bottom:var(--spacing-12)}.section-title{font-size:var(--font-size-4xl);color:var(--color-gray-900);margin-bottom:var(--spacing-4);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full)}.section-subtitle{font-size:var(--font-size-lg);color:var(--color-gray-600);max-width:600px;margin:var(--spacing-6) auto 0}.tag{display:inline-block;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.tag-award{background:#fef3c7;color:#92400e}.tag-event{background:#dbeafe;color:#1e40af}.tag-info{background:#e0e7ff;color:#3730a3}.news-item{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.news-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.news-image{width:100%;height:200px;object-fit:cover}.news-content{padding:var(--spacing-5)}.news-meta{display:flex;gap:var(--spacing-3);align-items:center;margin-bottom:var(--spacing-3)}.news-date{font-size:var(--font-size-sm);color:var(--color-gray-500)}.news-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2);color:var(--color-gray-900)}.news-excerpt{color:var(--color-gray-600);line-height:1.6}.member-card{text-align:center;background:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:all var(--transition-base)}.member-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl)}.member-avatar{width:120px;height:120px;border-radius:var(--radius-full);margin:0 auto var(--spacing-4);object-fit:cover;border:4px solid var(--color-gray-100)}.member-name{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-2);color:var(--color-gray-900)}.member-role{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-3)}.member-research{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5}.timeline{position:relative;padding:var(--spacing-8) 0}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--color-gray-200);transform:translate(-50%)}.timeline-item{display:flex;margin-bottom:var(--spacing-8);position:relative}.timeline-item:nth-child(odd){flex-direction:row-reverse}.timeline-content{width:45%;background:var(--color-white);padding:var(--spacing-5);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.timeline-marker{position:absolute;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-primary);border:4px solid var(--color-white);box-shadow:var(--shadow-md)}.timeline-date{font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-2)}.timeline-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-2)}.timeline-description{color:var(--color-gray-600);font-size:var(--font-size-sm)}.footer{background:var(--color-gray-900);color:var(--color-gray-300);padding:var(--spacing-12) 0 var(--spacing-6)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-8);margin-bottom:var(--spacing-8)}.footer-section h4{color:var(--color-white);margin-bottom:var(--spacing-4)}.footer-links{display:flex;flex-direction:column;gap:var(--spacing-2)}.footer-link{color:var(--color-gray-400);transition:color var(--transition-base)}.footer-link:hover{color:var(--color-white)}.footer-bottom{border-top:1px solid var(--color-gray-800);padding-top:var(--spacing-6);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm)}@media(max-width:1024px){:root{--font-size-5xl: 2.5rem;--font-size-4xl: 2rem}.timeline:before{left:30px}.timeline-item{flex-direction:row!important}.timeline-content{width:calc(100% - 80px);margin-left:60px}.timeline-marker{left:30px}}@media(max-width:768px){.nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:var(--color-white);flex-direction:column;padding:var(--spacing-8);box-shadow:var(--shadow-lg);transition:left var(--transition-base);gap:var(--spacing-4)}.nav-menu.active{left:0}.hamburger{display:flex}.hero-title{font-size:var(--font-size-3xl)}.hero-buttons{flex-direction:column}.section{padding:var(--spacing-12) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media(max-width:480px){:root{--font-size-5xl: 2rem;--font-size-4xl: 1.75rem;--font-size-3xl: 1.5rem}.container{padding:0 var(--spacing-4)}.hero{min-height:500px}}.step-path{max-width:900px;margin:4rem auto;display:flex;flex-direction:column;gap:0;position:relative;padding:2rem 0}.step-item{display:flex;align-items:center;position:relative;margin-bottom:-40px}.step-item:nth-child(2n){flex-direction:row-reverse}.step-hexagon-wrap{position:relative;width:200px;height:230px;flex-shrink:0;z-index:2}.step-hexagon{width:100%;height:100%;background:#fff;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease;border:1px solid var(--color-gray-100)}.step-item:hover .step-hexagon{transform:scale(1.05)}.step-number{font-size:2.5rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.step-label{font-size:.75rem;font-weight:700;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:1px}.step-connector{position:absolute;width:60px;height:120px;background:currentColor;border-radius:30px;z-index:1}.step-item:nth-child(odd) .step-connector{right:50%;top:60%;transform:rotate(30deg)}.step-item:nth-child(2n) .step-connector{left:50%;top:60%;transform:rotate(-30deg)}.step-text-box{flex:1;padding:2rem;background:#fff;border-radius:1rem;box-shadow:var(--shadow-md);margin:0 2rem;position:relative;z-index:2;border-left:5px solid var(--color-primary)}.step-item:nth-child(2n) .step-text-box{text-align:right;border-left:none;border-right:5px solid var(--color-primary)}.step-item h3{margin-bottom:.5rem;color:var(--color-primary)}.step-item p{margin:0;font-size:.9375rem;color:var(--color-gray-600)}.step-1 .step-number{background:var(--step-1);-webkit-background-clip:text}.step-1 .step-text-box{border-color:var(--step-1)}.step-1 .step-item h3{color:var(--step-1)}.step-1 .step-connector{color:var(--step-1);opacity:.3}.step-2 .step-number{background:var(--step-2);-webkit-background-clip:text}.step-2 .step-text-box{border-color:var(--step-2)}.step-2 .step-item h3{color:var(--step-2)}.step-2 .step-connector{color:var(--step-2);opacity:.3}.step-3 .step-number{background:var(--step-3);-webkit-background-clip:text}.step-3 .step-text-box{border-color:var(--step-3)}.step-3 .step-item h3{color:var(--step-3)}.step-3 .step-connector{color:var(--step-3);opacity:.3}.step-4 .step-number{background:var(--step-4);-webkit-background-clip:text}.step-4 .step-text-box{border-color:var(--step-4)}.step-4 .step-item h3{color:var(--step-4)}.step-4 .step-connector{color:var(--step-4);opacity:.3}.step-5 .step-number{background:var(--step-5);-webkit-background-clip:text}.step-5 .step-text-box{border-color:var(--step-5)}.step-5 .step-item h3{color:var(--step-5)}.step-5 .step-connector{color:var(--step-5);opacity:.3}.step-6 .step-number{background:var(--step-6);-webkit-background-clip:text}.step-6 .step-text-box{border-color:var(--step-6)}.step-6 .step-item h3{color:var(--step-6)}.step-6 .step-connector{color:var(--step-6);opacity:.3}.step-7 .step-number{background:var(--step-7);-webkit-background-clip:text}.step-7 .step-text-box{border-color:var(--step-7)}.step-7 .step-item h3{color:var(--step-7)}.step-7 .step-connector{color:var(--step-7);opacity:.3}.step-8 .step-number{background:var(--step-8);-webkit-background-clip:text}.step-8 .step-text-box{border-color:var(--step-8)}.step-8 .step-item h3{color:var(--step-8)}.step-8 .step-connector{color:var(--step-8);opacity:.3}.step-9 .step-number{background:var(--step-9);-webkit-background-clip:text}.step-9 .step-text-box{border-color:var(--step-9)}.step-9 .step-item h3{color:var(--step-9)}.step-9 .step-connector{color:var(--step-9);opacity:.3}.step-10 .step-number{background:var(--step-10);-webkit-background-clip:text}.step-10 .step-text-box{border-color:var(--step-10)}.step-10 .step-item h3{color:var(--step-10)}.step-10 .step-connector{display:none}@media(max-width:768px){.step-item,.step-item:nth-child(2n){flex-direction:column;margin-bottom:2rem}.step-hexagon-wrap{width:150px;height:170px}.step-text-box,.step-item:nth-child(2n) .step-text-box{width:100%;margin:1rem 0;text-align:center;border-left:5px solid var(--color-primary);border-right:none}.step-connector{display:none}}.last-updated{display:inline-block;padding:var(--spacing-1) var(--spacing-3);background-color:var(--color-gray-100);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-gray-500);margin-bottom:var(--spacing-2)}.last-updated time{font-weight:500;color:var(--color-gray-700)}.mt-4{margin-top:var(--spacing-4)}.mt-8{margin-top:var(--spacing-8)}.text-center{text-align:center}