/* 背景ブロックの連続をここで終え、サイト共通の案内領域として見せる */
#footer {
  position: relative;
  background: #303d36 !important;
  color: #e9eee9 !important;
}
#footer::before {
  content: "";
  display: block;
  height: 5px;
  background: #8ec31f;
}
#footer .footer-inner {
  padding-top: 54px !important;
  padding-bottom: 28px !important;
}
#footer .rks-footer-brand {
  margin: 0 0 24px;
  color: #f4f7f2;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.3;
}
#footer .rks-footer-brand a { color: inherit !important; text-decoration: none; }
#footer .footer-widget-title {
  color: #b9cfb1 !important;
  font-size: 14px !important;
  font-weight: 700;
  letter-spacing: .06em;
}
#footer .footer-inner .widget { padding-top: 12px !important; padding-bottom: 12px !important; }
#footer .widget li a { color: #e9eee9 !important; text-decoration: none; }
#footer .widget li a:hover,
#footer .widget li a:focus-visible,
#footer .rks-footer-brand a:hover,
#footer .rks-footer-brand a:focus-visible {
  color: #c9eb80 !important;
  text-decoration: underline;
  text-underline-offset: 4px;
}
#footer .social-button { color: #d7e5d6 !important; }
#footer .social-button a { color: inherit !important; }
#footer .social-button a:hover,
#footer .social-button a:focus-visible { color: #c9eb80 !important; }
#footer #copyright {
  background: #303d36 !important;
  border: 0 !important;
  color: #c2cdc3 !important;
}
#footer #copyright a,
#footer #copyright a:link,
#footer #copyright a:visited { background: transparent !important; color: #c2cdc3 !important; }
#footer #copyright a:hover,
#footer #copyright a:focus-visible { background: transparent !important; color: #e9eee9 !important; }
@media (max-width: 767px) {
  #footer .footer-inner { padding-top: 38px !important; padding-bottom: 18px !important; }
  #footer .rks-footer-brand { margin-bottom: 16px; font-size: 26px; }
}