.article-list-wrapper{max-width:1240px;width:100%;justify-content:center;padding-top:20px;margin:clamp(100px,13vh,150px) auto 50px}@media(max-width:500px){.article-list-wrapper{padding:0 10px}}.article-list-wrapper .article-list{display:grid;grid-template-columns:repeat(3,1fr);flex-direction:row;width:100%;height:auto;justify-content:space-between;align-items:stretch;grid-gap:10px;gap:10px}@media(max-width:500px){.article-list-wrapper .article-list{display:flex;flex-direction:column;gap:30px}}.article-list-wrapper .article-list .article-unit{display:flex;flex-direction:column;align-items:stretch;border-radius:10px;background-color:#fff;height:auto;overflow-wrap:break-word;justify-content:space-between;flex-grow:1}.article-list-wrapper .article-list .article-unit .upper-article-unit{width:100%;height:200px;background-size:cover;background-position:50%;border-radius:10px 10px 0 0;overflow:hidden}.article-list-wrapper .article-list .article-unit .lower-article-unit{display:flex;flex-direction:column;align-items:stretch;gap:20px;width:100%;height:auto;min-height:221px;background-color:#fff;border-radius:0 0 10px 10px;padding:25px;box-shadow:0 10px 10px rgba(0,0,0,.08);justify-content:space-between;flex-grow:1}@media(max-width:500px){.article-list-wrapper .article-list .article-unit .lower-article-unit{min-height:0}}.article-list-wrapper .article-list .article-unit .lower-article-unit .middle-article-unit{display:flex;flex-direction:column;gap:10px;align-items:stretch;flex-grow:1}.article-list-wrapper .article-list .article-unit .lower-article-unit .middle-article-unit h2{font-size:var(--article-list-title);line-height:1.3em;letter-spacing:1px}.article-list-wrapper .article-list .article-unit .lower-article-unit .middle-article-unit p{font-size:var(--article-list-category)}.article-list-wrapper .article-list .article-unit .lower-article-unit .bottom-article-unit{display:flex;justify-content:space-between;align-items:center}.article-list-wrapper .article-list .article-unit .lower-article-unit .bottom-article-unit p{font-size:var(--article-list-category)}.article-list-wrapper .article-list .article-unit .lower-article-unit .bottom-article-unit .author-image{width:45px;height:45px;border-radius:90%;background-size:cover;background-position:50%}.article-list-wrapper .pagenation{display:flex;justify-content:center;margin-top:40px}.article-list-wrapper .pagenation a{color:var(--REONA);font-weight:700;text-decoration:underline;text-underline-offset:4px}