#f2f2f2
#cccccc
BORDER_AUTOMATIC
#425b76

:root{--mainColor:red;--backgroundColor:#f2f2f2}.test_css{background-color:var(--mainColor)}.case{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;gap:25px 20px}.case_item{background-color:#fff;box-shadow:0 2px 15px 0 rgba(0,0,0,.08);display:block;padding:10px;position:relative}a.case_item{color:#1a1a1a;text-decoration:none;transition:.3s}a.case_item:hover{opacity:.7}.case_img{width:100%}.case_img img{aspect-ratio:1/.751;object-fit:cover;object-position:center;width:100%}.case_body{margin-top:20px}.case_ttl{font-size:1rem;font-weight:700;margin-bottom:10px}.case_company_ttl{font-size:26px}.case_col2{gap:50px}.case_col2>*{width:calc(50% - 25px)}.case_col3{gap:20px}.case_col3>*{width:calc(33.333% - 13.33333px)}.case_col4>*{width:calc(25% - 15px)}@media screen and (max-width:1049px){.case_col4>*{width:calc(33.333% - 13.33333px)}}@media screen and (max-width:767px){.case_col2,.case_col3,.case_col4{flex-flow:column;gap:15px}.case_col2>*,.case_col3>*,.case_col4>*{width:100%}}.card_img{overflow:hidden;padding-top:56.5%;position:relative}.card_img>img{position:absolute;top:50%;transform:translateY(-50%);width:100%}.card_body{margin-top:10px}.card_ttl{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:15px;margin-top:20px}.case_company_ttl{font-size:20px}.case_company{margin-top:30px;text-align:center}.case_txt{color:#e60012;font-size:.75rem;font-weight:700;line-height:1.8;margin-top:15px;word-break:break-all}.case_search input{display:none}.case_search_list{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px}.case_search_list:not(:last-child){margin-bottom:40px}.case_search_list_ttl{font-size:1.25rem;font-weight:700;width:200px}.case_search_list_cnt{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;font-size:.875rem;gap:20px 40px;width:calc(100% - 240px)}@media screen and (max-width:1049px){.case_search_list_ttl{width:150px}.case_search_list_cnt{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;font-size:.875rem;gap:20px 40px;width:calc(100% - 190px)}}.case_search_list_cnt.half .case_search_check{width:calc(50% - 20px)}@media screen and (max-width:767px){.case_search_list{flex-flow:column;gap:15px}.case_search_list_cnt.half .case_search_check,.case_search_list_ttl{width:100%}.case_search_list_cnt{gap:10px 20px;width:100%}}.js_target{display:none}.js_target.js_selected{display:block}.case_search_check label{cursor:pointer;display:inline-block;padding-left:25px;position:relative}.case_search_check label .case_search_checkbox{border:2px solid #ddd;border-radius:4px;display:inline-block;height:20px;left:0;margin-right:8px;position:absolute;top:1px;width:20px}.case_search_check label .case_search_checkbox:after{border-bottom:3px solid #e60012;border-right:3px solid #e60012;content:"";display:block;height:13px;left:7px;opacity:0;position:absolute;top:-4px;transform:rotate(45deg);transition:.3s;transition-timing-function:ease-in;width:8px}.case_search_check input[type=checkbox]:checked+label .case_search_checkbox:after{opacity:1}.case_search_check{display:inline-block}.case_search_check:last-child{margin-right:0}