@font-face {
  font-family: 'Oswald Regular';
  src: url('/font/Oswald-Regular.ttf') format('truetype');
  font-style: normal;
}

@font-face {
  font-family: 'Oswald Bold';
  src: url('/font/Oswald-Bold.ttf') format('truetype');
  font-style: normal;
}

@-webkit-keyframes open {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes open {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.SideNav-tit {
  background-color: #f1f1ec;
  line-height: 1;
}

.SideNav-item {
  border-bottom: 1px solid #f1f1ec;
}

.SideNav-item a {
  position: relative;
  display: block;
  color: #333;
  line-height: 1;
  text-decoration: none;
}

.SideNav-item._active a {
  color: #ccc;
}


  .SideNav {
    margin: 10vw 0 0;
    padding: 0 5.33333vw 14.66667vw;
  }

  .SideNav-tit {
    padding: 3.6vw 4vw;
    font-size: 3.2vw;
  }

  .SideNav-item a {
    padding: 3.6vw 0 4vw 2.4vw;
    font-size: 3.2vw;
  }

  .SideNav-item a:after {
    position: absolute;
    right: 2.66667vw;
    top: 50%;
    content: '';
    display: block;
    height: 3.46667vw;
    width: 2vw;
    background: url('/img/arr3.png') 0 0 no-repeat;
    background-size: 2vw 3.46667vw;
    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);
  }

  .SideNav._multiple {
    margin: 0;
    padding: 0 5.33333vw;
  }

  .SideNav._multiple + ._multiple {
    margin-top: 5.33333vw;
  }