.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-suitcase::before { background-image: url(../img/common/icn-suitcase.png); }
.icn-pin::before { background-image: url(../img/common/icn-pin.png); }
.icn-phone::before { background-image: url(../img/common/icn-phone.png?v=2); }
.icn-phone-green::before { background-image: url(../img/icons/icn-phone-green.png?v=2); }
.icn-phone-white::before { background-image: url(../img/icons/icn-phone-white.png?v=2); }
.icn-message::before { background-image: url(../img/common/icn-message.png); }
.icn-message-gold::before { background-image: url(../img/common/icn-message-gold.png); }
.icn-message-white::before { background-image: url(../img/icons/icn-message-white.png); }
.icn-fb::before { background-image: url(../img/common/icn-fb.png); }
.icn-line::before { background-image: url(../img/common/icn-line.png); }
.icn-line-green::before { background-image: url(../img/icons/icn-line.png); }
.icn-trophy::before { background-image: url(../img/icons/icn-trophy.png); }

.icn-home::before { background-image: url(../img/common/nav-home.png); }
a:hover .icn-home::before,
.active .icn-home::before { background-image: url(../img/common/nav-home-green.png); }

.icn-company::before { background-image: url(../img/common/nav-company.png); }
a:hover .icn-company::before,
.active .icn-company::before { background-image: url(../img/common/nav-company-green.png); }

.icn-company2::before { background-image: url(../img/icons/icn-company.png); }
.icn-company2-white::before { background-image: url(../img/icons/icn-company-white.png); }

.icn-service::before { background-image: url(../img/common/nav-service.png); }
li:hover .icn-service::before,
.active .icn-service::before { background-image: url(../img/common/nav-service-green.png); }

.icn-service2::before { background-image: url(../img/icons/icn-services.png); }

.icn-seminar::before { background-image: url(../img/common/nav-seminar.png); }
a:hover .icn-seminar::before,
.active .icn-seminar::before { background-image: url(../img/common/nav-seminar-green.png); }
.icn-seminar-2::before { background-image: url(../img/icons/icn-seminar-2.png);  }

.icn-recruit::before { background-image: url(../img/common/nav-recruit.png); }
a:hover .icn-recruit::before,
.active .icn-recruit::before { background-image: url(../img/common/nav-recruit-green.png); }

.icn-access::before { background-image: url(../img/common/nav-access.png); }
a:hover .icn-access::before,
.active .icn-access::before { background-image: url(../img/common/nav-access-green.png); }

.icn-access-fill::before { background-image: url(../img/icons/icn-access-filled.png); }
.icn-access-white::before { background-image: url(../img/icons/icn-access-white.png); }

.icn-calendar::before { background-image: url(../img/icons/icn-calendar.png); }
.icn-calendar-white::before { background-image: url(../img/icons/icn-calendar-white.png); }

.icn-category-white::before { background-image: url(../img/icons/icn-category-white.png); }

.icn-bell::before { background-image: url(../img/common/nav-bell.png); }
a:hover .icn-bell::before,
.active .icn-bell::before { background-image: url(../img/common/nav-bell-green.png); }

.icn-bell2::before { background-image: url(../img/icons/icn-bell.png); }

.icn-recruit2::before { background-image: url(../img/icons/icn-recruit.png); }

.icn-teacher::before { background-image: url(../img/common/nav-teacher.png); }
a:hover .icn-teacher::before,
.active .icn-teacher::before { background-image: url(../img/common/nav-teacher-green.png); }
.icn-teacher-white::before { background-image: url(../img/icons/icn-teacher-white.png); }
.icn-teacher2::before { background-image: url(../img/icons/icn-teacher2.png); }

.icn-columns::before { background-image: url(../img/common/nav-columns.png); }
a:hover .icn-columns::before,
.active .icn-columns::before { background-image: url(../img/common/nav-columns-green.png); }
.icn-column-white::before { background-image: url(../img/icons/icn-column-white.png); }
.icn-column::before { background-image: url(../img/icons/icn-column.png); }

.icn-inheritance::before { background-image: url(../img/icons/icn-inheritance.png); }
a:hover .icn-inheritance::before,
.active .icn-inheritance::before { background-image: url(../img/icons/icn-inheritance-green.png); }

.icn-inheritance-white::before { background-image: url(../img/icons/icn-inheritance-white.png); }
.icn-inheritance2::before { background-image: url(../img/icons/icn-inheritance2.png); }

.icn-insurance-white::before { background-image: url(../img/icons/icn-insurance-white.png); }

.icn-insurance::before { background-image: url(../img/icons/icn-insurance.png); }
a:hover .icn-insurance::before,
.active .icn-insurance::before { background-image: url(../img/icons/icn-insurance-green.png); }

.icn-realestate::before { background-image: url(../img/icons/icn-realestate.png); }
a:hover .icn-realestate::before,
.active .icn-realestate::before { background-image: url(../img/icons/icn-realestate-green.png); }

.icn-realestate-white::before { background-image: url(../img/icons/icn-realestate-white.png); }
.icn-realestate2::before { background-image: url(../img/icons/icn-realestate2.png); }

.icn-reform::before { background-image: url(../img/icons/icn-reform.png); }
a:hover .icn-reform::before,
.active .icn-reform::before { background-image: url(../img/icons/icn-reform-green.png); }

.icn-reform2::before { background-image: url(../img/icons/icn-reform2.png); }
.icn-reform2-white::before { background-image: url(../img/icons/icn-reform2-white.png); }

.icn-consultant::before { background-image: url(../img/icons/icn-consultant.png); }
a:hover .icn-consultant::before,
.active .icn-consultant::before { background-image: url(../img/icons/icn-consultant-green.png); }

.icn-consultant-white::before { background-image: url(../img/icons/icn-consultant-white.png); }

.icn-magokoro::before { background-image: url(../img/icons/icn-magokoro.png); }
a:hover .icn-magokoro::before,
.active .icn-magokoro::before { background-image: url(../img/icons/icn-magokoro-green.png); }
.icn-magokoro2::before { background-image: url(../img/icons/icn-magokoro2.png); }

.icn-property-insurance::before { background-image: url(../img/icons/icn-property-insurance.png); }
.icn-life-insurance::before { background-image: url(../img/icons/icn-life-insurance.png); }

.icn-check1::before { background-image: url(../img/icons/icn-check1.png); }

.icn-shield::before { background-image: url(../img/icons/icn-shield.png); }

.icn-heart::before { background-image: url(../img/icons/icn-heart.png); }

.icn-clover::before { background-image: url(../img/icons/icn-clover.png); }

.icn-vision::before { background-image: url(../img/icons/icn-vision.png); }
.icn-president::before { background-image: url(../img/icons/icn-president.png); }
.icn-history::before { background-image: url(../img/icons/icn-history.png); }
.icn-access2::before { background-image: url(../img/icons/icn-access.png); }
.icn-access-outline::before { background-image: url(../img/icons/icn-access-outline.png); }
.icn-light::before { background-image: url(../img/icons/icn-light.png); }
.icn-event::before { background-image: url(../img/icons/icn-event.png); }
.icn-house::before { background-image: url(../img/icons/icn-house.png); }
.icn-works::before { background-image: url(../img/icons/icn-works.png); }
.icn-works2::before { padding-top: 36%; background-image: url(../img/icons/icn-works2.png); }
.icn-works-white::before { background-image: url(../img/icons/icn-works-white.png); }
.icn-area-white::before { background-image: url(../img/icons/icn-area-white.png); }

.icn-apply::before { background-image: url(../img/icons/icn-apply.png); }