.blog-index .blog-item{align-items:flex-start;color:#333;display:flex;justify-content:space-between;margin-bottom:60px;text-decoration:none}.blog-index .blog-item .img{border-radius:10px;height:100%;overflow:hidden;position:relative;width:45%}.blog-index .blog-item .img .img-item{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;transition:all .5s ease-out 0s}.blog-index .blog-item .img .img-item:before{content:"";display:block;padding-top:64.2361%;width:100%}.blog-index .blog-item .img .flag01{background:url(https://20245706.fs1.hubspotusercontent-na1.net/hubfs/20245706/iijan/kokushokokusan/home/icn_preparation.svg) no-repeat 0 0;background-size:cover;height:100%;left:0;margin:0;position:absolute;text-indent:-999999px;top:0;width:100%}.blog-index .blog-item .img .flag02{align-items:center;background-color:rgba(51,51,51,.5);color:#fff;display:flex;font-size:1.813rem;font-weight:700;height:100%;justify-content:center;left:0;letter-spacing:.1em;margin:0;position:absolute;top:0;width:100%}.blog-index .blog-item .txt{width:51.25%}.blog-index .blog-item .txt .blogttl{font-size:1.5rem;font-weight:700;line-height:1.5;margin-bottom:15px}.blog-index .blog-item .txt .blogtag{display:flex;list-style:none;margin:0 0 10px;padding:0}.blog-index .blog-item .txt .blogtag li{background-color:#fff;border:1px solid #ff6e03;border-radius:9999px;color:#ff6e03;font-size:.75rem;font-weight:500;line-height:1.2;margin-right:5px;padding:5px 7px}.blog-index .blog-item .txt .blogtag li:last-child{margin-right:0}.blog-index .blog-item .txt .eventday{font-size:1rem;font-weight:500;line-height:1.18;margin:0 0 10px}.blog-index .blog-item .txt .blogdesc{font-size:.875rem;line-height:1.3;margin:0 0 20px}.blog-index .blog-item .txt .blogmore{background:url(https://20245706.fs1.hubspotusercontent-na1.net/hubfs/20245706/iijan/kokushokokusan/common/arrow_more.svg) no-repeat 100%;background-size:6.828 11.657px;margin:0;padding-right:15px;text-align:right}.blog-index .blog-item:hover .img .img-item{transform:scale(1.2)}.blog-index .blog-item:hover .txt .blogttl{color:#ff6e03}@media screen and (max-width:767px){.blog-index .blog-item{display:block;margin-bottom:40px}.blog-index .blog-item .img{margin-bottom:15px;width:100%}.blog-index .blog-item .txt{width:100%}.blog-index .blog-item .txt .blogttl{font-size:1.125rem}.blog-index .blog-item .txt .blogmore,.blog-index .blog-item .txt .eventday{font-size:.875rem}}