@font-face{font-family:StudioSerif;src:url('/fonts/noto-serif-jp.woff2')}@font-face{font-family:StudioSans;src:url('/fonts/noto-sans-jp.woff2')}
:root{--studio-ink:#302d26;--studio-paper:#fcfaf6;--studio-olive:#666b4c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--studio-ink);background:var(--studio-paper);font:16px/1.9 StudioSans,sans-serif}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid #b83e25;outline-offset:5px}img{display:block;width:100%;height:auto}h1,h2,h3{font-family:StudioSerif,serif;font-weight:400}h1{font-size:clamp(42px,6vw,74px);line-height:1.4;letter-spacing:.06em;margin:16px 0 28px}h2{font-size:34px;line-height:1.6;margin:0 0 20px}h3{font-size:22px;margin:18px 0 10px}p{margin:12px 0}.sample-notice{padding:12px 5%;display:flex;justify-content:space-between;gap:24px;background:#f0ece4;font-size:12px}.sample-header{display:flex;justify-content:space-between;align-items:center;padding:26px 5%;gap:28px}.sample-logo{font:500 23px/1.5 StudioSerif,serif;letter-spacing:.08em;text-decoration:none}.sample-header nav{display:flex;gap:24px;font-size:13px}.sample-header nav a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none}.studio-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;background:var(--studio-olive);color:#fff;border-radius:999px;padding:12px 24px;font-size:14px;text-decoration:none;transition:background .18s}.studio-button:hover{background:#4d523b}.studio-intro{max-width:1440px;margin:auto;padding:30px 5% 64px;display:grid;grid-template-columns:1fr 1.3fr;gap:48px;align-items:center}.studio-intro>img{height:570px;object-fit:cover}.studio-eyebrow{font-size:11px;letter-spacing:.16em;color:#696b58;margin:0 0 14px}.studio-section{max-width:1280px;margin:auto;padding:56px 5%}.studio-concept{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center}.studio-concept>img{height:290px;object-fit:cover}.sample-caption{font-size:12px;color:#68645b;margin-top:24px}.studio-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:28px}.studio-heading p{font-size:13px}.studio-service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.studio-service-list img{height:185px;object-fit:cover}.studio-service-list p{font-size:14px}.studio-service-list a{font-size:13px;display:inline-flex;min-height:44px;align-items:center}.studio-gallery{display:grid;grid-template-columns:1fr 1fr;gap:32px}.studio-gallery figure{margin:0}.studio-gallery img{height:320px;object-fit:cover}.studio-gallery figcaption{font-family:StudioSerif;font-size:20px;margin-top:14px}.studio-access{background:#f0ece4;max-width:none;padding-inline:max(5%,calc((100% - 1152px)/2))}.studio-access>p{max-width:740px}.studio-access dl{margin:32px 0 0}.studio-access dl>div{display:grid;grid-template-columns:180px 1fr;gap:24px;margin-top:20px}.studio-access dd{margin:0;max-width:740px}.studio-contact{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:64px}.studio-contact .studio-button{margin-top:20px}.sample-footer{padding:28px 5%;background:#f0ece4;font-size:12px}.sample-footer p{margin:4px 0}
@media(max-width:700px){html{scroll-padding-top:20px}.sample-notice{display:block;font-size:11px}.sample-notice a{display:inline-flex;min-height:36px;align-items:center}.sample-header{padding:20px 22px;flex-wrap:wrap;gap:12px}.sample-logo{font-size:19px;flex:1}.sample-header>.studio-button{font-size:12px;padding:9px 16px;min-height:40px}.sample-header nav{order:3;width:100%;gap:24px;font-size:13px}.studio-intro{padding:24px 22px 36px;display:block}.studio-intro h1{font-size:46px;line-height:1.45;margin:12px 0 20px}.studio-intro>img{height:300px;margin-top:28px}.studio-intro p{font-size:15px}.studio-section{padding:36px 22px}h2{font-size:27px}.studio-concept{display:block}.studio-concept>img{height:220px;margin-top:24px}.studio-heading{display:block;margin-bottom:24px}.studio-heading p{font-size:14px}.studio-service-list{grid-template-columns:1fr;gap:22px}.studio-service-list article{display:grid;grid-template-columns:108px 1fr;gap:18px;align-items:start}.studio-service-list img{height:108px}.studio-service-list h3{font-size:20px;margin:0 0 6px}.studio-service-list p{font-size:14px;margin:0 0 4px}.studio-service-list a{font-size:13px}.studio-gallery{grid-template-columns:1fr;gap:28px}.studio-gallery img{height:250px}.studio-access dl>div{display:block}.studio-access dd{margin-top:8px}.studio-contact{display:block}.studio-contact>.studio-button{margin-top:20px}.sample-footer{padding:24px 22px}.sample-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}