*,body{margin:0}.hero,.services{font-family:"Noto Sans JP",sans-serif}.plan-image::before,.service-image::before{content:"";background:rgba(165,120,80,.35);opacity:0;transform:translateX(-100%);inset:0}*,.value-map-section{box-sizing:border-box}.avatar img,body.menu-open .site-header{background:#fff}#loader,.values{background-color:#fff}.hero,.image-wrapper,.plan-image,.progress-box,.service-image{overflow:hidden}*{padding:0}.hero{position:relative;width:100vw;height:100vh}.hero-video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:1}.hero-content{position:relative;z-index:2;width:100%;height:100%}.copy-main{position:absolute;top:45%;left:18%;transform:translateY(-50%);color:#fff}.copy-main h1{font-size:clamp(36px, 4.5vw, 64px);font-weight:600;line-height:1.25;letter-spacing:.04em}.jp-sub{margin-top:14px;font-size:15px;opacity:.85}.en-copy{position:absolute;bottom:18%;right:10%;max-width:420px;font-size:14px;line-height:1.7;color:rgba(255,255,255,.8);text-align:right;letter-spacing:.05em}body{background-color:#fdfaf7;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;color:#333}.container{max-width:1200px;margin:0 auto;padding:80px 20px}.section-title{text-align:center;margin-bottom:10px}.section-title h2{font-size:3rem;font-weight:300;color:#bfa59c;margin:0;letter-spacing:.1em}.plan-label h3,.plan-label p,.service-label h3{font-weight:600;color:#fff}.content h3,.plan-label h3,.plan-label p,.plan-text{letter-spacing:.05em}.section-title p{font-size:.9rem;margin-top:10px;color:#666}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.works-item{text-align:left}.image-wrapper{width:100%;aspect-ratio:16/10;margin-bottom:20px}.image-wrapper video{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}.works-item:hover video{transform:scale(1.05)}.content h3{font-size:.9rem;font-weight:600;margin:0 0 8px}.client-name{font-size:.85rem;color:#888;margin:0}.values{padding:120px 20px}.values-image-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:center}.plan-image img,.service-image img,.values-image{display:block;width:100%}.values-image{max-width:900px;height:auto}@media (max-width:600px){.values-image-section{padding:80px 16px}}.plans{padding:120px 20px;background:#f7f7f7}.plans-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:48px}.plan-image{position:relative;border-radius:8px;margin-bottom:24px;height:320px}.avatar picture,.plan-image picture,.service-image picture{width:100%;height:100%;display:block}.plan-image img{height:100%;object-fit:cover;z-index:1}.plan-image::before{position:absolute;animation:.8s .1s forwards overlay-slide;z-index:2}.plan-label{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:#fff;z-index:3}.plan-text,.service-text{font-size:.9rem;line-height:1.8;color:#666;font-weight:400}.plan-label h3{font-size:22px}.plan-label p{font-size:18px}@keyframes overlay-slide{from{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.plan-text{margin:0 0 8px 20px}.services{padding:80px 20px;background-color:#fafafa}.services-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.service-item{text-align:center}.service-image{position:relative;border-radius:16px}.service-image::before{position:absolute;transition:opacity .8s,transform .8s;z-index:2}.service-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;pointer-events:none}.service-label h3{font-size:20px;letter-spacing:.08em}.service-item.is-visible .service-image::before{opacity:1;transform:translateX(0)}.service-item.is-visible .service-label h3{opacity:1;transform:translateY(0)}.service-image img{height:auto;transition:transform .4s}.service-item:hover img{transform:scale(1.03)}.service-text{margin-top:14px;padding-left:6px;text-align:left;letter-spacing:.04em}.about-section{padding:80px 5vw;background:#f0eee6}.letter{position:relative;max-width:1100px;margin:0 auto;padding:70px 60px;background:#faf8f2;box-shadow:0 10px 30px rgba(0,0,0,.08);border-radius:4px;font-family:"Noto Serif JP",serif;line-height:2}.letter-body{max-width:66%}.letter-title{margin-bottom:2em;margin-top:2em;font-size:1.4rem;font-weight:400}.avatar{position:absolute;top:80px;right:80px;width:200px;text-align:center}.avatar img{width:100%;border-radius:50%;box-shadow:0 10px 25px rgba(0,0,0,.18)}.avatar-hobby{margin-top:10px;font-size:.75rem;color:#777}.center-concept,.value-item{background-color:var(--item-bg-color);width:100%}:root{--primary-text-color:#6d4c41;--secondary-text-color:#8d6e63;--bg-color:#fffaf8;--item-bg-color:#ffffff;--line-color:#d7ccc8}.value-map-section{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px}.value-grid-container{display:grid;grid-template-columns:1fr minmax(300px,400px) 1fr;grid-template-rows:auto auto auto;grid-template-areas:". top ." "left center right" ". bottom .";gap:40px;justify-items:center;align-items:center;position:relative;max-width:1200px}.value-grid-container::before{content:'';grid-area:left-start/left-start/right-end/right-end;position:absolute;top:50%;left:50%;width:90%;height:90%;transform:translate(-50%,-50%);border:3px solid var(--line-color);border-radius:50%;z-index:0;pointer-events:none}.center-concept{grid-area:center;padding:50px 40px;border-radius:50%;text-align:center;box-shadow:0 10px 30px rgba(109,76,65,.1);z-index:2;position:relative;max-width:380px;aspect-ratio:4/3;display:flex;justify-content:center;align-items:center}.contact-link,.value-item{align-items:center;display:flex}.concept-content h2{font-size:2rem;margin:0 0 15px;font-weight:700;color:var(--primary-text-color)}.concept-content p,.item-text{margin:0;color:var(--secondary-text-color)}.concept-content p{font-size:1rem;line-height:1.6}.value-item{padding:20px 30px;border-radius:50px;box-shadow:0 5px 20px rgba(109,76,65,.08);gap:15px;z-index:1;max-width:320px;transition:transform .3s}.value-item:hover{transform:translateY(-5px)}.icon-box{flex-shrink:0;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.icon-box svg{width:28px;height:28px;stroke:var(--primary-text-color);stroke-width:1.5}.item-text{font-size:.95rem;line-height:1.5;text-align:left}.contact-link,.site-nav a{color:#333;text-decoration:none}.item-top{grid-area:top}.item-right{grid-area:right}.item-bottom{grid-area:bottom}.item-left{grid-area:left}@media (max-width:992px){.value-grid-container{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"center" "top" "right" "bottom" "left";gap:25px;width:100%;max-width:500px}.value-grid-container::before{display:none}.center-concept{aspect-ratio:auto;border-radius:30px;padding:40px 30px}.value-item{max-width:100%}}@media (max-width:480px){.center-concept h2{font-size:1.6rem}.value-item{padding:15px 20px;border-radius:30px}.item-text{font-size:.9rem}.icon-box svg{width:24px;height:24px}}.contact-link{gap:16px;font-size:14px}.arrow{width:44px;height:44px;border-radius:50%;background:#d2b3a3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}.description{font-size:12px;color:#555;line-height:3;margin-bottom:56px}.contact-inner{position:relative;height:100%;max-width:800px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.concept,.concept .icon{display:flex;align-items:center}.concept{gap:12px;color:#8d6e63;font-family:"Noto Sans JP",sans-serif}.concept .icon{justify-content:center;color:#6b4e3d;flex-shrink:0}.concept .text{font-size:1.1rem;line-height:1.6;font-weight:500}.logo-normal,.site-header:not(.is-on-hero) .logo-hero,.sp-only{display:none}.section{padding:8rem 0}.section-soft{background-color:#f3f1ed}.container.narrow{width:min(640px,90%)}.simple-list{list-style:none;margin:2.5rem 0}.simple-list li{margin-bottom:.6rem;padding-left:1.2rem;position:relative}.simple-list li::before{content:"—";position:absolute;left:0}.service-list{display:grid;grid-template-columns:1fr;gap:3rem}.service-item h3{font-size:1rem;font-weight:400;margin-bottom:.6rem}.service-item p{font-size:.9rem;line-height:1.9}.btn-outline{display:inline-block;margin-top:2rem;padding:.8rem 2.4rem;border:1px solid #2b2b2b;text-decoration:none;color:#2b2b2b;font-size:.85rem;letter-spacing:.15em}.btn-outline:hover{background-color:#2b2b2b;color:#fff}.hamburger,.site-header.is-on-hero{background:0 0}.note{font-size:.75rem;color:#777}.header-inner{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.site-nav ul{display:flex;gap:32px;list-style:none}.site-nav a{font-size:14px}.hamburger{display:none;width:28px;height:20px;border:none;cursor:pointer}@media (max-width:768px){.copy-main,.en-copy{position:absolute;left:50%;width:90%;text-align:center}.copy-main{top:48%;transform:translate(-50%,-50%)}.copy-main h1{font-size:32px;line-height:1.3;letter-spacing:.08em}.jp-sub{margin-top:12px;font-size:14px;opacity:.9}.en-copy{bottom:10%;transform:translateX(-50%);font-size:12px;line-height:1.6;opacity:.6}.works-grid{grid-template-columns:1fr;gap:50px}.plans{padding:80px 16px}.plans-inner{grid-template-columns:1fr;gap:40px}.services-inner{grid-template-columns:1fr;gap:32px}.letter{padding:50px 30px}.letter-body{max-width:100%}.avatar{position:static;margin:0 auto 30px;width:140px}.hamburger,.sp-only{display:block}.site-nav{position:fixed;inset:0;background:#fff;display:none;align-items:center;justify-content:center}.site-nav ul{flex-direction:column;gap:24px}.site-nav a{font-size:18px}.site-nav.is-open{display:flex}}.site-header{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:color .3s,background .3s}.site-header a{text-decoration:none;transition:color .3s}.site-header.is-on-hero a{color:#fff}.site-header:not(.is-on-hero){background:rgba(255,255,255,.9)}.site-header:not(.is-on-hero) a,body.menu-open .site-header a{color:#777}.hamburger span{display:block;height:2px;background:#333;margin-bottom:6px;transition:transform .3s,opacity .3s}.hamburger.is-open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.is-open span:nth-child(2){opacity:0}.hamburger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}body.menu-open .hamburger span{background-color:#777}.logo-hero,.site-header:not(.is-on-hero) .logo-normal{display:block}.logo{display:flex;height:40px}.logo img{height:100%;width:auto}.br-space{display:block;height:1em}.letter-sign{margin-top:2rem;text-align:right;font-size:.9rem;color:#555}.sign-image{display:inline-block;margin-top:.5rem;width:90px;height:auto;opacity:.9}#loader{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}.rotate-logo{margin-bottom:20px;width:100px}.progress-box{width:200px;height:4px;background-color:#eee;border-radius:4px}.progress-bar{width:0%;height:100%;background-color:#333;animation:2s ease-out forwards loadingFill}@keyframes loadingFill{0%{width:0%}100%{width:100%}}