.loading{overflow:hidden}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0b132bd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;transition:opacity .8s cubic-bezier(.65,0,.35,1),visibility .8s}.loading-screen.loaded{opacity:0;visibility:hidden}.loading-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:200px;width:100%}.loading-logo{width:140px;height:auto;margin-bottom:30px;filter:brightness(0) invert(1);animation:loading-pulse 2s ease-in-out infinite}.loading-bar-container{width:140px;height:2px;background:#ffffff1a;border-radius:2px;overflow:hidden;position:relative}.loading-bar{position:absolute;top:0;left:0;height:100%;width:30%;background:#e63946;border-radius:2px;animation:loading-progress 2s infinite ease-in-out}@keyframes loading-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.98)}}@keyframes loading-progress{0%{left:-40%;width:40%}50%{width:30%}to{left:110%;width:40%}}.fixed-bg-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-10;overflow:hidden;pointer-events:none}@media (max-width: 768px){.fixed-bg-container{height:100lvh}}.fixed-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.fixed-bg-image video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity 2.8s ease-in-out}.fixed-bg-image video.active{opacity:1}.fixed-bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0b132b59}body{background-color:var(--color-navy)}.glass-section{background:var(--color-white)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.glass-card{background:var(--color-white)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none}:root{--color-navy: #0B132B;--color-red: #E63946;--color-blue-light: #D1F5FF;--color-white: #FFFFFF;--color-text-main: #0B132B;--color-text-sub: #4A5568;--font-main: "Mukta", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif: "Noto Serif JP", serif;--transition: all .4s cubic-bezier(.165, .84, .44, 1);--header-height: 90px}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%;position:relative}body{font-family:var(--font-main);background-color:var(--color-white);color:var(--color-text-main);line-height:1.8;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit;transition:var(--transition)}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{max-width:1300px;margin:0 auto;padding:0 40px}.container-full{width:100%;padding:0 60px}.section-padding{padding:120px 0}.section-padding:not(.hero){background:transparent}.main-content-wrapper{background:transparent;position:relative;z-index:1;display:flow-root}.cafe-wall{background-color:#fff!important;padding:100px 60px;position:relative;box-shadow:0 0 40px #0000000d;opacity:1!important}.about-image-wrapper{width:100%;margin-bottom:50px;background:#fff;padding:15px;border:1px solid #eee;box-shadow:0 10px 30px #0000000d;transform:rotate(-1deg);transition:var(--transition)}.about-image-wrapper:hover{transform:rotate(0) scale(1.02)}.about-image-wrapper img{width:100%;height:auto;display:block}.split-section{display:flex;width:100%;min-height:80vh}.split-section .wall-side{width:50%;flex-shrink:0;display:flex;flex-direction:column;justify-content:center}.split-section .window-side{width:50%;background:transparent}.split-section.reversed{flex-direction:row-reverse}@media (max-width: 1024px){.split-section{flex-direction:column}.split-section .wall-side,.split-section .window-side{width:100%}.split-section .window-side{height:300px}}.portfolio-window-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:100px 60px;padding:100px 40px}@media (max-width: 768px){.portfolio-window-grid{grid-template-columns:1fr;justify-items:center;gap:60px;padding:60px 20px}.frame-card{width:100%;max-width:400px}.portfolio-title-block{display:block!important;margin:0 auto 40px!important;text-align:center}}.frame-card{background:var(--color-white);padding:20px;border:15px solid var(--color-white);box-shadow:0 20px 50px #0000001a;transition:var(--transition)}.frame-card:hover{transform:scale(1.02) rotate(1deg)}.shade-banner{background:var(--color-red);color:var(--color-white);padding:60px 40px;width:100%;text-align:center;position:relative;z-index:100;border-radius:0;box-shadow:0 10px 30px #e639464d}.text-center{text-align:center}.bg-sub{background-color:var(--color-blue-light)}header.site-header{height:var(--header-height);width:100%;position:fixed;top:0;left:0;z-index:1000;background:linear-gradient(90deg,#ffffff73,#fff3,#ffffff73);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:none;display:flex;align-items:center}.header-inner{background:linear-gradient(90deg,#fffffffa,#fffffff2,#fffffffa)!important;display:flex;justify-content:space-between;align-items:center;width:100%}.logo img{height:60px;width:auto}.header-controls{display:flex;align-items:center;gap:30px}.header-info-link{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--color-navy);font-size:1.05rem}.header-info-link i{font-size:1.1rem}.header-separator{width:1px;height:40px;background-color:#0b132b26}.hamburger-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:6px;margin-left:10px}.hamburger-btn span{display:block;width:34px;height:2px;background-color:var(--color-navy)}.hero{background:transparent!important;height:100vh;min-height:800px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background-size:cover;background-position:center}@media (max-width: 768px){.hero{height:80vh;min-height:500px}}.hero-background{display:none}.sub-hero{height:400px;background-color:var(--color-navy);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;justify-content:center;color:var(--color-white);text-align:center}@media (max-width: 768px){.sub-hero{height:auto;min-height:0;aspect-ratio:2000 / 624;background-size:100% 100%;background-position:top center;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.sub-hero-overlay{height:100%}.sub-hero-content{padding:5px 15px!important;width:95%}.sub-hero-content:before,.sub-hero-content:after{width:20px!important;height:20px!important;border-width:1px!important}.sub-hero-title{font-size:1rem!important;margin-bottom:0!important;letter-spacing:.05em!important}.sub-hero-subtitle{font-size:.5rem!important;letter-spacing:.02em!important;margin-top:-2px!important}}.sub-hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0b132b59;z-index:-1}.sub-hero-content{position:relative;z-index:10;padding:40px 60px}.sub-hero-content:before,.sub-hero-content:after{content:"";position:absolute;width:80px;height:80px;border:2px solid #fff}.sub-hero-content:before{top:0;left:0;border-right:none;border-bottom:none}.sub-hero-content:after{bottom:0;right:0;border-left:none;border-top:none}.sub-hero-title{font-family:var(--font-serif);font-size:3.2rem;font-weight:400;letter-spacing:.15em;margin-bottom:5px}.sub-hero-subtitle{font-family:Mukta,sans-serif;font-size:1.1rem;opacity:.9;letter-spacing:.25em;text-transform:uppercase;font-weight:300}.breadcrumb-container{background-color:var(--color-white);border-bottom:1px solid rgba(0,0,0,.05);padding:20px 0}.breadcrumb{font-size:.9rem;color:var(--color-text-sub)}.breadcrumb a{color:var(--color-navy);font-weight:700}.breadcrumb a:hover{color:var(--color-red)}.breadcrumb span{margin:0 12px;opacity:.4;font-weight:400}.hero-content{position:relative;z-index:10;text-align:center;color:var(--color-white);max-width:1000px;padding:0 40px}.hero-title{font-size:clamp(3.2rem,8vw,5.8rem);font-weight:900;line-height:1.3;margin-bottom:30px;letter-spacing:.02em}.hero-subtitle{font-size:1.4rem;opacity:.9;line-height:1.6}.campaign-banner{background:var(--color-red);color:#fff;padding:40px;text-align:center;margin-top:-80px;position:relative;z-index:100;border-radius:20px;box-shadow:0 30px 60px #e6394666;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;cursor:pointer}.campaign-banner:hover{transform:translateY(-85px) scale(1.02);background-color:#f2505d;box-shadow:0 40px 80px #e6394680}.glass-card{background:#fffc!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--color-white);border:2px solid var(--color-blue-light);border-radius:24px;padding:50px;transition:var(--transition)}.glass-card:hover{transform:translateY(-10px);background:var(--color-blue-light);box-shadow:0 30px 60px #d1f5ff4d}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0b132b80;z-index:2000;opacity:0;visibility:hidden;transition:var(--transition)}.drawer-overlay.active{opacity:1;visibility:visible}.drawer-menu{position:fixed;top:0;right:-100%;width:100%;max-width:400px;height:100%;background:var(--color-white);z-index:2001;padding:60px 40px;display:flex;flex-direction:column;transition:.6s cubic-bezier(.165,.84,.44,1);box-shadow:-20px 0 50px #0000001a}.drawer-menu.active{right:0}.drawer-close{position:absolute;top:30px;right:30px;font-size:2rem;cursor:pointer;color:var(--color-navy)}.drawer-nav li{margin-bottom:20px}.drawer-nav a{font-size:1.15rem;font-weight:700;color:var(--color-navy)}.drawer-nav a:hover{color:var(--color-red)}.drawer-cta{margin-top:auto;display:flex;flex-direction:column;gap:15px}.btn-cta{width:100%;padding:18px;border-radius:12px;text-align:center;font-weight:700;font-size:1.1rem}.btn-contact{background-color:var(--color-red);color:var(--color-white)}.btn-phone{background-color:var(--color-navy);color:var(--color-white)}footer{background:var(--color-navy);color:#fff;padding:100px 40px 60px}footer a:hover{color:var(--color-blue-light)}footer .logo-footer{height:80px;width:auto}.img-placeholder{background-color:var(--color-blue-light);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--color-navy);font-size:.9rem;font-weight:700;margin-bottom:24px}.fade-up{opacity:0;transform:translateY(30px);animation:fadeUp 1.2s forwards}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.header-separator,.header-info-link{display:none}.container-full,.container{padding:0 20px}}@media (max-width: 768px){.hero-title,.sub-hero-title{font-size:2.5rem}}.site-footer-new{background-color:#cfdce1;color:#333;padding:60px 0 40px;text-align:center}.footer-logo-center{height:80px;display:block;margin:0 auto 30px}.footer-address{font-size:.95rem;line-height:1.8;margin-bottom:40px;color:#555}.footer-divider{border:none;border-top:1px solid #999;margin:20px auto;max-width:1000px}.footer-nav-horizontal{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;list-style:none;padding:10px 0;font-size:.9rem}.footer-nav-horizontal a{color:#333;text-decoration:none;transition:var(--transition)}.footer-nav-horizontal a:hover{color:var(--color-red)}.footer-copyright{font-size:.8rem;color:#777;margin-top:30px}.page-top-btn{position:fixed;right:30px;bottom:30px;width:50px;height:50px;background:var(--color-navy);color:#fff;display:flex;align-items:center;justify-content:center;border-radius:4px;text-decoration:none;z-index:100;transition:var(--transition);opacity:.8}.page-top-btn:hover{opacity:1;background:var(--color-red)}.logo img{height:90px}.site-header{height:auto;padding:10px 0}.header-inner{background:linear-gradient(90deg,#fffffffa,#fffffff2,#fffffffa)!important;height:110px}.footer-logo-center{height:90px;margin-bottom:25px}.global-contact-cta{background-color:transparent;padding:80px 0}.contact-nav-global{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0;border:1px solid #ddd;background:#fff;max-width:1000px;margin:0 auto}.contact-nav-item-global{padding:40px;text-align:center;border:1px solid #eee}.contact-nav-label-global{font-size:.9rem;color:#666;margin-bottom:20px}.contact-nav-btn-global{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--color-navy);color:#fff;padding:25px;border-radius:4px;font-weight:700;font-size:1.2rem;transition:var(--transition);text-decoration:none}.contact-nav-btn-global:hover{background:var(--color-red)}.header-info-link:hover,.header-info-link:hover i{color:var(--color-red)!important}a,button,.service-card,.portfolio-card,.glass-card,.contact-nav-btn-global{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.btn-cta:hover,.header-info-link:hover,.nav-links a:hover,.service-card:hover,.portfolio-card:hover,.contact-nav-btn-global:hover,.page-top-btn:hover,.footer-nav-horizontal a:hover{transform:translateY(-5px)}.btn-cta:active{transform:translateY(-2px) scale(.98)}.portfolio-grid-new{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:80px}.portfolio-card{display:block;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #0000000d;text-decoration:none;color:inherit;transition:all .3s ease}.portfolio-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.portfolio-img{height:200px;background:#eee;overflow:hidden}.portfolio-img img{width:100%;height:100%;object-fit:cover}.portfolio-info{padding:25px}.portfolio-category{font-size:.8rem;font-weight:700;color:var(--color-red);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px}.portfolio-title{font-size:1.4rem;font-weight:900;margin-bottom:15px;color:var(--color-navy)}.portfolio-link{font-size:.9rem;font-weight:900;color:var(--color-red);display:flex;align-items:center;gap:8px}@media (max-width: 768px){.header-inner{background:linear-gradient(90deg,#fffffffa,#fffffff2,#fffffffa)!important;height:60px!important}.logo img{height:40px!important}.header-controls{gap:15px}.header-separator{display:none}.header-info-link{display:flex!important;font-size:0!important;padding:5px}.header-info-link i{font-size:1.4rem}.hamburger-btn{width:36px;height:36px;margin-left:5px}h2{font-size:1.9rem!important;line-height:1.3!important;margin-bottom:20px!important}h3{font-size:1.25rem!important}p,li{font-size:.9rem!important;line-height:1.6!important}.section-padding{padding:60px 0}.hero-title{font-size:2rem!important;margin-bottom:12px;line-height:1.2}.hero-subtitle{font-size:.85rem!important;line-height:1.5}.sub-hero-content{padding:15px 30px}.sub-hero-content:before,.sub-hero-content:after{width:30px;height:30px}.sub-hero-title{font-size:1.4rem!important;letter-spacing:.1em}.sub-hero-subtitle{font-size:.7rem!important;letter-spacing:.15em}.campaign-banner{margin-top:-20px!important;padding:20px!important;border-radius:12px!important}.campaign-banner h2{font-size:1.2rem!important;margin-bottom:5px!important}.campaign-banner p{font-size:.8rem!important;line-height:1.4!important}.drawer-menu{padding:60px 30px 40px}.drawer-nav li{margin-bottom:12px}.drawer-nav a{font-size:1.1rem}.drawer-cta{margin-top:30px;gap:10px}.btn-cta{padding:15px;font-size:1rem}.drawer-close{top:20px;right:20px;font-size:2rem}.footer-nav-horizontal{display:none!important}.footer-logo-center{height:50px!important;margin-bottom:15px}.footer-address{font-size:.8rem;margin-bottom:20px}.footer-divider{display:none}.footer-copyright{margin-top:10px}.glass-card{padding:25px!important;border-radius:16px}.service-grid-mobile{grid-template-columns:1fr!important;gap:30px!important}.service-image-mobile{order:1!important}.service-text-mobile{order:2!important}}