@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@600;700&display=swap');
/*
 * AI活用・リスキリングの講座ページを、サイト共通のヘッダー・フッターで出すときの調整（2026-11-08 利用者指定）
 * 読み込むのは _tools/lp_sitewide_header.py で切り替えたページ（seminar-ai-startup.css のあと）。
 *
 * 前は <body class="lp-seminar"> に付けていた文字の設定を、中身を包む <div class="lp-seminar lp-sitewide"> に移す。
 */

/* テーマ（SWELL）の本文の枠（#content の幅1296px・左右の余白）を外し、ページの段を画面いっぱいに出す（css/ai-teacher.css と同じ対応） */
#content { width: 100%; max-width: 100%; margin: 0; padding: 0; }
.lp-seminar.lp-sitewide {
  color: var(--text);
  background: var(--white);
  font-family: "Noto Sans JP", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 16px;
  line-height: 1.85;
  letter-spacing: 0.025em;
  font-feature-settings: "palt";
  overflow-x: clip;
}
@media (max-width: 760px) {
  .lp-seminar.lp-sitewide { font-size: 15px; line-height: 1.8; }
  /* スマホは画面の下に「相談」のボタン（.mobile-cta）とチャットのアイコンが出るので、テーマの「上へ戻る」の丸ボタンは出さない（もとの講座ページにも無かった） */
  .p-fixBtnWrap { display: none; }
}

/* ===== AI家庭教師の講座ページのファーストビュー（.hero-wp）=====
 * 2026-11-09 利用者指定：/web-production/ と同じ見せ方にする。暗くした絵を背景に、大きな英字（.hero-en）・白い文字・高さ400px。
 * 囲みのひとこと（.hero-kicker）と料金の札（.hero-points）は出さない（マークアップから外した）。
 * 使っているページ：seminar-ai-private / president-ai-teacher / ai-course-secretary / ai-course-marketer */
.lp-sitewide.lp-seminar .hero.hero-wp{position:relative;display:block;min-height:0;height:auto;padding:0;background:#16212e;overflow:hidden}
.lp-sitewide.lp-seminar .hero.hero-wp::after{display:none}
.lp-sitewide.lp-seminar .hero.hero-wp .hero-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:70% 40%}
.lp-sitewide.lp-seminar .hero.hero-wp .hero-overlay{display:block;position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,24,36,.88) 0%,rgba(14,24,36,.74) 48%,rgba(14,24,36,.38) 100%)}
.lp-sitewide.lp-seminar .hero.hero-wp > .container{position:relative;z-index:1}
.lp-sitewide.lp-seminar .hero.hero-wp .hero-content{width:min(640px,100%);min-height:400px;padding:56px 0;display:flex;flex-direction:column;justify-content:center;color:#fff}
.lp-sitewide.lp-seminar .hero.hero-wp .hero-en{display:block;font-family:'Outfit',sans-serif;font-weight:700;font-size:min(5vw,50px);line-height:1.15;letter-spacing:.06em;color:#fff}
.lp-sitewide.lp-seminar .hero.hero-wp h1.hero-h1-seo{margin-top:.7em;font-size:18px;line-height:1.6;letter-spacing:.08em;color:#fff}
.lp-sitewide.lp-seminar .hero.hero-wp h1.hero-h1-seo .hero-title-line,
.lp-sitewide.lp-seminar .hero.hero-wp h1.hero-h1-seo em{display:inline;margin:0;font-size:1em;color:#fff;letter-spacing:inherit;white-space:normal}
.lp-sitewide.lp-seminar .hero.hero-wp .hero-copy{max-width:none;margin-top:1.6em;font-size:1rem;font-weight:500;line-height:1.9;color:#fff}
.lp-sitewide.lp-seminar .hero.hero-wp .btn-row{margin-top:24px}
.lp-sitewide.lp-seminar .hero.hero-wp .btn-primary{background:#fff;color:#153354;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.lp-sitewide.lp-seminar .hero.hero-wp .btn-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.75)}
@media (max-width:750px){
  .lp-sitewide.lp-seminar .hero.hero-wp .hero-image{object-position:62% center}
  .lp-sitewide.lp-seminar .hero.hero-wp .hero-overlay{background:rgba(14,24,36,.72)}
  .lp-sitewide.lp-seminar .hero.hero-wp .hero-content{min-height:0;padding:40px 16px 36px;text-align:center}
  .lp-sitewide.lp-seminar .hero.hero-wp .hero-en{font-size:min(10vw,44px);text-indent:.06em}
  .lp-sitewide.lp-seminar .hero.hero-wp h1.hero-h1-seo{font-size:15px;letter-spacing:.04em}
  .lp-sitewide.lp-seminar .hero.hero-wp h1.hero-h1-seo em{display:block}   /* かっこの中は2行目に（長い講座名が途中で折れないように） */
  .lp-sitewide.lp-seminar .hero.hero-wp .hero-copy{text-align:left;word-break:normal;overflow-wrap:anywhere}
  .lp-sitewide.lp-seminar .hero.hero-wp .btn-row{justify-content:center}
}