/* 追従ナビ */
.p-index__fixed-nav {
  width: 100%;
  margin-bottom: 75px;
}

.p-index__fixed-nav-inner {
  width: 100%;
  padding: 15px 15px;
  background-color: #F0EFEF;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
}

.p-index__fixed-nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6em;
}

.p-index__fixed-nav-list a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: .5em;
  font-size: min(0.85vw, 14px);
  text-decoration: none;
  padding-left: 20px;
  color: #B61085;
}

.p-index__fixed-nav-list a:is(:hover, :focus) {
  text-decoration: underline;
  color: #B61085;
}

.p-index__fixed-nav-list li a::before{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  top: 50%;
  content: '';
  top: 0.8rem;
  left: 0;
}

.p-index__fixed-nav-list li:nth-child(-n+4) a::before {
  width: 5.66px;
  height: 5.66px;
  border-style: solid;
  border-width: 0 1.41px 1.41px 0;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg);
  border-color: #B61085;
  -webkit-transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.p-index__fixed-nav-list .p-index__fixed-nav-list-link a::before {
  width: 12px;
  height: 12px;
  background: url(../../../img/solution/support/link_arr_hoso.svg) center / 12px no-repeat;
  top: 30%;
}

.p-index__fixed-nav-list li:nth-child(-n+4) a::after {
  content: '';
  width: 8px;
  height: 1px;
  display: block;
  background: #B61085;
  position: absolute;
  left: -1px;
  top: calc(0.8rem + 5px);
}

.p-index__fixed-nav.is-fixed {
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 11;
}

@media screen and (max-width: 768px) {
  .p-index__fixed-nav {
    display: none;
  }
}

/**/