/* === Background: show one logo at right-bottom (no repeat) === */
/* このファイルを「背景画像位置の唯一の正」にする */
/* （同じものの !important 版） */
body.custom-background{
  background-size: 15% !important;
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
  background-attachment: scroll !important;
}

/* === Hero (masthead) height adjustments === */
/* トップページや固定ページのヘッダー画像の高さを調整 */

/* スマホ〜ベース（全体） */
header.masthead,
.home header.masthead {
  min-height: 28vh;         /* 元は32〜40vhくらい → 少し低く */
  padding-top: 2rem;
  padding-bottom: 2rem;
  background-position: center 50%;
  background-size: cover;
}

/* タブレット以上 */
@media (min-width: 768px) {
  header.masthead,
  .home header.masthead {
    min-height: 32vh;       /* 少し余裕を持たせる */
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}

/* PC以上 */
@media (min-width: 992px) {
  header.masthead,
  .home header.masthead {
    min-height: 42vh; 
    padding-top: 5rem;
    padding-bottom: 3rem;
  }
}

/* === ヒーロー下の余白調整 === */
header.masthead {
  margin-bottom: 1.5rem; /* 元が 3〜5rem 程度 → 少し詰める */
}