.blog-index{display:flex;flex-wrap:wrap}.blog-index__post{flex:0 0 100%;padding:1.4rem 1rem}.blog-index__post--large{border-bottom:1px solid #ccc;padding:20px 0}@media screen and (max-width:767px){.blog-index__post--large{padding:15px 0}}.blog-index__post--large:first-child{border-top:1px solid #ccc}.blog-index__post-info{display:flex;margin-bottom:10px}@media screen and (min-width:768px){.blog-index__post--small{flex:0 0 50%}}@media screen and (min-width:1000px){.blog-index__post--small{flex:0 0 33.33333%}}@media screen and (min-width:768px){.blog-index__post--large{display:flex;flex:1 0 100%}}.blog-index__post-image{height:auto;max-width:100%}@media screen and (min-width:768px){.blog-index__post-image-wrapper--large{flex:1 1 48%}.blog-index__post-content--large{flex:1 1 48%;padding-left:0}.blog-index__post-content--full-width{flex:1 1 100%;padding-left:0}}.blog-index__post-timestamp{color:#666;display:block;font-family:Noto Sans JP,sans-serif;width:100px}@media screen and (max-width:767px){.blog-index__post-timestamp{font-size:15px;width:90px}}.blog-index__post-author{align-items:center;display:flex}.blog-index__post-author-image{border-radius:50%;height:auto;margin-right:.35rem;width:30px}.blog-index__post-title-link{color:#333}.blog-index__post-title-link:hover{color:#1e5d2a;text-decoration:underline}@media screen and (max-width:767px){.blog-index__post-title-link{font-size:15px}}.blog-index__post-author,.blog-index__post-image--small,.blog-index__post-tags,.blog-index__post-timestamp,.blog-index__post-title{margin:0 0 .7rem}.blog-index__post-tags{width:calc(100% - 100px)}@media screen and (max-width:767px){.blog-index__post-tags{width:calc(100% - 90px)}}.blog-index__post-tags .blog-index__post-tag{background-color:#f0f5f1;color:#358544;display:inline-block;font-size:15px;font-weight:700;line-height:1.6;margin-right:10px;min-width:120px;padding:0 10px;text-align:center}.blog-index__post-tags .blog-index__post-tag:last-child{margin-right:0}@media screen and (max-width:767px){.blog-index__post-tags .blog-index__post-tag{font-size:14px;min-width:110px}}.blog-index__post--large .blog-index__post-tags,.blog-index__post--large .blog-index__post-timestamp,.blog-index__post--large .blog-index__post-title{margin-bottom:0}