.footer {
  position: relative;
  max-width: 1366px;
  width: 100%;
  height: 461px;
  background-image: url("/footer/img/footer-bg.svg");
  background-repeat: no-repeat;
  padding: 168px 143px 0 143px;
}

/* 共通スタイル */
.footer .footer-text {
  font-size: var(--header-footer-font-size);
  letter-spacing: var(--header-footer-letter-spacing);
  line-height: var(--header-footer-line-height);
  font-family: var(--header-footer-font-family);
  font-weight: var(--header-footer-font-weight);
  font-style: var(--header-footer-font-style);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  white-space: nowrap;
}

/* ロゴ・線 */
.footer .line {
  top: 243px;
  left: calc(50% - 683px);
  max-width: 1366px;
  width: 100%;
  height: 1px;
  position: absolute;
  object-fit: cover;
}

.footer .kowa-logo-white {
  position: relative;
  width: 229px;
  height: 36px;
  aspect-ratio: 6.36;
}

/* フッターメニュー */
.footer .footer-menu-area {
  display: flex;
  justify-content: flex-end;
  gap: 32px;
  position: relative;
  margin-top: 8px;
}

.footer .footer-menu {
  position: relative;
  width: 58px;
  height: 21px;
}

/* フッターガイド */
.footer .footer-guide-area {
  display: inline-flex;
  flex-direction: column;
  width: 435px;
  /* align-items: center; */
  gap: 24px;
  position: relative;
}

.footer .p-mark-white {
  position: relative;
  width: 64px;
  height: 64px;
  aspect-ratio: 1;
  background-image: url("/footer/img/pmark-white.svg");
  background-size: cover;
  background-position: center;
  margin-right: auto;
  margin-top: 80px;
}

.footer .footer-guide {
  display: flex;
  align-items: center;
  gap: 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.footer .footer-guide-menu {
  position: relative;
  height: 20px;
}

/* 幅だけ個別指定 */
.footer .footer-guide-menu.policy { width: 145px; }
.footer .footer-guide-menu.webaccs { width: 173px; }
.footer .footer-guide-menu.sitemap { width: 80px; }

/* ページトップボタン */
.footer .pagetop {
  position: absolute;
  top: 409px;
  left: 1140px;
  width: 83px;
  height: 20px;
  display: flex;
  background-image: url("/footer/img/pagetop.svg");
  background-repeat: no-repeat;
}

.copyright {
  color: rgba(255, 255, 255, 0.50);
  font-family: Poppins;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 13px */
  letter-spacing: 0.39px;
  text-align: left;
}

.footer-two-col {
  display: flex;
  gap: 40px;
}

.footer-two-col > * {
  flex: 1;
}