#footer-button-group {
  border-color: #fff;

  .swell-block-button__link{
    color: var(--color_text);
    background-color: var(--color_bg);
    border-color: #fff;

    &:hover{
        color: #fff;
        background-color: var(--color_main);
    }
  }
}
/* フッターウィジェットのナビメニュー */
.w-footer__box {
  .l-footer__nav {
    gap: 1em;
    padding: 1em 0 4em;

    a {
      border-right: none;
    }

    li:first-child a {
      border-left: none;
    }

    >li>a {
      font-weight: 700;
      font-size: 14px;
    }

    .sub-menu {
      margin-top: 0.25em;
      display: grid;
      gap: 0.15em;

      >li {
        margin-left: 0.75em;

        a {
          padding: 0 0.75em;
          position: relative;
          font-size: 13px;

          &::before {
            content: "";
            width: 5px;
            height: 1px;
            background-color: var(--color_footer_text);
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
          }
        }
      }
    }

    @media screen and (max-width: 767px) {
      gap: 0.5em;
      flex-direction: column;

      >li:nth-of-type(n + 2) {
        padding-bottom: 0.5em;
      }

      >li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.25);
      }

      >li>a {
        font-size: 13px;
      }

      .sub-menu {
        margin-top: 0.2em;
        gap: 0.5em;

        >li a {
          font-size: 12px;
        }
      }
    }
  }
}