.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(33.3333% - 21.33px)}.blog-index .blog-index__post:nth-child(3n){margin-right:0}.blog-index .blog-index__post .blog-item{display:flex;flex-direction:column;flex-grow:1;height:auto;text-decoration:none}.blog-index .blog-index__post .img{border:1px solid #cecece;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.84%;width:100%}.blog-index .blog-index__post .blogttl{color:#333;font-size:1.125rem;font-weight:700;line-height:1.5;margin-bottom:0}.blog-index .blog-index__post .blogsummary{color:#333;flex-grow:1;margin-top:10px}.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 .blogbtn{background-color:#0068b2;margin:15px 0 0;text-align:center}.blog-index .blog-index__post .blogbtn span{background:url(https://20502561.fs1.hubspotusercontent-na1.net/hubfs/20502561/corporate2024/common/arrow-white.svg) no-repeat 0;background-size:5px 10px;color:#fff;display:inline-block;font-size:.813rem;font-weight:700;padding:8px 0 8px 15px}.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}.blog-index .blog-index__post .blog-item:hover .blogbtn{background-color:#004ca7}@media screen and (max-width:767px){.blog-index{display:block}.blog-index .blog-index__post{display:block;margin:0 0 30px;width:100%}}