@charset "UTF-8";

/*!
 * タイポグラフィ
 * ヨシケイひろば / yoshikei-hiroba
 */

/* -----------------------------------
   typography
   ----------------------------------- */
h1, h2, h3, h4 { line-height: var(--lh-heading); letter-spacing: 0.01em; }
.page-title {
  font-size: 30px;
  font-weight: 900;
  text-align: center;
}
.page-lead {
  font-size: var(--fs-small);
  color: var(--c-text-muted);
  text-align: center;
  margin-top: var(--sp-3);
}
.sec-title {
  font-size: 22px;
  font-weight: 900;
  text-align: center;
  margin-bottom: var(--sp-5);
}
.sec-title span { color: var(--c-brand); }
.sec-title--left {
  text-align: left;
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  font-size: 20px;
}
.sec-title--left .ico { color: var(--c-brand); width: 26px; height: 26px; flex: none; }
.sec-sub { font-size: var(--fs-caption); color: var(--c-text-subtle); text-align: center; margin-top: var(--sp-1); }
p { margin-bottom: var(--sp-3); }
p:last-child { margin-bottom: 0; }
.txt { font-size: var(--fs-small); color: var(--c-text-muted); }
.note-s { font-size: var(--fs-caption); color: var(--c-text-subtle); line-height: 1.75; }