/*! usecase */
.cat-list{display: flex;}
.cat-list li{width: 116px;text-align: center;padding: 9px 10px 10px;color: #fff;font-size: 16px;}
.cat-list li.assessment{background-color: #004990;}
.cat-list li.si{background-color: #187D73;}
.cat-list li.soc{background-color: #824C67;}
.cat-list li + li{margin-left: 20px;}
.step-title {display: flex;position: relative;}
.step-title .step-title_txt {width: calc( 190/ 1170*100%);color: #fff;font-size: 24px;text-align:center;padding-top: 30px; }
.step-title .step-txt {width: calc( 980/ 1170 * 100%);background: #f5f5f5;padding: 35px 25px 35px 40px;font-size: 16px;}
.step-title.corresp .step-txt{padding: 30px 25px 30px 30px;}
.step-title.effect .step-txt {padding: 31px 25px 31px 30px;}
#section03 .step-title.corresp .step-txt {padding: 35px 25px 35px 30px;}
.step-title .step-txt .c-list--bullet .c-list__item:before{width: 8px;height: 8px}
.step-title.task {background-color: #616161;margin-top: 30px;}
.step-title.task::before {position: absolute;content: "";background-image: url(../img/usecase/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/usecase/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/usecase/title_bg_03.png);width: calc(60 /190 *100% );height: 60px;background-repeat: no-repeat;bottom: 0;justify-self: 0;background-size: contain;}
.icon-arw {position: relative;transform: rotate(180deg);position: relative;transform: rotate(180deg);width: 128px;margin: 30px auto;border-bottom: 48px solid #004878;border-left: 64px solid transparent;border-right: 64px solid transparent;}
.related-service{background-color: #F5F5F5;padding: 40px 40px;}
.related-service .title-bdr{padding-bottom: 15px;border-bottom: 1px solid #F50F10;}
.caption-col__right{display: flex;justify-content: flex-end;}
.caption-col__right .c-img__caption+.c-img__caption{margin-left: 20px;} 

@media only screen and (max-width:767px){
    .step-title .step-title_txt {width: calc( 162/ 720 *100%);}
    .step-title .step-txt{padding: 28px 25px 28px 25px;}
    .step-title.corresp .step-txt, 
    .step-title.effect .step-txt,
     #section03 .step-title.corresp .step-txt{padding: 28px 20px 28px 20px;}
    .step-title.task::before {height: 45px;}
    .step-title.corresp::before {height: 55px;}
    .step-title.effect::before {height: 30px;}
    .icon-arw {width: 50px;margin: 20px auto;border-bottom: 20px solid #004878;border-left: 28px solid transparent;border-right: 28px solid transparent;}
    .related-service {padding: 23px 20px 23px;}
    .caption-col__right{display: block;}
    .caption-col__right .c-img__caption+.c-img__caption{margin-left: 0;}
}