@charset "UTF-8";

/* =========================================
   フッター
========================================= */
.footer {
  background-color: #ffffff; /* 白背景 */
  padding: 32px 40px; /* Figmaの余白に合わせて調整してください */
}

.footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
}

.footer__logo {
  font-size: 20px;
  font-family: serif;
  color: var(--main-color);
  letter-spacing: 0.1em;
  margin: 0;
}

.footer__copyright {
  font-size: 11px;
  color: var(--sub-text-color);
  margin: 0;
}

/* =========================================
   フッター：モバイル表示対応（768px以下）
========================================= */
@media screen and (max-width: 768px) {
  .footer {
    padding: 40px 20px;
  }

  .footer__inner {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 12px;
  }

  .footer__logo {
    font-size: 22px;
  }
}