.logo .mark {
  display: block;
  flex: 0 0 44px;
  width: 44px;
  height: 42px;
  overflow: hidden;
  font-size: 0;
  letter-spacing: 0;
  color: transparent;
  background: url('/assets/anchor-mark.svg') center / contain no-repeat;
}
.logo .mark > span { display: none; }
.logo strong { font-weight: 800; letter-spacing: 0; }
footer .logo .mark { flex-basis: 35px; width: 35px; height: 34px; }
.portal-home > header .logo .mark { flex-basis: 48px; width: 48px; height: 46px; }
body.about-page .about-symbol > span {
  width: 290px;
  height: 260px;
  right: 106px;
  top: 95px;
  font-size: 0;
  color: transparent;
  text-shadow: none;
  background: url('/assets/anchor-mark.svg') center / contain no-repeat;
  filter: brightness(0) invert(1);
  opacity: .62;
}
body.about-page .about-symbol > span > span { display: none; }
@media (max-width: 760px) {
  .logo .mark { flex-basis: 39px; width: 39px; height: 38px; }
  .portal-home > header .logo .mark { flex-basis: 41px; width: 41px; height: 40px; }
}