.noteArticlesList{display:flex;margin-top:40px;width:100%}.noteArticlesList>li a{display:grid;grid-auto-flow:row;gap:16px 0;color:var(--baseColor);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.noteArticlesList>li figure{border-radius:8px;border:1px solid var(--GrayColor-E5);overflow:hidden}.noteArticlesList>li figure img{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.noteArticlesList>li h3{font-weight:400;font-size:1.6rem;line-height:1.8}.noteArticlesList>li h3 span.date{color:var(--GrayColor-A2);display:block;font-weight:700;line-height:1.8;width:100%}@media(hover: hover)and (pointer: fine){.noteArticlesList>li a:hover{color:var(--GrayColor-A2)}.noteArticlesList>li a:hover figure img{transform:scale(1.1)}}@media screen and (min-width: 769px){.noteArticlesList{flex-flow:row wrap}.noteArticlesList>li{width:calc((100% - 48px*2)/3)}.noteArticlesList>li:not(:nth-of-type(3n)){margin-right:48px}.noteArticlesList>li:nth-of-type(n + 4){margin-top:40px}.noteArticlesList>li h3 .date{font-size:1.5rem}}@media screen and (max-width: 768px){.noteArticlesList{flex-flow:column nowrap}.noteArticlesList>li{width:100%}.noteArticlesList>li:not(:first-of-type){margin-top:48px}.noteArticlesList>li h3 .date{font-size:1.4rem}}.err-note{font-size:1.6rem;margin-top:40px}