@charset "UTF-8";
/**
 * ViewPort Mixin and setting rem to pixel.
 */
/** ここでデザインファイルのサイズを入力 */
/**
 * mixin
 */
/**
 * pxをvwで返す関数
 */
/** デスクトップ上でpxをvwを返す */
/** モバイル上でpxをvwを返す */
/** largeDisplay（1536px以上）でウィンドウサイズサイズに追従するための関数 */
/**
 * Colors
 */
.footer {
  color: #ff3434;
  background-color: #f6f8fc;
}
.footer .button-group__button {
  background-color: #ff3434;
  color: #fff;
}
.footer .button-group__button:hover {
  background-color: #ff3434;
}
.footer .footer-nav__link {
  color: rgba(255, 52, 52, 0.7);
}
.footer .footer-nav__link:hover {
  color: #ff3434;
}
@media (max-width: 768px) {
  .footer .footer-nav__link:hover {
    color: rgba(255, 52, 52, 0.7);
  }
}
.footer .footer-nav__section-link {
  color: #ff3434;
}
.footer__logo svg path {
  fill: #ff3434;
}
.footer__bottom-block {
  color: rgba(255, 52, 52, 0.7);
}
.footer__bottom-block-link {
  color: rgba(255, 52, 52, 0.7);
}
.footer__bottom-block-link:hover {
  color: #ff3434;
}
@media (max-width: 768px) {
  .footer__bottom-block-link:hover {
    color: rgba(255, 52, 52, 0.7);
  }
}