.oe-link {
  display: flex;
  align-items: center;
  background-color: #F2F2F2;
  max-width: 992px;
  margin: 120px auto 80px;
  padding: 16px;
}
.oe-link .oe-link__title {
  flex-shrink: 0;
  font-weight: bold;
  line-height: 1.8;
}
.oe-link .oe-link__list {
  display: flex;
  flex-wrap: wrap;
}
.oe-link .oe-link__list .oe-link__item {
  padding-left: 24px;
  line-height: 1.8;
  position: relative;
}
.oe-link .oe-link__list .oe-link__item a {
  color: #333;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  height: 100%;
}
.oe-link .oe-link__list .oe-link__item a:hover {
  text-decoration: underline;
}

@media screen and (min-width: 980px) {
  .oe-link .oe-link__list .oe-link__item::after {
    content: "";
    display: inline-block;
    width: 1px;
    height: 18px;
    background-color: #DDDDDD;
    position: absolute;
    top: 3px;
    right: -12px;
  }
  .oe-link .oe-link__list .oe-link__item:last-child::after {
    display: none;
  }
}
@media screen and (max-width: 979px) {
  .oe-link {
    display: block;
    margin: 70px 24px;
    padding: 0;
  }
  .oe-link .oe-link__title {
    font-size: 16px;
    line-height: 56px;
    padding: 16px;
    position: relative;
    cursor: pointer;
  }
  .oe-link .oe-link__title::after {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url(/oe/images/oe-link_icon_open.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
  }
  .oe-link .oe-link__title.is-active::after {
    background-image: url(/oe/images/oe-link_icon_close.svg);
  }
  .oe-link .oe-link__list {
    display: none;
  }
  
  .oe-link .oe-link__list .oe-link__item {
    height: 33px;
    line-height: 33px;
    padding: 0 0 0 16px;
  }
  .oe-link .oe-link__list .oe-link__item::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 14px;
    background-image: url(/oe/images/oe-link_icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%);
  }
}