body {
  color: #333;
  font-size: clamp(14px, 1.15vw, 16px);
  line-height: 1.7;
  font-family: var(--font-noto-sans-jp, "Noto Sans JP"), "Noto SansJP", sans-serif;
  font-weight: 400;
  letter-spacing: normal;
}

a {
  text-decoration: none;
  color: #111;
}

a:hover {
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .seminar-box.type-benefit .seminar-item__author {
    width: 130px;
    min-width: 130px;
    flex: 0 0 130px;
  }
}

.trend-section,
.project-news-section {
  position: relative;
  z-index: 1;
}

/* top page project-search 上下margin 0 */
.home .project-search {
  margin-top: 0;
  margin-bottom: 0;
}

/* header donation sp非表示 */
.header__donation.type-sp {
  display: none !important;
}

/* disaster-relief SP/PC 切り替え */
.disaster-sp {
  display: none;
}
@media (max-width: 768px) {
  .disaster-pc {
    display: none;
  }
  .disaster-sp {
    display: block;
  }
}

/* ヘッダー検索ボタン: styled-jsx だと初回描画で全幅にちらつくため、
   render-blocking な本ファイルに定義して初回から正しい形で描画する。 */
.cpriver-header-search-button {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 20px;
  background: #eee;
  color: var(--colorDarkBase, #003c7e);
  cursor: pointer;
  transition: background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.cpriver-header-search-button:hover {
  background: rgba(22, 142, 161, 0.12);
  color: var(--colorLightBase, #168ea1);
}
.cpriver-header-search-button:active {
  transform: translateY(1px);
}
.cpriver-header-search-button--pc {
  position: absolute;
  top: 14px;
  right: 106px;
  z-index: 110;
}
.cpriver-header-search-button--sp {
  display: none;
  flex: 0 0 auto;
}
@media (max-width: 768px) {
  .cpriver-header-search-button--pc {
    display: none;
  }
  .cpriver-header-search-button--sp {
    display: grid;
  }
}
