.case__title {display: flex;margin-top: 40px;gap: 20px;font-size: 16px;}
.case__title .category {padding: 8px 21px;font-weight: bold;}
.case__title .category01 {color: #004878;border: 1px solid #004878;}
.case__title .category02 {color: #fff;border: 1px solid #616161;background-color: #616161;}
.case__title .category03 {background-color: #bdbdbd;border: 1px solid #bdbdbd;}
.case__title .category04 {background-color: #e5e5e5;border: #e5e5e5 1px solid;}
.case__title .category05 {color: #28733c;border: 1px solid #28733c;}
.case__title .category06 {color: #704980;border: 1px solid #704980;}
.case__title .category07 {color: #004878;border: 1px solid #004878;}
.case__title .category07 span {color: #28733c;}
.case__title .category08 {color: #004878;border: 1px solid #004878;}
.case__title .category08 span {color: #704980;}

.step_title {display: flex;text-align: center;margin-top: 23px;position: relative;}
.step_title .step_title_txt {width: calc( 190/ 1170*100%);padding-top: 26px;color: #fff;font-weight: bold;font-weight: bold;font-size: 24px;}
.step_txt {width: calc( 980/ 1170 * 100%);background: #f5f5f5;padding: 26px 60px 44px 40px;}
.step_title.task {background-color: #616161;margin-top: 50px;}
.step_title.task::before {position: absolute;content: "";background-image: url(../img//title_bg_01.png);width: calc(78 /190 *100% );height: 88px;background-repeat: no-repeat;bottom: 0;justify-self: 0;background-size: contain;}
.step_title.corresp {background-color: #004878;}
.step_title.corresp::before {position: absolute;content: "";background-image: url(../img//title_bg_02.png);width: calc(80 /190 *100% );height: 116px;background-repeat: no-repeat;bottom: 0;justify-self: 0;background-size: contain;}
.step_title.effect {background: linear-gradient(165deg, rgba(33,90,143,1) 0%, rgba(48,153,221,1) 100%);}
.step_title.effect::before {position: absolute;content: "";background-image: url(../img//title_bg_03.png);width: calc(60 /190 *100% );height: 60px;background-repeat: no-repeat;bottom: 0;justify-self: 0;background-size: contain;}



.arrow_down {text-align: center;margin-top: 30px;}
@media screen and (max-width:1200px){
.c-mainVisual__background>img {object-position: 88% 100%;}
}

@media screen and (max-width:765px){
.step_title .step_title_txt {width: calc( 162/ 720 *100%);}
.step_title.task::before {height: 45px;}
.step_title.corresp::before {height: 55px;}
.step_title.effect::before {height: 30px;}
.c-mainVisual__background>img {object-position: 73% 100%;}
}