*{margin:0;padding:0;box-sizing:border-box}:root{--color-black:#000;--color-white:#fff;--color-gray-50:#f9f9f9;--color-gray-100:#f0f0f0;--color-gray-200:#e0e0e0;--color-gray-300:#ccc;--color-gray-700:#4a4a4a;--color-gray-900:#1a1a1a;--font-primary:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;--font-japanese:'Noto Serif JP',serif;--spacing-unit:8px;--grid-gap:calc(var(--spacing-unit) * 4);--container-width:1440px;--transition:all .4s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background:var(--color-white);color:var(--color-black);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opening-video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:1;animation:fadeInOverlay .5s ease-in}@keyframes fadeInOverlay{from{opacity:0}to{opacity:1}}.opening-video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000}.opening-video{width:100%;height:100%;object-fit:cover;opacity:.95;animation:fadeInVideo 1.5s ease-in-out forwards}@media (max-width:768px) and (orientation:portrait){.opening-video-overlay{background:#000 !important}.opening-video-container{background:#000 !important}.opening-video{object-fit:contain !important;width:100% !important;height:auto !important;max-height:100vh !important}}@media (max-width:768px) and (orientation:landscape){.opening-video{object-fit:cover}}.skip-button{position:absolute;bottom:40px;right:40px;padding:12px 24px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);color:rgba(255,255,255,.5);font-size:.9rem;font-weight:500;cursor:not-allowed;border-radius:30px;transition:all .3s ease;letter-spacing:.05em;text-transform:uppercase}.skip-button.active{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.6);color:rgba(255,255,255,1);cursor:pointer;animation:pulseSkip 2s ease-in-out infinite}.skip-button.active:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.9);transform:scale(1.05)}.sound-toggle-button{position:absolute;bottom:40px;left:40px;width:60px;height:60px;border-radius:50%;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;animation:pulseSound 2s ease-in-out infinite}.sound-toggle-button:hover{background:rgba(255,255,255,.3);border-color:rgba(255,255,255,.8);transform:scale(1.1)}@keyframes pulseSound{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.4)}50%{box-shadow:0 0 0 15px rgba(255,255,255,0)}}@keyframes pulseSkip{0%,100%{box-shadow:0 0 0 0 rgba(255,255,255,.4)}50%{box-shadow:0 0 0 15px rgba(255,255,255,0)}}.skip-countdown{font-size:.85em;opacity:.7}.unmute-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;animation:fadeInOut 1.5s ease-in-out;pointer-events:none}@keyframes fadeInOut{0%,100%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}}.fade-in,.fade-in-up,.fade-in-left,.fade-in-right,.fade-in-scale{opacity:0;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.fade-in-up{transform:translateY(40px)}.fade-in-left{transform:translateX(-40px)}.fade-in-right{transform:translateX(40px)}.fade-in-scale{transform:scale(.95)}.fade-in.is-visible,.fade-in-up.is-visible,.fade-in-left.is-visible,.fade-in-right.is-visible,.fade-in-scale.is-visible{opacity:1;transform:translateY(0) translateX(0) scale(1)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-200)}.nav-content{max-width:var(--container-width);margin:0 auto;padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 4);display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1rem;font-weight:600;letter-spacing:.05em;color:var(--color-black)}.nav-links{display:flex;gap:calc(var(--spacing-unit) * 4);align-items:center}.nav-links a{font-size:.875rem;font-weight:400;color:var(--color-gray-700);text-decoration:none;transition:var(--transition);letter-spacing:.02em}.nav-links a:hover{color:var(--color-black)}.nav-cta{padding:calc(var(--spacing-unit) * 1.5) calc(var(--spacing-unit) * 3);background:var(--color-black);color:var(--color-white) !important;border-radius:0;font-weight:500}.nav-cta:hover{background:var(--color-gray-900);transform:translateY(-1px)}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;background:0 0;border:none;cursor:pointer;padding:0;z-index:1001}.hamburger-line{width:100%;height:2px;background-color:var(--color-black);transition:all .3s ease;transform-origin:center}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(1){transform:rotate(45deg) translateY(8px)}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(3){transform:rotate(-45deg) translateY(-8px)}.hero-hakuhodo{margin-top:72px;padding:calc(var(--spacing-unit) * 12) calc(var(--spacing-unit) * 4);min-height:90vh;display:flex;flex-direction:column;justify-content:center}.hero-grid{max-width:var(--container-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 8);align-items:center}.hero-mega-title{font-size:clamp(4rem, 10vw, 8rem);font-weight:700;line-height:.95;letter-spacing:-.03em;color:var(--color-black);margin:0;animation:fadeInUp 1.2s cubic-bezier(.4,0,.2,1) forwards}@keyframes fadeInUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.hero-image-block{position:relative;aspect-ratio:3/4}.hero-video-container{width:100%;height:100%;background:var(--color-gray-100);position:relative;overflow:hidden}.hero-video{width:100%;height:100%;object-fit:cover;opacity:0;animation:fadeInVideo 1.5s ease-in-out .3s forwards}@keyframes fadeInVideo{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.hero-video-container img{width:100%;height:100%;object-fit:cover}.video-sound-toggle{position:absolute;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.video-sound-toggle:hover{background:rgba(0,0,0,.9);transform:scale(1.1);border-color:rgba(255,255,255,.4)}.video-sound-toggle:active{transform:scale(.95)}.sound-icon{display:flex;align-items:center;justify-content:center}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,0) 100%);pointer-events:none}.hero-subtitle-row{max-width:var(--container-width);margin:calc(var(--spacing-unit) * 8) auto 0;display:flex;justify-content:space-between;align-items:center;padding:0 calc(var(--spacing-unit) * 4)}.hero-subtitle{font-size:1rem;font-weight:400;color:var(--color-gray-700);letter-spacing:.02em}.hero-arrow{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-gray-300);border-radius:50%;text-decoration:none;color:var(--color-black);font-size:1.5rem;transition:var(--transition)}.hero-arrow:hover{background:var(--color-black);color:var(--color-white);border-color:var(--color-black);transform:translateY(4px)}.sound-preview-section{max-width:var(--container-width);margin:calc(var(--spacing-unit) * 8) auto 0;padding:0 calc(var(--spacing-unit) * 4);text-align:center}.sound-preview-label{font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--color-gray-700);margin-bottom:calc(var(--spacing-unit) * 3)}.sound-preview-button{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * 2);padding:calc(var(--spacing-unit) * 3) calc(var(--spacing-unit) * 6);background:var(--color-black);color:var(--color-white);border:none;border-radius:100px;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);box-shadow:0 4px 16px rgba(0,0,0,.1)}.sound-preview-button:hover{background:var(--color-gray-900);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.sound-preview-button:active{transform:translateY(0)}.sound-preview-button.playing{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{box-shadow:0 4px 16px rgba(0,0,0,.1)}50%{box-shadow:0 4px 24px rgba(0,0,0,.2)}}.sound-preview-icon{font-size:1.25rem;animation:soundWave 1.5s ease-in-out infinite}@keyframes soundWave{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.sound-preview-text{letter-spacing:.02em}section{padding:calc(var(--spacing-unit) * 12) calc(var(--spacing-unit) * 4)}.grid-2col{max-width:var(--container-width);margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:calc(var(--spacing-unit) * 8)}.label{display:block;font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gray-700);margin-bottom:calc(var(--spacing-unit) * 3)}.label-light{color:var(--color-gray-300)}.section-heading{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--color-black)}.heading-light{color:var(--color-white)}.section-story{background:var(--color-gray-50)}.text-content h3{font-size:1.5rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 3);color:var(--color-black)}.text-content p{font-size:1rem;line-height:1.8;color:var(--color-gray-700);margin-bottom:calc(var(--spacing-unit) * 3)}.value-list{list-style:none;margin-top:calc(var(--spacing-unit) * 4)}.value-list li{font-size:1rem;line-height:1.8;color:var(--color-gray-700);padding:calc(var(--spacing-unit) * 2) 0;border-bottom:1px solid var(--color-gray-200);display:flex;gap:calc(var(--spacing-unit) * 2)}.list-mark{color:var(--color-black);flex-shrink:0}.section-image-full{padding:0}.image-full-container{max-width:var(--container-width);margin:0 auto;padding:0 calc(var(--spacing-unit) * 4)}.image-full-placeholder{width:100%;aspect-ratio:16/9;background:var(--color-gray-100)}.image-full-placeholder img{width:100%;height:100%;object-fit:cover}.section-features{background:var(--color-white)}.features-header{max-width:var(--container-width);margin:0 auto;margin-bottom:calc(var(--spacing-unit) * 8)}.features-grid{max-width:var(--container-width);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 8)}.feature-item{padding:calc(var(--spacing-unit) * 6);border:1px solid var(--color-gray-200);transition:var(--transition)}.feature-item:hover{border-color:var(--color-black);transform:translateY(-4px)}.feature-number{font-size:.875rem;font-weight:600;color:var(--color-gray-700);margin-bottom:calc(var(--spacing-unit) * 3)}.feature-item h3{font-size:1.5rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--color-black)}.feature-item p{font-size:1rem;line-height:1.8;color:var(--color-gray-700)}.section-dark{background:var(--color-black);color:var(--color-white)}.benefits-list{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 6)}.benefit-row{display:grid;grid-template-columns:auto 1fr;gap:calc(var(--spacing-unit) * 4);padding-bottom:calc(var(--spacing-unit) * 6);border-bottom:1px solid rgba(255,255,255,.1)}.benefit-row:last-child{border-bottom:none}.benefit-number{font-size:1rem;font-weight:600;color:var(--color-gray-300)}.benefit-content h4{font-size:1.25rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 1);color:var(--color-white)}.benefit-content p{font-size:1rem;line-height:1.8;color:var(--color-gray-300)}.section-testimonials{background:var(--color-gray-50)}.testimonials-header{max-width:var(--container-width);margin:0 auto;margin-bottom:calc(var(--spacing-unit) * 8)}.testimonials-grid{max-width:var(--container-width);margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 4)}.testimonial-card{padding:calc(var(--spacing-unit) * 6);background:var(--color-white);border:1px solid var(--color-gray-200);transition:var(--transition)}.testimonial-card:hover{border-color:var(--color-black)}.testimonial-stars{font-size:.875rem;color:var(--color-black);margin-bottom:calc(var(--spacing-unit) * 2)}.testimonial-text{font-size:.9375rem;line-height:1.7;color:var(--color-gray-700);margin-bottom:calc(var(--spacing-unit) * 3)}.testimonial-author{font-size:.875rem;font-weight:500;color:var(--color-black)}.section-cta{background:var(--color-white)}.cta-grid{max-width:var(--container-width);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 8);align-items:start}.cta-mega-title{font-size:clamp(3rem, 6vw, 5rem);font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--color-black)}.cta-content{padding-top:calc(var(--spacing-unit) * 2)}.cta-description{font-size:1rem;line-height:1.8;color:var(--color-gray-700);margin-bottom:calc(var(--spacing-unit) * 6)}.cta-price-block{margin-bottom:calc(var(--spacing-unit) * 6);padding-bottom:calc(var(--spacing-unit) * 6);border-bottom:1px solid var(--color-gray-200)}.cta-price{font-size:3rem;font-weight:700;color:var(--color-black);margin-bottom:calc(var(--spacing-unit) * 4)}.btn-hakuhodo{display:inline-block;padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);background:var(--color-black);color:var(--color-white);font-size:1rem;font-weight:500;text-decoration:none;transition:var(--transition);letter-spacing:.02em}.btn-hakuhodo:hover{background:var(--color-gray-900);transform:translateY(-2px)}.cta-specs{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 3)}.spec-item{display:flex;justify-content:space-between;padding-bottom:calc(var(--spacing-unit) * 3);border-bottom:1px solid var(--color-gray-200)}.spec-label{font-size:.875rem;color:var(--color-gray-700)}.spec-value{font-size:.875rem;font-weight:500;color:var(--color-black)}.footer-hakuhodo{background:var(--color-black);color:var(--color-white);padding:calc(var(--spacing-unit) * 12) calc(var(--spacing-unit) * 4) calc(var(--spacing-unit) * 6)}.footer-grid{max-width:var(--container-width);margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:calc(var(--spacing-unit) * 8);padding-bottom:calc(var(--spacing-unit) * 6);border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand h3{font-size:1.5rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 2)}.footer-brand p{font-size:.875rem;color:var(--color-gray-300)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--spacing-unit) * 4)}.footer-col h4{font-size:.875rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 2);color:var(--color-white)}.footer-col a{display:block;font-size:.875rem;color:var(--color-gray-300);text-decoration:none;margin-bottom:calc(var(--spacing-unit) * 1.5);transition:var(--transition)}.footer-col a:hover{color:var(--color-white)}.footer-bottom{max-width:var(--container-width);margin:0 auto;padding-top:calc(var(--spacing-unit) * 6);text-align:center}.footer-bottom p{font-size:.75rem;color:var(--color-gray-300)}.page-hero{margin-top:72px;padding:calc(var(--spacing-unit) * 20) calc(var(--spacing-unit) * 4);background:var(--color-black);text-align:center}.page-hero-content{max-width:var(--container-width);margin:0 auto}.page-title{font-size:clamp(3rem, 8vw, 6rem);font-weight:700;color:var(--color-white);margin-bottom:calc(var(--spacing-unit) * 3);letter-spacing:-.02em}.page-subtitle{font-size:1.25rem;color:var(--color-gray-300);letter-spacing:.05em}.gallery-section{padding:calc(var(--spacing-unit) * 12) calc(var(--spacing-unit) * 4);background:var(--color-white)}.gallery-container{max-width:var(--container-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px, 1fr));gap:calc(var(--spacing-unit) * 4)}.gallery-item{position:relative;overflow:hidden;background:var(--color-gray-100);aspect-ratio:1/1;transition:var(--transition)}.gallery-item.gallery-large{grid-column:span 2;aspect-ratio:4/5}.gallery-item.gallery-wide{grid-column:span 2;aspect-ratio:2/1}.gallery-item.gallery-tall{grid-row:span 2;aspect-ratio:1/2}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-caption{position:absolute;bottom:0;left:0;right:0;padding:calc(var(--spacing-unit) * 4);background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,0) 100%);color:var(--color-white);opacity:0;transform:translateY(20px);transition:all .4s ease}.gallery-item:hover .gallery-caption{opacity:1;transform:translateY(0)}.gallery-caption h3{font-size:1.25rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 1)}.gallery-caption p{font-size:.875rem;color:var(--color-gray-300)}.contact-section{padding:calc(var(--spacing-unit) * 12) calc(var(--spacing-unit) * 4);background:var(--color-white)}.contact-container{max-width:var(--container-width);margin:0 auto}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing-unit) * 12)}.contact-info h2{font-size:2.5rem;font-weight:700;margin-bottom:calc(var(--spacing-unit) * 4)}.contact-intro{font-size:1.125rem;line-height:1.8;color:var(--color-gray-700);margin-bottom:calc(var(--spacing-unit) * 6)}.contact-methods{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 4);margin-bottom:calc(var(--spacing-unit) * 6)}.contact-method{display:flex;gap:calc(var(--spacing-unit) * 3);padding:calc(var(--spacing-unit) * 3);border:1px solid var(--color-gray-200);transition:var(--transition)}.contact-method:hover{border-color:var(--color-black);transform:translateX(4px)}.contact-icon{font-size:2rem}.contact-details h3{font-size:1rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 1)}.contact-details a{color:var(--color-gray-700);text-decoration:none;transition:var(--transition)}.contact-details a:hover{color:var(--color-black)}.contact-hours{padding:calc(var(--spacing-unit) * 4);background:var(--color-gray-50)}.contact-hours h3{font-size:1rem;font-weight:600;margin-bottom:calc(var(--spacing-unit) * 2)}.contact-hours p{font-size:.875rem;color:var(--color-gray-700)}.contact-form-container{background:var(--color-gray-50);padding:calc(var(--spacing-unit) * 6)}.contact-form{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 4)}.form-group{display:flex;flex-direction:column;gap:calc(var(--spacing-unit) * 1)}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-gray-700)}.form-group input,.form-group textarea{padding:calc(var(--spacing-unit) * 2);border:1px solid var(--color-gray-300);background:var(--color-white);font-family:var(--font-primary);font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-black)}.btn-submit{padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 4);background:var(--color-black);color:var(--color-white);border:none;font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition);letter-spacing:.02em}.btn-submit:hover{background:var(--color-gray-900);transform:translateY(-2px)}@media (max-width:768px){.hero-grid,.grid-2col,.cta-grid,.footer-grid{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 4)}.features-grid,.testimonials-grid{grid-template-columns:1fr}.hero-mega-title,.cta-mega-title{font-size:clamp(2.5rem, 10vw, 4rem)}.section-heading{font-size:clamp(2rem, 8vw, 3rem)}.mobile-menu-toggle{display:flex}.nav-links{position:fixed;top:72px;left:0;right:0;background:var(--color-white);flex-direction:column;padding:calc(var(--spacing-unit) * 4);gap:calc(var(--spacing-unit) * 3);box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);max-height:calc(100vh - 72px);overflow-y:auto}.nav-links.active{transform:translateY(0);opacity:1;visibility:visible}.nav-links a{font-size:1.25rem;padding:calc(var(--spacing-unit) * 2) 0;border-bottom:1px solid var(--color-gray-100);text-align:center}.nav-links a:last-child{border-bottom:none}.nav-cta{margin-top:calc(var(--spacing-unit) * 2);text-align:center;display:block;width:100%}section{padding:calc(var(--spacing-unit) * 8) calc(var(--spacing-unit) * 3)}.sound-toggle-button{bottom:80px;left:20px;width:50px;height:50px;font-size:1.25rem}.skip-button{bottom:20px;right:20px;padding:10px 20px;font-size:.85rem}.gallery-container{grid-template-columns:1fr}.gallery-item.gallery-large,.gallery-item.gallery-wide,.gallery-item.gallery-tall{grid-column:span 1;grid-row:span 1;aspect-ratio:1/1}.contact-grid{grid-template-columns:1fr;gap:calc(var(--spacing-unit) * 6)}.sound-preview-button{padding:calc(var(--spacing-unit) * 2.5) calc(var(--spacing-unit) * 4);font-size:.875rem}.sound-preview-icon{font-size:1rem}}