@charset "UTF-8";
.u-hr {
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .u-hr {
    padding-bottom: 6vw;
  }
}

@media screen and (max-width: 767px) {
  .fixed-nav {
    display: none;
  }
}
@media screen and (min-width: 767px) {
  #contents {
    position: relative;
  }

  .fixed-nav {
    position: absolute;
    top: 200px;
    right: 30px;
    z-index: 1000;
  }
  .fixed-nav.fixed {
    position: fixed;
    top: 165px;
    /* 固定時の位置 */
  }
  .fixed-nav.bottom-fixed {
    position: absolute;
    bottom: -30px;
    /* フッター手前での固定位置 */
    top: auto;
  }
  .fixed-nav li {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }
  .fixed-nav li .nav-link {
    text-decoration: none;
    color: #8e8e8e;
    border-right: 5px solid #c9c9c9;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 20px;
    display: block;
  }
  .fixed-nav li .nav-link.active {
    font-weight: bold;
    color: #191919;
    border-color: #4551a1;
  }
}
@media screen and (min-width: 767px) and (max-width: 1170px) {
  .p-dc-wrap .content,
.p-dc__search__links > .c-listCard {
    padding-right: 70px;
  }
}