.sub h3 {
    font-size:20px;
    font-weight:900;
    color:#001684;
    border-top:1px solid #001684;
    padding-top:8px;
    padding-bottom:20px;
}



.sub h3  span {

    border-top:5px solid #001684;
    padding-top:8px;

}

.sub .sub_2 {
    display:inline-block;
    width:100%;
    margin-bottom:30px;
}

.sub .sub_2 ul li {
    float:left;
    width:30%;
    height:200px;
    display:inline-block;
    margin:5px 20px 10px 0 ;
    position:relative;
    text-align:justify;
    line-height:2em;
    font-size:14px;
    font-weight:800;
    color:#0046a3;
    padding:7px 12px; 
}

.sub .sub_2 ul li:after {
    display:inline-block;
    content:'';
    border-color: #0046a3 transparent;
    border-width: 12px 8px 0px 8px;
    border-style:solid;    
    position:absolute;
    right:-8.7%;
    margin-left:-6px;
    top:50%;
    transform :rotate(-90deg);
}
.sub .sub_2 ul li.last:after{
    display:none;

}


.sub .sub_2 ul li.a_1 {
    border:3px solid #c2c9ff;
}


.sub .sub_2 ul li.b_1 {
    border:3px solid #8e9bff;
}

.sub .sub_2 ul li.last {
    border:3px solid #5065ff;
}

.sub .sub_2 h4 {
    font-size:17px;
    padding-bottom:10px;
    font-weight:800;
    color:#0046a3;
    text-align:center;

}


/* s_pc */
@media screen and (min-width:991px) and (max-width:1199px){
    .sub .sub_2 ul li {
        height:230px;
    }

    .sub .sub_2 ul li:after {
        display:inline-block;
        content:'';
        border-color: #0046a3 transparent;
        border-width: 12px 8px 0px 8px;
        border-style:solid;    
        position:absolute;
        right:-10.7%;
        margin-left:-6px;
        top:50%;
        transform :rotate(-90deg);
    }
}


/* tablet */
@media screen and (min-width:769px) and (max-width:991px){
    .sub .sub_2 ul li {
        height:230px;
    }

    .sub .sub_2 ul li:after {
        display:inline-block;
        content:'';
        border-color: #0046a3 transparent;
        border-width: 12px 8px 0px 8px;
        border-style:solid;    
        position:absolute;
        right:-10.7%;
        margin-left:-6px;
        top:50%;
        transform :rotate(-90deg);
    }
}

/* mobile */
@media screen and (max-width:768px){
    .sub .sub_2 ul li {
        width:100%;
        float:none;
        height:inherit;
        text-align:center;
    }

    .sub .sub_2 ul li:after {
        display:inline-block;
        content:'';
        border-color: #0046a3 transparent;
        border-width: 12px 8px 0px 8px;
        border-style:solid;
        position:absolute;
        left:50%;
        margin-left:-6px;
        bottom:-17px;
        transform :rotate(0);
        top:auto;
        right:auto;
    }
}