@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700;800&display=swap";
:root{--bg-color:#f8fafc;--surface-color:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--border-color:#e2e8f0;--primary-color:#3b82f6;--primary-hover:#2563eb;--primary-light:#eff6ff;--accent-color:#f43f5e;--accent-hover:#e11d48;--accent-light:#fff1f2;--max-width:1200px;--header-height:72px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-card:0 4px 20px -2px #0000000d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.3s cubic-bezier(.4,0,.2,1);--transition-bounce:.4s cubic-bezier(.34,1.56,.64,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);max-width:100vw;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,Noto Sans JP,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{all:unset;box-sizing:border-box;cursor:pointer;font-family:inherit}ul{list-style:none}h1,h2,h3,h4,h5,h6{color:var(--text-primary);letter-spacing:-.025em;font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 1.5rem}.page-wrapper{padding-top:calc(var(--header-height) + 2rem);flex-direction:column;min-height:100vh;padding-bottom:4rem;display:flex}.card{background-color:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-color);transition:transform var(--transition-bounce),box-shadow var(--transition-bounce);overflow:hidden}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background-color:var(--primary-light);color:var(--primary-hover)}.badge-accent{background-color:var(--accent-light);color:var(--accent-hover)}.badge-neutral{background-color:var(--bg-color);color:var(--text-secondary);border:1px solid var(--border-color)}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff;box-shadow:0 2px 4px #3b82f64d}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 6px #3b82f666}.btn-primary:active{transform:translateY(0)}.btn-outline{border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-primary)}.btn-outline:hover{background:var(--bg-color);border-color:#cbd5e1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.main-layout{grid-template-columns:1fr;gap:2rem;display:grid}@media (min-width:1024px){.main-layout{grid-template-columns:1fr 300px;align-items:start}}
.SearchBar-module__9ObJ7W__searchForm{background-color:#fff;border:2px solid #333;border-radius:4px;align-items:center;width:100%;display:flex;overflow:hidden}.SearchBar-module__9ObJ7W__searchInput{color:#333;background:0 0;border:none;outline:none;flex:1;padding:12px 16px;font-size:1rem}.SearchBar-module__9ObJ7W__searchInput::placeholder{color:#999}.SearchBar-module__9ObJ7W__searchButton{cursor:pointer;color:#ccc;background:0 0;border:none;justify-content:center;align-items:center;padding:10px 16px;transition:color .2s;display:flex}.SearchBar-module__9ObJ7W__searchButton:hover{color:#666}
.Header-module__hBw1pG__header{width:100%;height:var(--header-height);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border-color);z-index:50;background-color:#ffffffe6;align-items:center;display:flex;position:fixed;top:0;left:0}.Header-module__hBw1pG__headerContainer{justify-content:space-between;align-items:center;height:100%;display:flex}.Header-module__hBw1pG__left{align-items:center;display:flex}.Header-module__hBw1pG__logo{color:var(--primary-color);letter-spacing:-.05em;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:800;display:inline-block}.Header-module__hBw1pG__center{display:none}@media (min-width:768px){.Header-module__hBw1pG__center{flex:1;justify-content:center;display:flex}}.Header-module__hBw1pG__nav{gap:2rem;display:flex}.Header-module__hBw1pG__navLink{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.Header-module__hBw1pG__navLink:hover{color:var(--primary-color)}.Header-module__hBw1pG__right{align-items:center;gap:1rem;display:flex}.Header-module__hBw1pG__searchBar{display:none;position:relative}@media (min-width:640px){.Header-module__hBw1pG__searchBar{display:block}}.Header-module__hBw1pG__searchIcon{color:var(--text-tertiary);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.Header-module__hBw1pG__searchInput{border-radius:var(--radius-full);border:1px solid var(--border-color);background-color:var(--bg-color);width:200px;transition:all var(--transition-fast);outline:none;padding:.5rem 1rem .5rem 2.5rem;font-family:inherit;font-size:.875rem}.Header-module__hBw1pG__searchInput:focus{border-color:var(--primary-color);width:250px;box-shadow:0 0 0 3px var(--primary-light);background-color:var(--surface-color)}.Header-module__hBw1pG__mobileMenuBtn{color:var(--text-primary);display:block}@media (min-width:768px){.Header-module__hBw1pG__mobileMenuBtn{display:none}}
.Footer-module__S6Hkya__footer{background-color:var(--surface-color);border-top:1px solid var(--border-color);margin-top:auto;padding:4rem 0 2rem}.Footer-module__S6Hkya__footerContainer,.Footer-module__S6Hkya__top{flex-direction:column;gap:3rem;display:flex}@media (min-width:768px){.Footer-module__S6Hkya__top{flex-direction:row;justify-content:space-between}}.Footer-module__S6Hkya__brand{max-width:300px}.Footer-module__S6Hkya__logo{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:1.5rem;font-weight:800;display:inline-block}.Footer-module__S6Hkya__description{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.Footer-module__S6Hkya__links{flex-wrap:wrap;gap:3rem;display:flex}.Footer-module__S6Hkya__linkGroup{flex-direction:column;gap:1rem;display:flex}.Footer-module__S6Hkya__linkTitle{color:var(--text-primary);font-size:1rem;font-weight:700}.Footer-module__S6Hkya__linkGroup ul{flex-direction:column;gap:.75rem;display:flex}.Footer-module__S6Hkya__linkGroup a{color:var(--text-secondary);font-size:.875rem}.Footer-module__S6Hkya__linkGroup a:hover{color:var(--primary-color);text-decoration:underline}.Footer-module__S6Hkya__bottom{border-top:1px solid var(--border-color);text-align:center;color:var(--text-tertiary);padding-top:2rem;font-size:.875rem}