@charset "utf-8";

.footer {
  margin-top: auto;
}

.footer::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 400/70;
  background: top left / 110px auto repeat url('../images/common/bg_orange.png');
  clip-path: url(#footer-wave-clip);
}


.footer__inner {
  position: relative;
  margin-top: -1px;
  padding-inline: var(--gutter-x);
  padding-bottom: 3.5rem;
  background: top left / 110px auto repeat url('../images/common/bg_orange.png');
}


.footer-nav__list {
  display: grid;
  gap: 0.875rem;
}


.footer-nav__link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.6;
}

.footer-nav__link::before {
  content: "";
  display: block;
  width: 1.375rem;
  aspect-ratio: 1/1;
}

.footer-nav__link--contact::before {
  background: center / contain no-repeat url('../images/common/icon_mail.svg');
}

.footer-nav__link--term::before {
  background: center / contain no-repeat url('../images/common/icon_document.svg');
}

.footer-nav__link--privacy::before {
  background: center / contain no-repeat url('../images/common/icon_policy.svg');
}

.footer-nav__link--login::before {
  background: center / contain no-repeat url('../images/common/icon_login.svg');
}

.footer-info {
  display: grid;
  gap: 0.5rem;
  margin-top: 3rem;
  line-height: 1.6;
}

.footer-management {
  font-weight: 500;
  font-size: 0.875rem;
}

.footer-address {
  font-size: 0.75rem;
}

.footer-copyright {
  font-size: 0.6875rem;
}

.footer-line-icon {
  position: absolute;
  top: -0.5rem;
  right: 1.5rem;
  width: 10.375rem;
  animation: rumble 4s linear infinite .8s;
}

/* side area footer */

.side-area-footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-inline: var(--gutter-x);
  padding-bottom: var(--gutter-y);
}

.side-area-footer-nav__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
}


.side-area-footer-nav__link {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.6;
}

.side-area-footer-nav__link::before {
  content: "";
  display: block;
  width: 1.375rem;
  aspect-ratio: 1/1;
}

.side-area-footer-nav__link--contact::before {
  background: center / contain no-repeat url('../images/common/icon_mail.svg');
}

.side-area-footer-nav__link--term::before {
  background: center / contain no-repeat url('../images/common/icon_document.svg');
}

.side-area-footer-nav__link--privacy::before {
  background: center / contain no-repeat url('../images/common/icon_policy.svg');
}

.side-area-footer-nav__link--login::before {
  background: center / contain no-repeat url('../images/common/icon_login.svg');
}

.side-area-footer-info {
  display: grid;
  gap: 0.25rem;
  line-height: 1.6;
  padding-right: 1rem;
}

.side-area-footer-management {
  font-weight: 500;
  font-size: 0.875rem;
}

.side-area-footer-address {
  display: flex;
  gap: 1em;
  font-size: 0.75rem;
  white-space: nowrap;
}

.side-area-footer-copyright {
  font-size: 0.6875rem;
}

.side-area-footer-line-icon {
  position: absolute;
  top: -0.5rem;
  right: 1.5rem;
  width: 10.375rem;
  animation: rumble 4s linear infinite .8s;
}