.top-blog-posts{margin-top:45px;@media (min-width:768px){&{margin-right:30px;margin-top:30px}}&#top_blog_posts01{margin-top:30px}}.top-blog-posts__list{display:flex;gap:16px;margin-right:-20px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;@media (min-width:768px){&{margin-right:-50px}}@media (min-width:1050px){&{margin-right:0}}&::-webkit-scrollbar,&::-webkit-scrollbar-thumb,&::-webkit-scrollbar-track{display:none}}.top-blog-posts__list__item{flex:0 0 180px;@media (min-width:768px){&{flex:0 0 212px}}}.top-blog-posts__list__item__thumbnail{aspect-ratio:16/9;background-color:#fff;img{height:100%;object-fit:cover;transition:transform .3s;width:100%;.top-blog-posts__list__item__anchor:focus &{transform:scale(1.05)}@media (min-width:1050px){&{.top-blog-posts__list__item__anchor:hover &{transform:scale(1.05)}}}}}.top-blog-posts__list__item__date{color:#fff;display:block;font-family:var(--font-en);font-size:1.3rem;font-weight:var(--fw-normal-en);letter-spacing:.09em;margin-top:12px;@media (min-width:768px){&{font-size:1.4rem;margin-top:15px}}}.top-blog-posts__list__item__title{display:-webkit-box;line-height:1.5;margin-top:7px;transition:color .3s;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;@media (min-width:768px){&{font-size:1.6rem}}.top-blog-posts__list__item__anchor:focus &{color:var(--color-point)}@media (min-width:1050px){&{.top-blog-posts__list__item__anchor:hover &{color:var(--color-point)}}}}