.material-visual{height:340px;background:radial-gradient(ellipse at 50% 45%,#e8e4db,#c9c6bd);margin:22px 0 25px}.material-visual img{width:100%;height:100%;object-fit:contain;padding:18px 12px;transition:transform .7s cubic-bezier(.2,.7,.2,1);filter:drop-shadow(0 12px 8px #292a2522)}.material-card:hover .material-visual img{transform:scale(1.045)}.material-inquiry{display:inline-flex;align-items:center;min-height:44px;margin-top:14px;font-size:12px;color:var(--paper);border-bottom:1px solid #b9b3a766;gap:12px}.material-custom .material-inquiry{align-self:center;justify-self:end}.material-card p{min-height:64px}.material-bottom{align-items:center;gap:12px}.material-bottom span:last-child{text-align:right}.material-custom p{min-height:0}
@media(max-width:1100px){.material-visual{height:280px}}
@media(max-width:760px){.material-card:not(.material-custom){display:block;padding:28px 0}.material-visual{height:360px;margin:18px 0 22px;width:100%}.material-card p{min-height:0;max-width:100%}.material-inquiry{margin-top:10px}.material-custom .material-inquiry{justify-self:start}.material-bottom{font-size:9px}.material-visual img{padding:20px}}
@media(prefers-reduced-motion:reduce){.material-visual img{transition:none}.material-card:hover .material-visual img{transform:none}}