@import"https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap";:root{--primary-brown: #8B4513;--primary-brown-light: #A0522D;--primary-brown-dark: #654321;--secondary-beige: #F5F5DC;--secondary-cream: #FFF8DC;--secondary-coffee: #CD853F;--accent-gold: #DAA520;--accent-orange: #FF8C00;--text-primary: var(--color-black);--text-secondary: var(--color-gray-dark);--text-light: var(--color-white);--bg-primary: var(--color-white);--bg-secondary: var(--color-gray-light);--bg-gradient: linear-gradient(135deg, #8B4513 0%, #A0522D 50%, #CD853F 100%);--font-family-primary: "BIZ UDPGothic", "Noto Sans JP", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--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;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--color-black: #111;--color-white: #fff;--color-gray: #888;--color-gray-light: #eee;--color-gray-dark: #333;--btn-gradient: linear-gradient(135deg, #fff 0%, #bbb 100%);--btn-gradient-hover: linear-gradient(135deg, #eee 0%, #222 100%);--btn-shadow: 0 2px 8px rgba(0,0,0,.1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-primary);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary)}.container{max-width:1200px;margin:0 auto;padding:0 20px}html{scroll-behavior:smooth}.header{background:var(--bg-primary);box-shadow:none;position:sticky;top:0;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;padding:1rem 0}.logo{display:flex;align-items:center;gap:12px}.logo-img{width:64px;height:64px;animation:logo-slideout-in 12s cubic-bezier(.23,1,.32,1) .2s infinite both}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-family-primary)}.nav-list{display:flex;list-style:none;gap:2rem}.nav-link{text-decoration:underline .1em rgba(0,0,0,.1);text-underline-offset:.2em;color:var(--text-primary);font-weight:var(--font-weight-bold);transition:color .2s}.nav-link:hover{color:var(--color-gray)}.hero{background:var(--bg-primary);color:var(--text-primary);padding:120px 0;text-align:center;position:relative;overflow:hidden;box-shadow:0 2px 16px #0000000a}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");animation:float 20s ease-in-out infinite}.hero-content{position:relative;z-index:1;animation:fadeInUp 1s ease-out}.hero-title{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);margin-bottom:24px;text-shadow:none;line-height:1.2;font-family:var(--font-family-primary)}.hero-subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-light);opacity:.9;max-width:600px;margin:0 auto 40px;line-height:1.6;color:var(--text-secondary)}.hero-cta{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:8px;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,border-color .2s;min-width:160px;box-shadow:var(--btn-shadow)}.primary-button{background:var(--btn-gradient);color:var(--color-black);border:1px solid var(--color-gray-dark)}.primary-button:hover{background:var(--btn-gradient-hover);color:var(--color-white);box-shadow:0 4px 16px #0000002e}.secondary-button{background:var(--color-white);color:var(--color-black);border:1px solid var(--color-gray)}.secondary-button:hover{background:var(--color-gray-light);border-color:var(--color-black);box-shadow:0 4px 16px #0000001a}.hero-cta,.access-cta{margin-top:40px}.faq-link{margin-top:30px}.faq-link p{margin-bottom:15px;font-size:var(--font-size-lg);color:var(--text-secondary)}.faq-link .button{margin:0 auto}.main{padding:60px 0}section{margin-bottom:80px}.section-title{font-size:var(--font-size-4xl);text-align:center;margin-bottom:40px;color:var(--text-primary);position:relative;font-weight:var(--font-weight-bold);font-family:var(--font-family-primary)}.section-title:after{content:"";display:block;width:80px;height:3px;background:var(--bg-gradient);margin:16px auto 0;border-radius:2px}.about{background:var(--bg-primary);padding:80px 0;border-radius:20px;margin:0 20px;box-shadow:0 10px 30px #0000001a}.profile p{font-size:var(--font-size-lg);text-align:center;max-width:800px;margin:0 auto;line-height:1.8;color:var(--text-secondary)}.access{background:var(--bg-primary);padding:80px 0;border-radius:20px;margin:0 20px;box-shadow:0 10px 30px #0000001a;text-align:center}.address{margin-bottom:40px}.address p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:8px}.map{border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.map iframe{border-radius:12px}.social-links{padding:80px 0}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.social-card{display:flex;flex-direction:column;align-items:center;padding:20px 10px;background:var(--color-white);border-radius:15px;text-decoration:none;color:var(--color-black);transition:box-shadow .2s,border .2s;box-shadow:0 2px 8px #0000000f;position:relative;overflow:hidden;animation:fadeInUp .6s ease-out;border:1px solid var(--color-gray-light);min-height:120px}.social-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.social-card:hover:before{left:100%}.social-card:hover{border:1px solid var(--color-gray-dark);box-shadow:0 4px 16px #0000001f}.social-card i{font-size:3rem;margin-bottom:15px;transition:transform .3s ease;color:var(--color-gray-dark)!important}.social-card:hover i{transform:scale(1.1)}.social-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-bottom:8px;color:var(--color-black)}.social-card p{font-size:var(--font-size-sm);color:var(--color-gray-dark);text-align:center;line-height:1.4}.instagram i{color:#e4405f}.x-twitter i{color:#000}.tiktok i{color:#ff0050}.stores i{color:#ff6b35}.note i{color:#41c9b4}.spotify i{color:#1db954}.line i{color:#00b900}.social-card:nth-child(1){animation-delay:.1s}.social-card:nth-child(2){animation-delay:.2s}.social-card:nth-child(3){animation-delay:.3s}.social-card:nth-child(4){animation-delay:.4s}.social-card:nth-child(5){animation-delay:.5s}.social-card:nth-child(6){animation-delay:.6s}.social-card:nth-child(7){animation-delay:.7s}.contact{background:var(--bg-primary);padding:80px 0;border-radius:20px;margin:0 20px;box-shadow:0 10px 30px #0000001a;text-align:center}.contact p{font-size:var(--font-size-lg);margin-bottom:30px;color:var(--text-secondary)}.contact-info{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:10px;padding:15px 30px;background:var(--btn-gradient);color:var(--color-black);text-decoration:none;border-radius:25px;transition:background .2s,color .2s,box-shadow .2s;font-weight:var(--font-weight-bold);box-shadow:var(--btn-shadow);border:1px solid var(--color-gray-dark)}.contact-link:hover{background:var(--btn-gradient-hover);color:var(--color-white);box-shadow:0 4px 16px #0000002e}.footer{background:var(--bg-primary);color:var(--text-primary);padding:40px 0;text-align:center;margin-top:60px}.footer p{font-size:var(--font-size-sm);opacity:.8}@media (max-width: 992px){.header-content{flex-direction:column;gap:1rem}.nav-list{gap:1.5rem}.hero{padding:80px 0}.hero-title{font-size:var(--font-size-4xl)}.social-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}}@media (max-width: 768px){.hero{padding:60px 0}.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.hero-cta{flex-direction:column;align-items:center}.btn{width:200px}.section-title{font-size:var(--font-size-3xl)}.social-grid{grid-template-columns:1fr;gap:20px}.social-card{padding:30px 15px}.container{padding:0 15px}.about,.access,.contact{margin:0 10px;padding:60px 0}.nav-list{flex-wrap:wrap;justify-content:center;gap:1rem}}@media (max-width: 480px){.header-content{padding:.5rem 0}.logo-img{width:35px;height:35px}.logo-text{font-size:var(--font-size-lg)}.nav-link{font-size:var(--font-size-sm)}.hero{padding:40px 0}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.section-title{font-size:var(--font-size-2xl)}.social-card i{font-size:2.5rem}.social-card h3{font-size:var(--font-size-lg)}.contact-link{padding:12px 20px;font-size:var(--font-size-sm)}.about,.access,.contact{padding:40px 0}}@media (max-width: 600px){.hero-logo-img{max-width:90vw;height:auto;margin-bottom:1.2em}.hero-title{font-size:1.1rem;word-break:break-word;white-space:normal;line-height:1.3;padding:0 .2em}.hero-subtitle{font-size:.95rem;line-height:1.5;padding:0 .5em}.social-card{padding:12px 6px;min-height:80px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes logo-slideout-in{0%{transform:translate(0)}10%{transform:translate(-120%)}60%{transform:translate(-120%)}70%{transform:translate(0)}90%{transform:translate(0)}to{transform:translate(0)}}@keyframes logo-fadeup{0%{opacity:0;transform:translateY(60px)}80%{opacity:1;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.nav-link:focus,.btn:focus,.social-card:focus,.contact-link:focus{outline:2px solid var(--accent-gold);outline-offset:2px}@media print{.header,.hero-cta,.footer{display:none}body{background:#fff;color:#000}.social-card{box-shadow:none;border:1px solid #ccc}}.hero-logo-img{display:block;margin:0 auto 2em;max-width:100%;height:auto;opacity:0;animation:logo-fadeup 2.8s cubic-bezier(.23,1,.32,1) .2s 1 forwards}