body {
  background: #ffe4e1 !important;  /* 薄いピンク */
}



/* ヘッダー下の白い余白を小さくする */
#header-box {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

#header {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

/* メインコンテンツの上の余白も詰める */
#content,
.l-contents {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
/* サブタイトル（キャッチフレーズ）を表示＆整える */
.site-description {
  display: block !important;  /* JINが隠していても表示させる */
  font-size: 13px;
  color: #ffffff;
  margin-top: 4px;
  margin-left: 20px;
}
/* ===== スマホのヘッダー下の巨大な空白を消す ===== */
@media screen and (max-width: 768px) {

  /* ヘッダー直下の余白を完全削除 */
  #header-box,
  #header,
  #main,
  #main-visual,
  .c-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* ファーストビュー直上の余白も削除 */
  #content,
  .l-contents {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* ロゴ＋キャッチコピーの縦余白だけ少し詰める */
  .tn-logo-size a::after,
  .sp-logo-size a::after {
    margin-top: 2px !important;
  }
}
/* ===== スマホのヘッダー下の巨大な空白を消す ===== */
@media screen and (max-width: 768px) {

  /* ヘッダー直下の余白を完全削除 */
  #header-box,
  #header,
  #main,
  #main-visual,
  .c-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* ファーストビュー直上の余白も削除 */
  #content,
  .l-contents {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* ロゴ＋キャッチコピーの縦余白だけ少し詰める */
  .tn-logo-size a::after,
  .sp-logo-size a::after {
    margin-top: 2px !important;
  }
}
@media screen and (max-width: 767px) {
  .site-header {
    padding-bottom: 5px !important;
    margin-bottom: 0 !important;
  }
}
/* スマホのときだけ、ヘッダーまわりの余白をギュッとする */
@media screen and (max-width: 767px) {

  /* タイトルが入っているヘッダー全体 */
  header,
  #header,
  .site-header,
  .l-header,
  .cps-h,
  .cps-header {
    margin-bottom: 0 !important;
    padding-bottom: 5px !important;
    min-height: auto !important;
  }

  /* ロゴ・サイトタイトル部分 */
  .site-branding,
  .cps-h-logo,
  .cps-h-logo__item,
  .cps-h-logo__title,
  .cps-h-logo__desc {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* ヘッダー直下のコンテンツ側の余白も念のためカット */
  #contents,
  .l-main,
  .cps-main,
  .content {
    margin-top: 0 !important;
    padding-top: 10px !important;
  }
}