/* ブログ・固定ページの下に出すセミナーのご案内（2026-10-19）。色と形はホームのセミナー枠（seminar-20261003.css）に合わせる。
   開催日は書かない。「次回の開催」は assets/seminar-dates.txt から seminar-next.js が差し込む。 */
.seminar-strip { padding: 44px 20px; background: #f5faf8; border-top: 1px solid #badbd4; border-bottom: 1px solid #badbd4; color: #202e2c; }
.seminar-strip__inner { max-width: 760px; margin: 0 auto; }
.seminar-strip__eyebrow { margin: 0 0 10px; color: #17665d; font-size: 15px; font-weight: 700; line-height: 1.7; }
.seminar-strip h2 { margin: 0 0 14px; color: #202e2c; font-size: clamp(24px, 3vw, 32px); line-height: 1.5; letter-spacing: .01em; }
.seminar-strip__lead { margin: 0 0 18px; color: #202e2c; font-size: 16px; line-height: 1.85; }
.seminar-strip__next { margin: 0 0 20px; padding: 12px 16px; background: #fff; border: 1px solid #badbd4; border-radius: 12px; color: #163f3c; font-size: 16px; font-weight: 700; line-height: 1.75; }
.seminar-strip__cta, .seminar-strip__cta:visited { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0 6px; min-height: 52px; max-width: 100%; padding: 14px 24px; border: 2px solid #17665d; border-radius: 12px; background: #17665d; color: #fff; font-size: 16px; line-height: 1.65; font-weight: 700; text-decoration: none; text-align: center; box-sizing: border-box; word-break: normal; overflow-wrap: normal; line-break: strict; }
.seminar-strip__cta:hover, .seminar-strip__cta:active { color: #fff; background: #124d46; border-color: #124d46; }
.seminar-strip__cta:focus, .seminar-strip__cta:focus-visible { color: #fff; outline: 3px solid #202e2c; outline-offset: 4px; }
.seminar-strip__note { margin: 14px 0 0; color: #455752; font-size: 14px; line-height: 1.85; }
.seminar-strip .seminar-phrase { display: inline-block; white-space: nowrap; }
@media (max-width: 767px) {
  .seminar-strip { padding: 34px 20px; }
  .seminar-strip__cta { width: 100%; padding-inline: 16px; }
}