.blog-banner{align-items:center;background-color:#1c9100;display:flex;justify-content:space-between;padding:20px 30px 20px 20px}.blog-banner .img{width:50.7%}.blog-banner .text{width:44.8%}.blog-banner .text .ttl{color:#fff;font-size:1.438rem;font-weight:700;line-height:1.5;margin-bottom:15px}.blog-banner .text p{margin-bottom:0}.blog-banner .text p a{border:1px solid #fff;color:#fff;display:block;font-weight:500;max-width:278px;padding:18px 10px;text-align:center;text-decoration:none}.blog-banner .text p a span{background:url(https://20502561.fs1.hubspotusercontent-na1.net/hubfs/20502561/corporate2024/common/arrow-white.svg) no-repeat 0;background-size:6.26px 12.52px;display:inline-block;padding-left:15px}.blog-banner .text p a:hover{background-color:#1a8400}.blog-banner.blog-banner_brown{background-color:#ba6502}.blog-banner.blog-banner_brown .text p a:hover{background-color:#a05702}.blog-banner.blog-banner_purple{background-color:#a8008f}.blog-banner.blog-banner_purple .text p a:hover{background-color:#91017c}@media screen and (max-width:767px){.blog-banner{display:block;padding:20px 15px}.blog-banner .img{margin-bottom:20px;width:100%}.blog-banner .text{text-align:center;width:100%}.blog-banner .text .ttl{font-size:1.25rem;margin-bottom:10px}.blog-banner .text p a{margin:0 auto;max-width:244px}}