:root{--bg:#17140f;--card:#11151b;--text:#f3eadb;--sub:#cbbda7;--pink:#f7d8df;--yellow:#caa74a;--line:#ffffff14;--shadow:0 10px 28px #00000047;--radius-main:30px}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,Yu Gothic,sans-serif}body{line-height:1.7}img{border-radius:var(--radius-main);max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}.page{width:min(920px,100vw - 24px);margin:0 auto;padding:18px 0 56px}.hero{margin-bottom:24px}.hero-frame,.hero-image{border-radius:var(--radius-main)}.hero-menu-button{border:2px solid var(--yellow);color:#9b7d28;cursor:pointer;z-index:20;background:#17140fe6;border-radius:999px;width:88px;padding:8px 16px;font-size:.95rem;font-weight:700;transition:transform .15s,background .15s;position:absolute;top:14px;right:14px}.hero-menu-button:hover{transform:translateY(-1px)}.hero-dropdown{border-radius:var(--radius-main);width:220px;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:15;background:#11151bf5;padding:16px;transition:all .2s;position:absolute;top:64px;right:14px;transform:translateY(-8px)}.hero-dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}.hero-dropdown ul{margin:0;padding:0;list-style:none}.hero-dropdown li+li{margin-top:10px}.hero-dropdown-link{text-align:center;padding:6px 0 8px;display:block;position:relative}.hero-dropdown-link:after{content:"";background:#d7b44d;width:0;height:2px;transition:width .2s;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-dropdown-link:hover:after{width:70%}.card,.portfolio-card{background:var(--card);border-radius:var(--radius-main);box-shadow:var(--shadow)}.card{margin-bottom:22px;padding:24px 22px}.intro{min-height:210px}.intro h1,.news h2{margin:0 0 14px;font-size:1.8rem}.news-list{gap:18px;display:grid}.news-item{grid-template-columns:20px 1fr;gap:12px;display:grid}.news-dot{background:var(--pink);border-radius:999px;width:14px;height:14px;margin-top:8px}.news-content p{color:var(--sub);margin:0}.portfolio-hero{border-radius:var(--radius-main);background:var(--card);box-shadow:var(--shadow);margin-bottom:32px;padding:28px 28px 32px;position:relative;overflow:hidden}.portfolio-back-button{background:var(--card);border:2px solid var(--yellow);color:#9b7d28;z-index:2;border-radius:999px;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:18px;left:18px}.portfolio-hero-image{object-fit:contain;border-radius:var(--radius-main);width:min(100%,720px);max-height:340px}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.portfolio-card{background:var(--card);border-radius:var(--radius-main);box-shadow:var(--shadow);position:relative;overflow:hidden}.portfolio-card-link{color:inherit;display:block;position:relative}.portfolio-card-image,.portfolio-card-noimage{width:100%;height:250px}.portfolio-card-image{object-fit:cover}.portfolio-card-noimage{text-align:center;background:linear-gradient(#1c1a16 0%,#14110d 100%);justify-content:center;align-items:center;padding:20px;display:flex}.portfolio-card-noimage span{color:#7c756d;font-size:1.45rem;font-weight:700;line-height:1.5}.portfolio-card-title-area{padding:14px 14px 16px}.portfolio-card-title{text-align:center;color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.portfolio-card-overlay{color:#fff;opacity:0;background:#141414b8;flex-direction:column;justify-content:flex-end;padding:18px;transition:opacity .2s;display:flex;position:absolute;inset:0}.portfolio-card:hover .portfolio-card-overlay{opacity:1}.portfolio-card-category{opacity:.85;margin:0 0 4px;font-size:.82rem}.portfolio-card-overlay h3{margin:0 0 8px;font-size:1.1rem}.portfolio-card-summary{margin:0 0 14px;font-size:.92rem;line-height:1.7}.portfolio-card-more{text-align:right;align-self:flex-end;margin-top:auto;padding:6px 0;font-weight:700;position:relative}.portfolio-card-more:after{content:"";transform-origin:100%;background:#17140f;width:100%;height:2px;transition:transform .2s;position:absolute;bottom:2px;right:0;transform:scaleX(.4)}.portfolio-card-more:hover:after{transform:scaleX(1)}@media (width<=900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.portfolio-hero{border-radius:var(--radius-main);background:var(--card);box-shadow:var(--shadow);margin-bottom:32px;padding:28px 28px 32px;position:relative;overflow:hidden}.portfolio-hero-content{flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:420px;display:flex}.portfolio-hero-image-wrap{border-radius:var(--radius-main);background:#17140f;justify-content:center;align-items:center;width:min(100%,720px);max-height:340px;display:flex;overflow:hidden}.portfolio-hero-image{object-fit:contain;border-radius:var(--radius-main);background:#17140f;width:100%;height:340px;display:block}.portfolio-grid{grid-template-columns:1fr;gap:18px}.portfolio-card-noimage span{font-size:1.25rem}}.portfolio-hero{border-radius:var(--radius-main);background:var(--card);box-shadow:var(--shadow);margin-bottom:32px;padding:28px 28px 32px;position:relative}.portfolio-hero-image-wrap{border-radius:var(--radius-main);background:#f3f1ec;width:fit-content;max-width:100%;margin:0 auto;overflow:hidden}.portfolio-hero-image{object-fit:contain;border-radius:var(--radius-main);width:min(100%,720px);height:auto;max-height:none;display:block}.portfolio-hero-title{color:#c8a85c;text-align:center;letter-spacing:.08em;margin:18px 0 0;font-size:2rem;font-weight:700}.detail-layout{padding-top:28px;position:relative}.detail-floating-back{border:2px solid var(--yellow);color:#9b7d28;width:52px;height:52px;box-shadow:var(--shadow);z-index:30;background:#17140f;border-radius:999px;place-items:center;display:grid;position:fixed;top:28px;left:max(24px,50vw - 532px)}.detail-top-card,.detail-section-card,.detail-toc{background:var(--card);border-radius:var(--radius-main);box-shadow:var(--shadow)}.detail-top-card{margin-bottom:24px;padding:28px 28px 24px}.detail-main-title{color:var(--text);margin:0;font-size:2rem}.detail-toc{width:250px;padding:20px 22px;position:absolute;top:32px;right:0}.detail-toc ol{margin:0;padding-left:1.2em}.detail-toc li+li{margin-top:10px}.detail-toc a{color:var(--text)}.detail-toc a:hover{text-decoration:underline}.detail-section-card{margin-bottom:24px;padding:24px 24px 28px}.detail-section-card h2{color:var(--text);margin:0 0 18px;font-size:1.5rem}.detail-section-text{color:var(--sub);margin:0;line-height:1.95}.detail-intro-text{margin-bottom:20px}.detail-feature-list{gap:18px;display:grid}.detail-feature-item{border-top:1px solid #f0ece6;grid-template-columns:160px 1fr;align-items:start;gap:18px;padding:14px 0;display:grid}.detail-feature-item:first-child{border-top:none;padding-top:0}.detail-feature-image,.detail-feature-placeholder{border-radius:var(--radius-main);width:100%;height:100px}.detail-feature-image{object-fit:contain;background:var(--card)}.detail-section-main-image,.detail-section-sub-image,.detail-image{object-fit:contain;border-radius:var(--radius-main);width:100%}.detail-feature-text h3{color:var(--text);margin:0 0 8px;font-size:1.05rem}.detail-feature-text p{color:var(--sub);margin:0;line-height:1.9}.detail-expand-list{gap:12px;display:grid}.detail-expand-item{border-top:1px solid #f0ece6;padding-top:12px}.detail-expand-item:first-child{border-top:none;padding-top:0}.detail-expand-trigger{cursor:pointer;width:100%;color:var(--text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:6px 0;font-size:1rem;font-weight:700;display:flex}.detail-expand-icon{color:#9b7d28;font-size:1rem}.detail-expand-body{padding:10px 0 6px}.detail-expand-body p{color:var(--sub);margin:0;line-height:1.9}.detail-expand-body p+p{margin-top:8px}.back-to-top{border:2px solid var(--yellow);color:#9b7d28;width:52px;height:52px;box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;z-index:40;background:#17140f;border-radius:999px;place-items:center;font-size:1.2rem;transition:opacity .2s,transform .2s,background .15s;display:grid;position:fixed;bottom:22px;right:22px;transform:translateY(10px)}.back-to-top:hover{background:#11151bfa}.back-to-top.show{opacity:1;pointer-events:auto;transform:translateY(0)}@media (width<=1100px){.detail-floating-back{left:20px}.detail-toc{width:100%;margin-bottom:24px;position:static}}@media (width<=640px){.detail-layout{padding-top:70px}.detail-floating-back{width:46px;height:46px;top:12px;left:12px}.detail-top-card{padding:22px 18px 20px}.detail-main-title{font-size:1.6rem}.detail-section-card{padding:20px 16px 22px}.detail-feature-item{grid-template-columns:1fr}.detail-feature-image,.detail-feature-placeholder{height:140px}.back-to-top{width:46px;height:46px;bottom:14px;right:14px}}.error-page{place-items:center;min-height:100vh;display:grid}.error-card{background:var(--card);border-radius:var(--radius-main);width:min(720px,100%);box-shadow:var(--shadow);padding:24px}@media (width<=640px){.page{width:calc(100vw - 16px)}.portfolio-grid{grid-template-columns:1fr}}