@charset "UTF-8";

/* WordPress サイトと共有するヘッダー・フッター部品（views/partials）のスタイル。
   部品の中身をサイトのテーマに合わせて差し替えたら、ここも合わせる。
   フォーム側の style.css と衝突しないよう、site- 接頭辞のクラスだけを書く。 */

.site-header{
  background:#fff;
  border-bottom:1px solid #d7dde8;
}

.site-header__inner,
.site-footer__inner{
  max-width:1080px;
  margin:0 auto;
  padding:0 16px;
}

.site-header__inner{
  display:flex;
  align-items:center;
  min-height:56px;
}

.site-header__brand{
  font-size:18px;
  font-weight:700;
  color:#2563eb;
  text-decoration:none;
  letter-spacing:.02em;
}

.site-footer{
  background:#fff;
  border-top:1px solid #d7dde8;
  padding:20px 0;
  font-size:13px;
  color:#475569;
}

.site-footer__links{
  display:flex;
  flex-wrap:wrap;
  gap:8px 20px;
}

.site-footer__links a{
  color:#475569;
  text-decoration:none;
}

.site-footer__links a:hover{ text-decoration:underline; }

.site-footer__copy{ margin:8px 0 0; }