.c-case-box{grid-template-columns:41rem 1fr;grid-gap:3rem;background:var(--c-gray-9);border-radius:var(--radiusAlt);height:100%;padding:2rem;width:100%}.c-case-box,.c-case-box__main{align-content:start;align-items:center;display:grid}.c-case-box__main{grid-template-columns:1fr}.c-case-box__tags:not(:last-child) .c-tags__item:not(.c-tags__item--basic),.c-case-box__title:not(:last-child){margin-bottom:2rem}.c-case-box__tags:not(:last-child) .c-tags__item--basic{margin-bottom:1.5rem}.c-case-box__image{position:relative;width:100%}.c-case-box__image .c-case-box__tags{left:2rem;position:absolute;top:2rem}@media (max-width:980px){.c-case-box__image .c-case-box__tags{left:1rem;top:1rem}}@media (max-width:670px){.c-case-box__image .c-case-box__tags{left:1.5rem;top:1.5rem}}.c-case-box.is-small:not(.is-vertical):not(.is-basic) .c-case-box__image{align-self:flex-start}@media (max-width:670px){.c-case-box.is-small:not(.is-vertical):not(.is-basic) .c-case-box__image{align-self:center}}.c-case-box.is-small:not(.is-vertical):not(.is-basic) .c-case-box__tags{margin-bottom:1.5rem}.c-case-box.is-small:not(.is-vertical):not(.is-basic) .c-case-box__tags .c-tags__item{font-size:1.2rem;padding:1.2rem 2rem}@media (max-width:670px){.c-case-box.is-small:not(.is-vertical):not(.is-basic) .c-case-box__tags .c-tags__item{padding:.8rem 1.2rem}}.c-case-box:not(.is-basic) .c-case-box__btn{margin-top:auto}.c-case-box.is-small{grid-template-columns:11.4rem 1fr;grid-gap:3rem}@media (max-width:980px){.c-case-box.is-small{gap:1.5rem;grid-template-columns:8rem 1fr}}.c-case-box.is-vertical{align-items:flex-start;display:flex;flex-direction:column;grid-gap:3rem;padding:3rem}@media (max-width:980px){.c-case-box:not(.is-small){display:flex;flex-direction:column}}.c-case-box.is-basic{grid-gap:2rem;background:none;padding:0}@media (max-width:980px){.c-case-box.is-basic{align-items:center;text-align:center}}@media (max-width:670px){.c-case-box.is-vertical{padding:2rem;grid-gap:2rem}}.c-case-box.is-basic.is-vertical{grid-gap:0;padding:0}.c-case-box.is-basic.is-vertical .c-case-box__image{margin-bottom:4rem}.c-case-box.is-basic.is-vertical .c-case-box__title:not(:last-child){margin-bottom:1.2rem}.c-case-box.is-basic.is-vertical .c-case-box__main{margin-bottom:2rem}.c-case-box.is-vertical{grid-template-columns:1fr}.c-case-box.is-t-2 .c-case-box__btn{margin-top:3rem}@media (max-width:980px){.c-case-box.is-t-2 .c-case-box__btn{margin-top:2.5rem}}