.icn-wrap { display: flex; align-items: center; }
.icon { width: 22px; position: relative; display: inline-block; vertical-align: middle; }
.icon::before { width: 100%; padding-top: 100%; background-size: 100% auto; background-position: center center; background-repeat: no-repeat; display: block; content: '';  }


.icn-company-white::before { background-image: url(../../img/recruit/icons/icn-company-white.png); }
.icn-company-gold::before { background-image: url(../../img/recruit/icons/icn-company-gold.png); }
.icn-entry-white::before { background-image: url(../../img/recruit/icons/icn-entry-white.png); }
.icn-entry-green::before { background-image: url(../../img/recruit/icons/icn-entry-green.png); }
.icn-appeal::before { background-image: url(../../img/recruit/icons/icn-appeal.png); }
.icn-interview::before { background-image: url(../../img/recruit/icons/icn-interview.png); }
.icn-flow::before { background-image: url(../../img/recruit/icons/icn-flow.png); }
.icn-recruit::before { background-image: url(../../img/recruit/icons/icn-recruit.png); }
.icn-q::before { background-image: url(../../img/recruit/icons/icn-q.png); }
.icn-services::before { background-image: url(../../img/recruit/icons/icn-services.png); }