@charset "utf-8";

.nav {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.nav .item{
  font-size: 1.5rem;
  border-right: 1px solid #ccc;
  margin: .3em 0;
}
.nav .item a {
  display: block;
  padding:  0 2.5em 0 1.5em;
  position: relative;
  color: inherit;
}
.nav .item a::before {
  content: '';
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-60%)rotate(45deg);
  border-right: 2px solid #01245D;
  border-bottom: 2px solid #01245D;
  width: .4em;
  height: .4em;
}
a:hover {
  opacity: .6;
}