@charset "UTF-8";
/* ==============================================================================================
FOOTER
============================================================================================== */
/*変数
-------------------------------------------------------------------------*/
:root {
  /*フッター高さ*/
  --height-footer: 11rem;
  /*フッターカラー*/
  --color-footer-bg: var(--color-white);
  --color-footer-main: var(--color-black_1);
}

/*レイアウト
-------------------------------------------------------------------------*/
.l-footer {
  width: 100%;
  z-index: 10000;
  height: auto;
  background-color: var(--color-footer-bg);
}

.l-footer__inner {
  padding: 2.4rem 3.2rem;
  /*position: relative;
  top: 50%;
  transform: translateY(-50%);*/
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media screen and (max-width: 1023px) {
  .l-footer__inner {
    padding: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .l-footer__inner {
    padding: 1.6rem;
  }
}
.l-footer__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.l-footer__box.-left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.l-footer__box.-right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

/*logo
----------------------------------*/
.l-footer__logo {
  width: 9.1rem;
}

@media screen and (max-width: 767px) {
  .l-footer__logo {
    width: 6rem;
  }
}
.l-footer__logo a {
  display: block;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.l-footer__logo a:hover {
  opacity: 0.8;
}

/*コピーライト
----------------------------------*/
.l-footer__copyright {
  margin-right: 0;
}

.l-footer__copyright p {
  font-family: var(--ff-ss);
  text-align: right;
  font-size: 1.1rem;
  color: var(--color-footer-main);
  line-height: 100%;
}

@media screen and (max-width: 767px) {
  .l-footer__copyright p {
    font-size: 1rem;
  }
}