#f2f2f2
#cccccc
BORDER_AUTOMATIC
#425b76

:root{--mainColor:red;--backgroundColor:#f2f2f2}.test_css{background-color:var(--mainColor)}.casestudy{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:60px}@media screen and (max-width:767px){.casestudy{flex-flow:column;gap:20px}}.casestudy_logo{flex:1;text-align:center}.casestudy_txt{border-left:1px solid #e60012;flex:2.51;padding-left:35px}@media screen and (max-width:767px){.casestudy_txt{padding-left:0;width:100%}}.casestudy_txt:first-child{border:none;padding-left:0}.casestudy_ttl{font-size:1.25rem;font-weight:700;margin-bottom:30px}@media screen and (max-width:767px){.casestudy_ttl{font-size:1rem;margin-bottom:20px}}.casestudy_list>*{display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px;margin-bottom:20px}.casestudy_list>:last-child{margin-bottom:0}.casestudy_list_ttl{font-weight:700;width:150px}.casestudy_list_txt{width:calc(100% - 180px)}@media screen and (max-width:767px){.casestudy_list>*{flex-flow:column;gap:10px}.casestudy_list_ttl,.casestudy_list_txt{width:100%}}