.app_article_list{--articleLinkIconWidth:23px;--articleLinkIconHeight:20px}.app_article_list>.content{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;margin:0 auto;width:90%;padding:var(--elementPadding) 0;max-width:var(--maxWidth)}.app_article_list>.content>*{width:100%}.app_article_list nav{margin:0 auto;max-width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount)*4 + var(--grid-colGap)*3)}.app_article_list ul{display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:flex-start}.app_article_list li{width:100%;margin-bottom:10px}.app_article_list li:last-of-type{margin-bottom:0}.app_article_list a{position:relative;display:block;max-width:100%;width:100%;padding:15px calc(20px + var(--articleLinkIconWidth) + 10px) 11px 20px;margin:0;background-color:var(--gray);border-radius:100px;line-height:1;text-align:left}.app_article_list a .title{font-size:1em;font-weight:700;color:var(--white)}.app_article_list a .icon{position:absolute;top:50%;right:10px;width:var(--articleLinkIconWidth);height:var(--articleLinkIconHeight);transform:translateY(-50%)}@media screen and (min-width:701px){.app_article_list nav{max-width:unset}.app_article_list li{margin-right:var(--grid-colGap);margin-bottom:var(--grid-colGap);width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount)*3 + var(--grid-colGap)*2)}.app_article_list li:nth-of-type(2n+2){margin-right:0}}@media screen and (min-width:1000px){.app_article_list{--articleLinkIconWidth:33px;--articleLinkIconHeight:28px}.app_article_list li{width:calc((100% - (var(--grid-colCount) - 1)*var(--grid-colGap))/ var(--grid-colCount)*4 + var(--grid-colGap)*3)}.app_article_list li:nth-of-type(2n+2){margin-right:var(--grid-colGap)}.app_article_list li:nth-of-type(3n+3){margin-right:0}.app_article_list a{padding:24px calc(18px + var(--articleLinkIconWidth) + 10px) 20px 28px}.app_article_list a .title{font-size:1.2857em}.app_article_list a .icon{right:18px}}@media screen and (min-width:1400px){.app_article_list{--articleLinkIconWidth:51px;--articleLinkIconHeight:44px}.app_article_list a{padding:37px calc(24px + var(--articleLinkIconWidth) + 10px) 32px 52px}.app_article_list a .title{font-size:1.5em}.app_article_list a .icon{right:24px}}