.work-list[data-v-d7675af6]{list-style-type:none;margin:auto;max-width:1280px;width:calc(100% - 48px)}@media screen and (min-width:768px){.work-list[data-v-d7675af6]{-moz-column-gap:24px;column-gap:24px;display:flex;flex-flow:wrap;justify-content:space-between}}.work-list .item[data-v-d7675af6]{display:block;margin-bottom:24px;position:relative}.work-list .item[data-v-d7675af6]:last-child{margin-bottom:0}@media screen and (min-width:768px){.work-list .item[data-v-d7675af6]{width:calc(50% - 12px)}}.work-list .link[data-v-d7675af6]:after{background-color:#fff;content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .5s;width:100%}.work-list .link[data-v-d7675af6]:hover:after{opacity:.2}.work-list .image[data-v-d7675af6]{display:block;width:100%}.work-list .dummy-image[data-v-d7675af6]{background:#ccc;height:0;padding-top:52.5641025641%;width:100%}.work-list .recommended[data-v-d7675af6]{border:1px solid #f40;border-radius:4px;color:#f40;display:block;font-size:1.2rem;font-weight:700;left:8px;padding:6px 8px;position:absolute;text-decoration:none;top:8px}