.casestudy-achievements-sec .items-sec{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media screen and (max-width:1023px){.casestudy-achievements-sec .items-sec{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:639px){.casestudy-achievements-sec .items-sec{grid-template-columns:repeat(1,1fr)}}.casestudy-achievements-sec .item{background-color:var(--color-yellow);color:var(--color-black);padding:.5rem}.casestudy-achievements-sec .item .image{width:36%}.casestudy-achievements-sec .item .detail{width:42.3%}.casestudy-achievements-sec .item .detail .year{background-color:var(--color-black);color:var(--color-white);padding:.2rem;line-height:1}.casestudy-achievements-sec .item .detail .title{font-size:var(--size-24);font-weight:var(--weight-Bold);font-family:var(--font-noto)}@media screen and (max-width:1199px){.casestudy-achievements-sec .item{gap:16px}.casestudy-achievements-sec .item .detail{width:calc(64% - 16px)}.casestudy-achievements-sec .item .detail .title{font-size:14px}}@media screen and (max-width:639px){.casestudy-achievements-sec .item .detail .title{font-size:1rem}}
.casestudy-more-sec{overflow:hidden}.casestudy-more-sec .item{border-left:solid .05rem var(--color-dark-grey);padding-left:1rem;padding-right:4rem}.casestudy-more-sec .item .tags{background-color:var(--color-yellow);max-width:max-content;color:var(--color-black);padding:.2rem;line-height:1}.casestudy-more-sec .item .title{font-size:var(--size-28);font-weight:var(--weight-Light);font-family:var(--font-noto);margin-top:.5rem;padding-right:4rem;position:relative}.casestudy-more-sec .item .title .box-arrow{opacity:0;background-size:3rem;width:3rem;height:3rem;transition:all .3s linear;position:absolute;top:-1.5rem;right:-4rem;transform:scale(.7)}.casestudy-more-sec .item .title .box-arrow .icon-arrow{font-size:1.4rem;transform:rotate(-90deg)}.casestudy-more-sec .item .image{margin:.5rem 0}.casestudy-more-sec .item .bottom span{border-top:solid .05rem var(--color-dark-grey);padding:.6rem 0}.casestudy-more-sec .item:hover .title .box-arrow{opacity:1;transform:scale(1)}@media screen and (max-width:1023px){.casestudy-more-sec .item{border:solid .05rem var(--color-dark-grey);padding:1rem}.casestudy-more-sec .item .image{margin-bottom:1rem}.casestudy-more-sec .item .title{padding-right:0;font-size:1.4rem}}