/* Basic site styles complementing provided AIST unit CSS */
:root { /* fallback */ --theme-fontColor-black: #222222; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
               "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
  color: var(--theme-fontColor-black);
  line-height: 1.75;
}

/* コンテンツ幅・見出し */
.section {
  max-width: var(--content-area-width);
  padding: 1.2rem var(--content-area-sidePadding);
  margin: 0 auto 1.2rem; /* セクション間の間隔をやや狭く */
}

/* セクションタイトル */
.section-title {
  font-size: 1.6rem;
  border-left: 6px solid var(--theme-color-red);
  padding-left: 0.6rem;
  margin: 0 0 1rem;
}

/* HOMEタイトルを大きく */
#home-title {
  font-size: 2.0rem;  /* PC用 */
  font-weight: bold;
}

/* セクション本文 */
.section-body p { margin: 0 0 1rem; }

/* ニュース・イベントカード */
ul.newsList {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 1rem; /* カード間隔を調整 */
}
ul.newsList > li {
  display: flex; flex-direction: column;
  border: 1px solid #e0e0e0;
  padding: 1rem;
  border-radius: 6px;
  background: #fff;
}
ul.newsList > li time { font-weight: 600; color: #666; }

/* 委員会リスト */
ul.committee-list {
  list-style: none; padding: 0; margin: 0;
  display: grid; grid-template-columns: 1fr; gap: 0.6rem;
}
ul.committee-list li { border-bottom: 1px solid #e7e7e7; padding-bottom: 0.6rem; }
ul.committee-list .name { font-weight: 600; }
ul.committee-list .role { color: #666; }

/* フッター */
#footBody .footer-inner {
  border-top: 5px solid var(--theme-color-red);
  padding: 1rem; text-align: center;
}

/* スマホ調整 */
@media screen and (max-width: 896px) {
  .pcHeader .topBox { display: block; }
  .pcHeader .topBox .languageWrap { border-left: none; }
  .pcHeader .hBox { flex-direction: column; gap: 1rem; }
  .section { padding: 1rem; margin-bottom: 1.5rem; } /* 間隔を少し狭く */
  #home-title { font-size: 2rem; } /* HOMEタイトルをスマホ用に縮小 */
}