/* 共通ヘッダー・フッターCSS */
header, footer {
  text-align: center;
  padding: 20px;
}

.site-logo {
  max-width: 260px;
  height: auto;
}

.footer-logo {
  width: 180px;
  height: auto;
  margin-bottom: 12px;
}

footer {
  background: #1e1e1e;
  color: #fff;
}

.footer-inner {
  max-width: 1000px;
  margin: 0 auto;
}

/* PC/SP切替表示用 */
.pc-only { display: inline; }
.sp-only { display: none; }

@media (max-width: 600px) {
  .pc-only { display: none; }
  .sp-only { display: inline; }
}

/* ヘッダー下の余白を少し詰める */
header {
  padding: 12px 0; /* 元が大きい場合は調整、例：20px→12px */
  margin-bottom: 20px; /* 例：30px→20pxに減らす */
}
footer p {
  font-size: 14px;
  line-height: 1.4;
  margin: 0;
}

@media (max-width: 600px) {
  footer p {
    font-size: 11px; /* スマホだけ少し小さくして一行に収める */
    white-space: nowrap; /* 強制的に改行させない */
  }
}