.indexTemplate05 { text-align: center; margin-bottom: 5.20833%; }

.indexTemplate05 .pubBtn { margin-top: 6%; }

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

.indexTemplate05 .desc { font-size: 16px; color: #4b4b4b; max-width: 575px; margin: 1.75439% auto 0; line-height: 1.2; }

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

.indexTemplate05 .item { width: 24%; }

.indexTemplate05 .item:hover .imgW { box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); }

.indexTemplate05 .imgW { display: block; border-radius: 10px; overflow: hidden; }

.indexTemplate05 .tit { display: block; color: #222; font-size: 18px; margin-top: 10px; }

.indexTemplate05 .more { display: inline-block; font-size: 12px; text-transform: uppercase; color: #3197E4; margin-top: 10px; }

.indexTemplate05 .more:before { content: ""; width: 16px; height: 1px; background: #3197E4; display: inline-block; vertical-align: middle; margin-right: 10px; }

.indexTemplate05 .more:hover:before { width: 26px; }

@media screen and (max-width: 875px) { .indexTemplate05 .desc { font-size: 18px; }
    .indexTemplate05 .tit { font-size: 16px; } }

@media screen and (max-width: 500px) { .indexTemplate05 .flexW { flex-wrap: wrap; }
    .indexTemplate05 .item { width: 100%; max-width: 400px; margin: 0 auto 30px; } }