#wrapper>.bc:last-of-type{
  border-top:1px solid #eee;
  position:absolute;
  width:100%;
  z-index:1;
}
.bc>ol{
  list-style:none;
  display:flex
}
.bc>ol>li{font-size: 14px}
.bc>ol>li:not(:last-child)::after{
  padding:0 16px;
  content:"";
  background: center / contain no-repeat url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="%23000000" d="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z" /></svg>');
  padding-right:20px;
}
.bc a{
  text-decoration:none;
  color:#333;
}

@media screen and (min-width:768px) {
  #wrapper>.bc:first-of-type{
    margin-bottom:24px;
    border-bottom:1px solid #eee
  }
  #wrapper>.bc:last-of-type{bottom:87px} /* footer上に配置 */
  .bc>ol{
    margin:0 auto;
    padding:8px 16px;
    max-width:1200px;
  }
}

@media screen and (max-width:767px){
  #wrapper>.bc:first-of-type{padding-top:56px}
  #wrapper>.bc:last-of-type{
    width:100%;
    bottom:127px; /* footer上に配置 */
    }
  .bc>ol{
    margin: 0 auto;
    padding:8px 0;
    width: 94%
  }
}