/* 「2回だけ」と期間は最初の画面に入れる。板のすぐ下に置く */
.sec-first { margin-top: 88px; }
.term { margin-top: 32px; display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: baseline; padding: 18px 0; border-top: 1px solid #E2DDD3; border-bottom: 1px solid #E2DDD3; }
.term dt { color: #6E5A4E; }
.term .num { font-family: 'Geist', sans-serif; font-weight: 600; font-size: 48px; line-height: 1.3; margin-right: 4px; }
.term .unit { font-size: 22px; font-weight: 700; }
.term .note { display: block; color: #6E5A4E; font-size: 15px; }

/* 手順：番号を大きく出す。先生の作業（白地）と、こちらの作業（色面）で面を分ける */
.steps { margin: 0; padding: 0; list-style: none; border-top: 1px solid #E2DDD3; }
.steps li { display: grid; grid-template-columns: 88px minmax(0, 1fr); align-items: baseline; padding: 30px 0; border-bottom: 1px solid #E2DDD3; }
.steps .no { font-family: 'Geist', sans-serif; font-weight: 600; font-size: 40px; line-height: 1.2; }
.steps h3 { font-size: 20px; font-weight: 700; line-height: 1.6; margin-bottom: 8px; }

.items { margin-top: 0; }
.ready-note p + p { margin-top: 12px; }
.ready-note { margin-top: 28px; }

@media (max-width: 880px) {
  .sec-first { margin-top: 40px; }
  .sec-first h2 { margin-bottom: 16px; }
  .term { grid-template-columns: minmax(0, 1fr); padding: 14px 0; margin-top: 24px; }
  .term .num { font-size: 36px; }
  .term .unit { font-size: 18px; }
  .steps li { grid-template-columns: 52px minmax(0, 1fr); padding: 24px 0; }
  .steps .no { font-size: 30px; }
  .steps h3 { font-size: 18px; }
}