.block3 { margin-bottom: 5.20833%; }

@media screen and (max-width: 875px) { .block3 { margin-bottom: 40px; } }

.block3 .flexW { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-top: 4.38596%; }

.block3 .line { width: 24.12281%; }

.block3 .item { width: 24.12281%; padding: 1.75439%; background: #311E4F; color: #fff; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; transition: 0.4s all ease; -moz-transition: 0.4s all ease; -webkit-transition: 0.4s all ease; -o-transition: 0.4s all ease; -ms-transition: 0.4s all ease; }

.block3 .item:hover { background: #2F2F2F; }

.block3 .tit { font-size: 16px; color: #fff; margin-top: 10px; display: block; }

@media screen and (max-width: 600px) { .block3 .item { width: 49%; }
    .block3 .tit { font-size: 14px; }
    .block3 .flexW { margin-top: 30px; } }