.c-subfooter { position: relative; padding: 25px 20px 15px; background: #500088; color: #fff; text-align: center; font-family: var(--perform-font-sans); font-size: 12px; }
.c-subfooter a { color: #fff; }
.c-subfooter__menu, .c-subfooter__menu ul { padding: 0; margin: 0 0 15px; list-style: none; }
.c-subfooter__menu > li { display: inline; }
.c-subfooter__menu > li + li::before { content: "｜"; margin-inline: 5px; }
.c-subfooter__menu a { text-decoration: none; line-height: 1.8; }
.c-subfooter__menu a:hover, .c-subfooter__menu a:focus-visible { text-decoration: underline; }
.c-subfooter__logo { display: block; width: 200px; max-width: 100%; height: auto; margin-inline: auto; }
.c-subfooter__totop { position: absolute; right: 0; top: -50px; display: block; width: 50px; height: 50px; }
.c-subfooter__totop img { display: block; width: 100%; height: auto; }
@media (max-width: 767px) {
 .c-subfooter__menu { margin: 0 0 20px; border: 1px solid #fff; border-radius: 5px; }
 .c-subfooter__menu > li { display: block; }
 .c-subfooter__menu > li + li { border-top: 1px solid #fff; }
 .c-subfooter__menu > li + li::before { content: none; }
 .c-subfooter__menu > li > a { display: block; padding: 8px 10px; }
}

.c-subfooter__logo{filter:brightness(0) invert(1);opacity:.75}