/*Content CSS*/
#c4_wrap{overflow: hidden; padding: 100px 0; background: url('../img/c4_bg.jpg') 50% / cover no-repeat;}
.c4_inner{width: 100%; max-width: 1400px; padding: 0 50px; margin: 0 auto; text-align: center;}
.c4_inner h3{font-size: 40px; font-weight: 500; color: #fff; margin-bottom: 10px;}
.c4_inner p{font-size: 17px;color: #fff;}
.c4_list{display: flex; justify-content: center; align-items: center; margin-top: 60px;}
.c4_list li{width: calc(50% - 5px); max-width: 330px;}
.c4_list li + li{margin-left: 30px;}
.c4_list li a{display: flex; align-items: center; justify-content: space-between;; width: 100%; height: 54px; border: solid 1px #fff; font-size: 20px; color: #fff; padding: 0 30px; transition: .3s; }
.c4_list li a i{display: block; margin-left: 11px; font-style: normal; }
@media screen and (min-width:1025px) {
    .c4_inner a:hover{border-color: #3eb7c3; }
}
@media screen and (max-width:1280px) {
    #c4_wrap{padding: 100px 0;}
}

@media screen and (max-width: 1024px) {
    #c4_wrap{padding: 50px 0;}
    #c4_wrap br:not(.space){display: none;}
    .c4_inner{padding: 0 30px;}
    .c4_inner h3{font-size: 35px; margin-top: 7px;}
    .c4_inner p{font-size: 16px;}
    .c4_list{margin-top: 50px;}
    .c4_list li + li{margin-left: 15px;}
    .c4_list li a{height: 45px; font-size: 17px; padding: 0 15px;}


}

@media screen and (max-width: 640px) {
    .c4_inner{padding: 0 20px;}
    .c4_inner h3{font-size: 28px;}

    .c4_list{margin-top: 30px; display: block;}
    .c4_list li{width: 100%; max-width: 100%;}
    .c4_list li + li{margin-left: 0px; margin-top: 15px;}
    .c4_list li a{height: 40px; font-size: 16px; padding: 0 10px;}


}