.design-site .solution-hero{padding-block:168px 72px}.design-site .solution-hero .english-label{font:400 16px/1.6 var(--font-english);letter-spacing:.03em;margin-bottom:16px}.design-site .solution-hero h1{max-width:18em;font-size:40px;font-weight:600;line-height:1.5}.design-site .solution-hero>p:last-child{max-width:40em;margin-top:24px;font-size:16px;line-height:1.9}.design-site .solution-section{padding-block:56px}.design-site .solution-section>h2{margin-bottom:32px;font-size:28px;font-weight:600;line-height:1.5}.design-site .solution-section>.solution-note{color:var(--sub-foreground);margin:-20px 0 32px;font-size:14px;line-height:1.8}.design-site .solution-symptoms{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.design-site .solution-symptoms li{background:var(--card);border-radius:12px;padding:16px 20px 16px 48px;font-size:15px;line-height:1.7;position:relative}.design-site .solution-symptoms li:before{content:"";border-left:2px solid var(--brand);border-bottom:2px solid var(--brand);width:12px;height:7px;position:absolute;top:22px;left:21px;rotate:-45deg}.design-site .solution-steps{counter-reset:step;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.design-site .solution-steps li{counter-increment:step;background:var(--card);border-radius:16px;padding:24px}.design-site .solution-steps li:before{content:counter(step,decimal-leading-zero);color:var(--brand);font:600 14px/1.6 var(--font-english);margin-bottom:12px;display:block}.design-site .solution-steps h3{margin-bottom:8px;font-size:17px;font-weight:600;line-height:1.6}.design-site .solution-steps p{font-size:14px;line-height:1.85}.design-site .solution-combo{grid-template-columns:repeat(var(--combo-count),minmax(0,1fr));gap:32px;display:grid}.design-site .solution-combo>li{background:var(--card);border-radius:16px;flex-direction:column;align-items:flex-start;padding:24px;display:flex;position:relative}.design-site .solution-combo>li+li:before{content:"＋";width:20px;height:20px;color:var(--sub-foreground);place-items:center;font-size:16px;line-height:1;display:grid;position:absolute;top:50%;left:-26px;translate:0 -50%}.design-site .solution-role{background:var(--surface-tag);color:var(--sub-foreground);border:1px solid #0000;border-radius:4px;margin-bottom:12px;padding:2px 10px;font-size:12px;line-height:1.6}.design-site .solution-combo>li[data-role=core] .solution-role{border-color:var(--brand);color:var(--brand)}.design-site .solution-combo h3{margin-bottom:8px;font-size:17px;font-weight:600;line-height:1.5}.design-site .solution-combo p{flex:1;margin-bottom:20px;font-size:14px;line-height:1.85}.design-site .solution-combo small{color:var(--sub-foreground);margin-top:8px;font-size:12px;line-height:1.6}.design-site .solution-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.design-site .solution-link{background:var(--card);height:100%;transition:color .2s var(--ease);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.design-site .solution-link-copy{flex-direction:column;gap:4px;font-size:15px;font-weight:600;line-height:1.6;display:flex}.design-site .solution-link-copy small{color:var(--sub-foreground);font-size:12px;font-weight:400;line-height:1.6}.design-site .solution-link-arrow{background:var(--background);width:28px;height:28px;transition:background-color .2s var(--ease),color .2s var(--ease);border-radius:6px;flex:none;place-items:center;display:grid}.design-site .solution-link-arrow svg{width:14px;height:14px}@media (hover:hover){.design-site .solution-link:hover .solution-link-arrow{background:var(--brand);color:var(--brand-foreground)}}.design-site .solution-group+.solution-group{margin-top:56px}@media (width<=1199.98px){.design-site .solution-combo{grid-template-columns:repeat(2,minmax(0,1fr))}.design-site .solution-combo>li+li:before{display:none}.design-site .solution-related{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=809.98px){.design-site .solution-hero{padding-block:120px 40px}.design-site .solution-hero h1{font-size:28px}.design-site .solution-section{padding-block:40px}.design-site .solution-section>h2{font-size:24px}.design-site .solution-symptoms,.design-site .solution-steps,.design-site .solution-combo,.design-site .solution-related{grid-template-columns:1fr}.design-site .solution-steps{gap:24px}.design-site .solution-combo{gap:28px}.design-site .solution-combo>li+li:before{display:grid;top:-24px;left:50%;translate:-50%}}.design-site .solution-group{scroll-margin-top:96px}.design-site .solution-combo .site-action{margin-top:auto}.design-site .solution-tag{background:var(--scene-color,var(--foreground));color:var(--text-inverse);border-radius:6px;margin-bottom:20px;padding:4px 12px;font-size:13px;font-weight:600;line-height:1.6;display:inline-block}.design-site .solution-hero h1{line-height:1.7}.design-site .solution-lead{max-width:40em;margin-top:24px;font-size:16px;line-height:1.9}.design-site .solution-hero-actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.design-site .solution-causes{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.design-site .solution-causes li,.design-site .solution-plans li{background:var(--card);border-radius:16px;padding:24px}.design-site .solution-causes h3,.design-site .solution-plans h3{margin-bottom:10px;font-size:18px;font-weight:600;line-height:1.55}.design-site .solution-causes p,.design-site .solution-plans p{font-size:14px;line-height:1.9}.design-site .solution-plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.design-site .solution-plans li{background:var(--card)}.design-site .solution-groups{gap:56px;display:grid}.design-site .solution-groups .solution-group+.solution-group{margin-top:0}.design-site .solution-panel>p{margin-bottom:24px;font-size:15px;line-height:1.8}.design-site .solution-panel .solution-link{background:var(--card)}.design-site .tone-operation{--scene-color:var(--brand)}@media (width<=1199.98px){.design-site .solution-causes{grid-template-columns:minmax(0,1fr)}}@media (width<=809.98px){.design-site .solution-plans{grid-template-columns:minmax(0,1fr)}}.design-site .service-index-cross{background:var(--card);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:64px;padding:32px 40px;display:flex}.design-site .service-index-cross h2{margin-bottom:8px;font-size:22px;font-weight:600;line-height:1.5}.design-site .service-index-cross p{font-size:15px;line-height:1.8}@media (width<=809.98px){.design-site .service-index-cross{padding:24px 20px}}body.design-site .service-category.solution-group{padding-top:100px}@media (width<=809.98px){body.design-site .service-category.solution-group{padding-top:28px}body.design-site .solution-group .service-tab h2{padding:12px 16px;font-size:18px}}.design-site .solution-overview{flex-direction:column;gap:20px;font-size:16px;line-height:2;display:flex}.design-site .solution-causes,.design-site .solution-steps{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.design-site .solution-causes p,.design-site .solution-plans p,.design-site .solution-steps p,.design-site .solution-combo p{font-size:15px;line-height:1.95}.design-site .index-intro{flex-direction:column;gap:16px;margin-top:24px;font-size:16px;line-height:2;display:flex}.design-site .index-group-copy{grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:16px 48px;margin-bottom:40px;font-size:15px;line-height:2;display:grid}.design-site .index-group-copy>p{grid-column:1}.design-site .index-group-copy>.index-group-note{font-size:18px;font-weight:600;line-height:1.7}.design-site .index-fits{background:var(--card);border-radius:12px;grid-area:1/2/span 2;align-self:start;padding:20px 24px}.design-site .index-fits>p{color:var(--sub-foreground);margin-bottom:8px;font-size:13px;font-weight:600}.design-site .index-fits li{padding-left:1.1em;font-size:14px;line-height:1.85;position:relative}.design-site .index-fits li:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;top:.8em;left:0}.design-site .index-card-summary{color:var(--sub-foreground);margin-top:10px;font-size:13px;font-weight:400;line-height:1.85;display:block}@media (width<=1199.98px){.design-site .index-group-copy{grid-template-columns:1fr}.design-site .index-fits{grid-area:auto/1}}.design-site .solution-plans{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}@media (width>=810px){.design-site .solution-causes:has(>li:nth-child(4):last-child),.design-site .solution-steps:has(>li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}.design-site .solution-combo>li{align-items:stretch}.design-site .solution-combo .solution-role{align-self:flex-start}.design-site .solution-combo .site-action{align-self:flex-start;margin-top:auto}.design-site .solution-combo p{flex:none;margin-bottom:24px}.design-site .solution-related>li[id]{scroll-margin-top:96px}body.design-site .service-tab img.service-art{object-fit:contain;object-position:right bottom;width:260px;height:155px;bottom:-1px;right:32px}@media (width<=809.98px){body.design-site .service-tab img.service-art{width:116px;height:69px;right:0}}@media (width<=359.98px){body.design-site .service-tab img.service-art{width:72px;height:43px}}.design-site .solution-layout .solution-main{min-width:0}.design-site .solution-layout .solution-sidebar{margin-top:0;padding-top:56px}.design-site .solution-layout .solution-combo{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}@media (width>=810px){.design-site .solution-layout .solution-combo>li+li:before{display:none}}.design-site .solution-layout .project-grid,.design-site .solution-layout .solution-related{grid-template-columns:repeat(2,minmax(0,1fr))}.design-site .solution-section[id]{scroll-margin-top:96px}@media (width<=809.98px){.design-site .solution-layout .solution-combo,.design-site .solution-layout .project-grid,.design-site .solution-layout .solution-related{grid-template-columns:minmax(0,1fr)}}@media (width>=1200px){.design-site .solution-detail-hero{width:calc(100% - 160px);max-width:1120px}}.design-site .solution-layout :is(.solution-causes,.solution-steps,.solution-plans){grid-template-columns:minmax(0,1fr);gap:16px}.design-site .solution-layout :is(.solution-causes,.solution-steps):has(>li:nth-child(4):last-child){grid-template-columns:minmax(0,1fr)}
