#f2f2f2
#cccccc
BORDER_AUTOMATIC
#425b76

:root{--mainColor:red;--backgroundColor:#f2f2f2}.test_css{background-color:var(--mainColor)}.blog_card{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:30px 20px}.blog_card_col2>*{width:calc(50% - 10px)}.blog_card_col3>*{border:1px solid #333;padding:10px;width:calc(33.33333% - 13.33333px)}.blog_card_col4>*{width:calc(25% - 15px)}.blog_card_img{overflow:hidden;position:relative}.blog_card_img>img{aspect-ratio:1.778/1;object-fit:cover;vertical-align:bottom;width:100%}.blog_card_body{color:#1a1a1a;padding:10px 0 0;text-decoration:none}.blog_card_head{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin-bottom:15px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px 10px}.blog_card_body>:last-child{margin-bottom:0}.blog_card_body .blog_date,.blog_card_body .blog_update{font-size:12px;font-weight:500;margin-top:10px}.blog_card_body .blog_date{display:inline-block;margin-bottom:10px;margin-top:0}.blog_card_ttl{font-size:1rem;font-weight:700;line-height:1.3;margin-bottom:5px}.blog_card_txt{font-size:14px}.blog_card a{background-color:#fff;color:currentColor;display:block;position:relative;text-decoration:none}.blog_card a:hover{opacity:.7}.blog_card_categories{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}@media screen and (max-width:1049px){.blog_card>*{width:calc(50% - 10px)}}@media screen and (max-width:767px){.blog_card>*{width:100%}.blog_card.blog_card_col2{margin-bottom:-20px}.blog_card_col3{gap:20px}.blog_card_ttl{font-size:1rem;margin-bottom:10px}.blog_card_txt{margin-top:8px!important}}