.blog-post__index{background:#f6f6f6;margin:40px 0;padding:22px 20px}.blog-post__index-title{color:#cf2a00;font-size:1.4rem;font-weight:700;letter-spacing:.05em;margin:0 0 12px}.blog-post__index ul{list-style-type:none;margin:0;padding:0}.blog-post__index ul li{border-top:1px solid rgba(0,0,0,.1);font-size:1.4rem;line-height:1.6;padding:8px 0 8px 16px;position:relative}.blog-post__index ul li:last-child{border-bottom:1px solid rgba(0,0,0,.1)}.blog-post__index ul li:before{background:#cf2a00;border-radius:50%;content:"";display:block;height:8px;left:0;position:absolute;top:16px;width:8px}.blog-post__index ul li a:not(.c-btn){color:#212121;text-decoration:none;transition:color .3s}.blog-post__index ul li a:hover{color:#cf2a00}@media screen and (min-width:768px){.blog-post__index{margin:80px 0;padding:32px}.blog-post__index-title{font-size:1.6rem}.blog-post__index ul li{font-size:1.6rem;padding:12px 0 12px 24px}.blog-post__index ul li:before{top:20px}}