@charset "UTF-8";
/* =========================================================
   お知らせ・お問い合わせ用：studio テーマ（studio.min.css）への上書き
   ========================================================= */

/* studio は固定表示のロゴの下に余白を取っていたため、共通ヘッダーの高さ分（body の padding-top）だけ上の余白を減らす */
.p-page-fv{padding-block-start:calc(5.6875rem - var(--header-h));}
.p-page-fv.-single{padding-block-start:calc(8rem - var(--header-h));}
@media (min-width:768px){
  .p-page-fv{padding-block-start:calc(10.375rem - var(--header-h));}
  .p-page-fv.-single{padding-block-start:calc(13.875rem - var(--header-h));}
}

/* 404・送信完了：画面いっぱいの高さから、ヘッダーの高さを差し引く */
.p-404,.p-thanks{height:auto;min-height:calc(100svh - var(--header-h));}

/* お知らせ：カテゴリーの切り替え（一覧の上） */
.p-topics__cats{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 2rem;padding:0;list-style:none;}
.p-topics__cat{display:inline-block;padding:.5rem 1.125rem;border:1px solid #28282b;border-radius:999px;color:#28282b;font-weight:700;font-size:.8125rem;line-height:1;font-family:"Manrope","Zen Kaku Gothic New",sans-serif;transition:background-color .2s,color .2s;}
.p-topics__cat.is-current{background:#28282b;color:#fff;}
@media (any-hover:hover){.p-topics__cat:not(.is-current):hover{background:#28282b;color:#fff;}}
@media (min-width:768px){
  .p-topics__cats{gap:.75rem;margin-bottom:3.5rem;}
  .p-topics__cat{padding:.625rem 1.5rem;font-size:1rem;}
}

/* お知らせ：サムネイル左上のカテゴリー名（日付ラベルと同じ見た目） */
.p-thumbnail__cats{position:absolute;top:0;left:0;z-index:1;display:flex;gap:1px;}
.p-thumbnail__cat{padding:.25rem .375rem;background:#525b5f;color:#fff;font-weight:700;font-size:.6875rem;line-height:1;font-family:"Manrope","Zen Kaku Gothic New",sans-serif;}
.p-thumbnail__cat:last-child{border-radius:0 0 .25rem 0;}
@media (min-width:768px){
  .p-thumbnail__cat{padding:.375rem .5rem;font-size:.875rem;}
}

/* お知らせ：記事がないとき */
.p-topics__empty{grid-column:1 / -1;text-align:center;font-weight:700;}