/* c-lead-001: リードテキスト */

.c-lead-001 {
  text-align: center;
}

.c-lead-001__text {
  font-size: var(--wp--preset--font-size--lg);
  line-height: var(--wp--custom--line-height--relaxed);
  color: var(--wp--preset--color--gray-darker);
}

/* ══════════════════════════════════════════════════
   配置
   ══════════════════════════════════════════════════ */

/** @element root  @group 配置  @label 左寄せ  @order 1 */
.c-lead-001--align-left {
  text-align: left;
}

/* ══════════════════════════════════════════════════
   サイズ
   ══════════════════════════════════════════════════ */

/** @element root  @group サイズ  @label 小  @order 1 */
.c-lead-001--size-sm .c-lead-001__text {
  font-size: var(--wp--preset--font-size--base);
}

/** @element root  @group サイズ  @label 大  @order 2 */
.c-lead-001--size-lg .c-lead-001__text {
  font-size: var(--wp--preset--font-size--xl);
}

/* ══════════════════════════════════════════════════
   カラー
   ══════════════════════════════════════════════════ */

/** @element root  @group カラー  @label プライマリ  @order 1 */
.c-lead-001--color-primary .c-lead-001__text {
  color: var(--wp--preset--color--primary-dark);
}

/** @element root  @group カラー  @label ダーク  @order 2 */
.c-lead-001--color-dark .c-lead-001__text {
  color: var(--wp--preset--color--gray-darkest);
}