.blog-index{display:flex;flex-wrap:wrap}.blog-index .blog-index__post{display:flex;flex-direction:column;height:auto;margin:0 32px 40px 0;text-decoration:none;width:calc(50% - 16px)}.blog-index .blog-index__post:nth-child(2n){margin-right:0}.blog-index .blog-index__post .blog-item{text-decoration:none}.blog-index .blog-index__post .img{margin-bottom:20px;overflow:hidden}.blog-index .blog-index__post .img .img-item{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;transition:all .5s ease-out 0s}.blog-index .blog-index__post .img .img-item:before{content:"";display:block;padding-top:52.2727272727%;width:100%}.blog-index .blog-index__post .blogttl{color:#333;flex-grow:1;font-size:1.125rem;font-weight:700;line-height:1.5;margin-bottom:0}.blog-index .blog-index__post .blogdate{color:#333;font-size:.875rem;font-weight:500;margin-bottom:0;margin-top:10px}.blog-index .blog-index__post .blogtag{display:flex;margin:10px 0 0;padding:0}.blog-index .blog-index__post .blogtag li{background-color:#f1f1f1;border:1px solid #0068b2;color:#0068b2;font-size:.688rem;list-style:none;margin-left:5px;min-width:76px;padding:2px 10px;text-align:center}.blog-index .blog-index__post .blogtag li:first-child{margin-left:0}.blog-index .blog-index__post .blog-item:hover .img .img-item{transform:scale(1.2)}.blog-index .blog-index__post .blog-item:hover .blogttl{color:#333;text-decoration:underline}@media screen and (max-width:767px){.blog-index{display:block}.blog-index .blog-index__post{display:block;margin:0 0 30px;width:100%}}