.blog-listing-module{background-color:transparent;padding:0;width:100%}.blog-listing-title-container{align-items:center;display:flex;margin-bottom:40px}.blog-listing-title-line{background-color:#ec191d;height:30px;margin-right:15px;width:4px}.blog-listing-title{color:#404040;font-family:Noto Sans JP,sans-serif;font-size:28px;font-weight:700;margin:0;text-transform:uppercase}.blog-posts-list{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:50px}.blog-no-posts{grid-column:1/-1;padding:40px 0;text-align:center}.blog-no-posts p{color:#666;font-family:Noto Sans JP,sans-serif;font-size:16px}.blog-post-card{background-color:#fff;border-radius:0;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.blog-post-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-5px)}.blog-post-image{align-items:center;background-color:#f0f0f0;display:flex;height:150px;justify-content:center;overflow:hidden;position:relative;width:100%}.blog-post-image-link{color:inherit;display:block;overflow:hidden;text-decoration:none;width:100%}.blog-post-image-link:hover .blog-post-image img{transform:scale(1.05)}.blog-post-image img{height:auto;max-height:100%;object-fit:contain;object-position:center;transition:all .3s ease;width:100%}.blog-post-card:hover .blog-post-image img{transform:none;transform:scale(1.05)}.word-icon{align-items:center;background-color:#2b579a;border-radius:4px;bottom:10px;color:#fff;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;left:10px;position:absolute;width:32px}.blog-post-content{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.blog-post-meta{align-items:center;display:flex;margin-bottom:10px}.blog-post-date{margin-right:10px}.blog-post-category,.blog-post-date{color:#666;font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:400}.blog-post-title{color:#404040;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:500;line-height:1.4;margin:0}.blog-post-content[style*=height] .blog-post-title,.blog-post-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-post-description{color:#666;display:-webkit-box;font-family:Noto Sans JP,sans-serif;font-size:12px;font-weight:400;line-height:1.5;margin-top:8px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blog-pagination{display:flex;justify-content:flex-start;margin-top:30px;padding-left:0}.blog-pagination-list{align-items:center}.blog-pagination-list,.pagination-numbers{display:flex;list-style:none;margin:0;padding:0}.blog-pagination-item{margin:0 5px}.blog-pagination-item:first-child,.pagination-numbers .blog-pagination-item:first-child{margin-left:0}.blog-pagination-link{align-items:center;background-color:transparent;border-radius:0;color:#404040;display:flex;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:500;height:32px;justify-content:center;text-decoration:none;transition:all .3s ease;width:32px}.blog-pagination-link:hover{background-color:#f0f0f0}.blog-pagination-link.active{background-color:#ec191d;color:#fff}.blog-pagination-next .blog-pagination-link,.blog-pagination-prev .blog-pagination-link{background-color:transparent;padding:0;width:32px}.pagination-ellipsis{align-items:center;color:#404040;display:flex;font-family:Noto Sans JP,sans-serif;font-size:14px;height:32px;justify-content:center;width:32px}@media (max-width:1199px){.blog-posts-list{grid-template-columns:repeat(3,1fr)}}@media (max-width:991px){.blog-posts-list{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){.blog-listing-title-container{margin-bottom:20px}.blog-listing-title-line{height:24px;width:4px}.blog-listing-title{font-size:20px}.blog-posts-list{display:block!important;grid-template-columns:1fr!important}.blog-post-card{background-color:#fff!important;border:none!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;margin-bottom:20px!important;width:100%!important}.blog-post-card:hover{box-shadow:0 5px 15px rgba(0,0,0,.1)!important;transform:translateY(-5px)!important}.blog-post-image{height:auto!important;padding-bottom:0!important}.blog-post-image img{height:auto!important;object-fit:contain!important;width:100%!important}.blog-post-content{background-color:#fff!important;padding:24px 30px!important}.blog-post-meta{margin-bottom:10px!important}.blog-post-category,.blog-post-date{color:#666!important;font-size:12px!important}.blog-post-title{font-size:14px!important;font-weight:500!important;height:auto!important;line-height:1.4!important;margin-bottom:10px!important;-webkit-line-clamp:unset!important;display:block!important;overflow:visible!important}.blog-pagination{justify-content:center!important;margin-top:20px!important}.blog-pagination-link,.pagination-ellipsis{font-size:12px!important;height:24px!important;width:24px!important}.blog-pagination-next .blog-pagination-link,.blog-pagination-prev .blog-pagination-link{height:24px!important;width:24px!important}.blog-pagination-next .blog-pagination-link svg,.blog-pagination-prev .blog-pagination-link svg{height:16px!important;width:16px!important}}