.has-icon {
	position: relative;
	padding-left: 1rem;
}

.has-icon::before {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 1rem;
	content: '';
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: .75rem auto;
}

.icon-patent::before {
	background-image: url(../img/icon/patent.png);
}

.icon-knowhow::before {
	background-image: url(../img/icon/knowhow.png);
}

.icon-reg::before {
	background-image: url(../img/icon/reg.png);
}

.icon-copy::before {
	background-image: url(../img/icon/copy.png);
}

.icon-design::before {
	background-image: url(../img/icon/design.png);
}

.icon-training::before {
	background-image: url(../img/icon/training.png);
}

.icon-web::before {
	background-image: url(../img/icon/web.png);
}

.icon-app::before {
	background-image: url(../img/icon/app.png);
}

.icon-software::before {
	background-image: url(../img/icon/software.png);
}

.icon-digital::before {
	background-image: url(../img/icon/digital.png);
}

.icon-ai::before {
	background-image: url(../img/icon/ai.png);
}

.icon-finance::before {
	background-image: url(../img/icon/finance.png);
}

.icon-blockchain::before {
	background-image: url(../img/icon/blockchain.png);
}

.icon-iot::before {
	background-image: url(../img/icon/iot.png);
}

.icon-3d::before {
	background-image: url(../img/icon/3d.png);
}

.icon-franchise::before {
	background-image: url(../img/icon/franchise.png);
}

.icon-brand::before {
	background-image: url(../img/icon/brand.png);
}

.icon-character::before {
	background-image: url(../img/icon/character.png);
}

.icon-transfer::before {
	background-image: url(../img/icon/transfer.png);
}


.pr-div {
    font-size: 25px;
    position: relative;
    width: 100%;
    padding-top: 80%;
    box-shadow: 5px 5px 5px grey;
    border: 2px solid #ccc;
}

.pr-div span {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    text-align: center;
    padding-top: 30%;
    color: grey;
}