.article-index-wrapper{max-width:750px;width:100%;margin:40px auto}.article-index-list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:24px 16px}.article-index-list__item{width:calc((100% - 32px)/3);border-bottom:none;padding-bottom:0}.article-index-list__item:not(:first-of-type){margin-top:0}@media screen and (max-width: 767px){.article-index-list__item{width:calc((100% - 16px)/2)}}.article-index-list__item a{opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s}.article-index-list__item a:hover{opacity:.6}