@layer components{.working-method{--padding: 40px}.working-method .working-method__block-list{display:grid;gap:24px;margin-inline:auto;width:fit-content}@media(min-width: 768px){.working-method .working-method__block-list{grid-template-columns:repeat(2, 1fr)}.working-method .working-method__block-list:has(.color-block:only-child){grid-template-columns:1fr}}@media(min-width: 1200px){.working-method .working-method__block-list:has(.color-block:first-child:nth-last-child(3)),.working-method .working-method__block-list:has(.color-block:first-child:nth-last-child(5)),.working-method .working-method__block-list:has(.color-block:first-child:nth-last-child(6)),.working-method .working-method__block-list:has(.color-block:first-child:nth-last-child(7)),.working-method .working-method__block-list:has(.color-block:first-child:nth-last-child(9)){grid-template-columns:repeat(3, 1fr)}.working-method .working-method__block-list:has(.color-block:first-child:nth-last-child(10)),.working-method .working-method__block-list:has(.color-block:first-child:nth-last-child(8)),.working-method .working-method__block-list:has(.color-block:first-child:nth-last-child(4)),.working-method .working-method__block-list:has(.color-block:first-child:nth-last-child(2)){grid-template-columns:repeat(2, 1fr)}}.working-method .color-block{padding:40px;display:flex;flex-direction:column;gap:12px;max-width:calc(450px - (var(--padding) + var(--padding)));border-radius:24px}.working-method .color-block>img{margin-top:auto;margin-left:auto}.working-method .color-block.gradient-01{background:linear-gradient(137deg, rgba(99, 0, 193, 0.5) 24.09%, rgba(255, 70, 51, 0.5) 100%),#ff4633}.working-method .color-block.gradient-02{background:linear-gradient(317deg, rgba(255, 70, 51, 0.5) 0%, rgba(0, 8, 53, 0.5) 75.91%),#6300c1}.working-method .color-block.gradient-03{background:linear-gradient(137deg, rgba(0, 8, 53, 0.5) 24.09%, rgba(155, 239, 224, 0.5) 100%),#000835}.working-method .color-block .article-block__title{align-self:stretch;color:#fff;font-size:1.5rem;line-height:1.4;font-style:normal;font-weight:400;margin-block:0}.working-method .color-block p{align-self:stretch;color:#fff;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5}.color-block__tag-title{display:inline-block;background-color:#fff;border-radius:50px;padding:4px 12px;color:var(--clr-dark-grey);font-size:.75rem;margin-block-end:12px}}
