.list[data-v-486a76e0]{margin:0 auto;max-width:1200px;padding:5vw 0;display:flex;gap:1%}@media screen and (max-width:768px){.list[data-v-486a76e0]{display:block}}.list>h2[data-v-486a76e0]{padding:4rem 0 1rem}.list .button-area[data-v-486a76e0]{display:flex;align-items:center;justify-content:center;padding:2rem 0 4rem}.article[data-v-486a76e0]{position:relative;display:block;height:100%;width:19%;text-align:left;transition:all .3s;cursor:pointer;background-color:#1d1b1b;color:#fff;box-shadow:20px 20px 0 rgba(0,0,0,.2)}@media screen and (max-width:768px){.article[data-v-486a76e0]{height:auto;width:100%;margin-bottom:1em}}.article>figure[data-v-486a76e0]{position:relative;overflow:hidden;height:10vw}.article>figure img[data-v-486a76e0]{transition:all .3s;object-fit:cover;font-family:"object-fit: cover;";width:100%}.article>figure time[data-v-486a76e0]{font-size:.8em;font-weight:700;position:absolute;left:0;bottom:0;display:block;padding:.3rem .6rem;color:#fff;background:#6e6a51}@media screen and (max-width:768px){.article>figure time[data-v-486a76e0]{display:block}}.article>figure[data-v-486a76e0]:before{transition:opacity .3s;background-color:#000;opacity:.1;top:0;right:0;bottom:0;left:0;content:" ";position:absolute}.article .body[data-v-486a76e0]{padding:.5em 1em}.article .text[data-v-486a76e0]{display:block;padding:0 0 .6rem}.article .category[data-v-486a76e0]{font-weight:700;color:#d5cc94;display:block;font-size:.8em}.article .subject[data-v-486a76e0]{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:1.2rem}.article[data-v-486a76e0]:after{content:"";display:block;clear:both}