/* =============================================================================
MDRTセミナーLP（/mdrt-seminar/）。page-mdrt-seminar.php のときだけ読む。
デザインの正本はファーストビューの見本
minal-seminar/20261207-MDRTセミナー/fv/index4.html。2セクション目以降は
/fan-ka-shukyaku-free-session/ の部品（kicker＋タイトル、白カード、
チェックリスト、番号付きカード、登壇者カード、最終申込ブロック）を、
色だけ index4 の青と申込みボタンの差し色に置き換えて使っている。
- 地は淡い青（--fs-cream）と白を交互に置く。色の帯はFVと最終申込の2か所だけ
- アクセントは青1色。差し色（ピンク→オレンジ）は申込みボタンの面にだけ使う
- 文章を読ませる「理由」「講師のストーリー」「プロフィール」は左揃えにする
リセット・ヘッダー・フッター・.hp-field は assets/css/lp-common.css（オレンジ
基調の無料説明会と共有）にあるので、このページで必要な分だけ上書きする。
本文のHTMLは cms/page-content/mdrt-seminar.html。
============================================================================= */
:root {
--fs-orange: #1F7FA8; /* index4 と同じ名前のまま青を入れている（白地で 4.51:1） */
--fs-orange-ink: #165F80;
--fs-orange-pale: #E3F2F9;
--cta-fill: linear-gradient(135deg, #E0457B 0%, #F06A1E 100%);
--cta-shade: #A83A3A;
--fs-teal: #4EB9C3;
--fs-blue: #4AA8E0;
--fs-cream: #EEF7FB;
--fs-cream-deep: #D9EEF8;
--fs-white: #FFFFFF;
--fs-line: #D3E7F1;
--fs-ink: #333333;
--fs-ink-body: #555555;
--fs-ink-muted: #555555;
--fs-danger-ink: #B23D28;
--fs-danger-pale: #FDEDEA;
--fs-radius: 16px;
--fs-shadow: 0 2px 0 rgba(51,51,51,.04);
--fs-measure: 760px;
--marker: linear-gradient(transparent 62%, rgba(78, 185, 195, 0.30) 62%);
--ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
--font: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
--font-kicker: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", sans-serif;
}
html { scroll-behavior: smooth; }
body { background: var(--fs-cream); color: var(--fs-ink); font-family: var(--font); }
::selection { background: var(--fs-orange-pale); }
:focus-visible { outline: 3px solid var(--fs-orange-ink); outline-offset: 3px; }
/* ===== ヘッダー（lp-common の上書き。index4 と同じ見た目） ===== */
.lp-header {
background: var(--fs-cream);
backdrop-filter: none; -webkit-backdrop-filter: none;
border-bottom: 1px solid var(--fs-line);
gap: 12px; padding: 12px 16px;
}
.lp-header a { text-decoration: none; }
.lp-header .wordmark { gap: 10px; color: inherit; }
.lp-header .wordmark .mk { width: 28px; height: 28px; background: var(--fs-teal); }
.lp-header .wordmark .tx { font-size: 20px; }
.lp-header .wordmark .tx small { font-size: 10px; letter-spacing: 0.1em; margin-top: 4px; white-space: nowrap; }
.lp-header__cta {
display: inline-flex; align-items: center; min-height: 44px;
background: var(--cta-fill); color: var(--fs-white); font-weight: 900; font-size: 13px;
padding: 0 18px; border-radius: 999px; white-space: nowrap; line-height: 1.2;
transition: filter .18s var(--ease-out);
}
.lp-header__cta:hover { color: var(--fs-white); filter: brightness(1.05); }
/* ===== フッター（lp-common の上書き＋主催者表記） ===== */
.site-footer { border-top-color: var(--fs-line); color: var(--fs-ink-body); background: var(--fs-white); }
.site-footer nav a { color: var(--fs-ink-body); display: inline-block; padding: 6px 0; }
.site-footer nav a:hover { color: var(--fs-orange-ink); }
.site-footer__notes {
flex: 0 0 100%; font-size: 12px; line-height: 1.8; color: var(--fs-ink-body);
padding-bottom: 14px; border-bottom: 1px solid var(--fs-line);
}
.site-footer__notes p { margin: 0; }
.site-footer__notes a { color: var(--fs-ink-body); text-decoration: underline; text-underline-offset: 3px; }
/* ===== ページ本体 ===== */
.ms { font-size: 16px; line-height: 1.8; font-weight: 500; color: var(--fs-ink); background: var(--fs-cream); overflow-x: clip; }
.ms img { display: block; max-width: 100%; height: auto; }
.ms :where(h1, h2, h3, p, ul, ol, dl, dd, fieldset, legend) { margin: 0; padding: 0; }
.ms :where(ul, ol) { list-style: none; }
.ms fieldset { border: 0; min-width: 0; }
.ms a { color: var(--fs-orange-ink); }
.ms .nw { white-space: nowrap; }
.ms [id] { scroll-margin-top: 76px; }
/* 見出しと短い項目は文節で折り返す（lang="ja" のときに効く。本番は ja） */
.ms :where(h1, h2, .fit__head, .hero__lead, .worry__item, .shift__close, .story__text, .learn__text, .fit__list li, .faq__item dt, .apply__lead, .entry__check) { word-break: auto-phrase; }
/* 改行の出し分け */
.ms br.sp-only { display: none; }
/* ---- 共通レイアウト ------------------------------------------------------ */
.band { padding: 80px 20px; }
.band--white { background: var(--fs-white); }
.band--cream { background: var(--fs-cream); }
.inner { max-width: var(--fs-measure); margin: 0 auto; }
.sec-head { text-align: center; margin-bottom: 36px; }
.sec-head--left { text-align: left; }
.sec-kicker {
font-family: var(--font-kicker);
font-size: 13px; font-weight: 900; letter-spacing: 0.16em; color: var(--fs-orange);
display: block; margin-bottom: 8px;
}
.sec-title { font-size: 28px; font-weight: 900; line-height: 1.5; letter-spacing: 0.02em; word-break: auto-phrase; }
.card {
background: var(--fs-white); border: 1px solid var(--fs-line); border-radius: var(--fs-radius);
box-shadow: var(--fs-shadow);
}
/* ---- 申込みボタン（index4 の .cta。4状態：通常／ホバー／押下／無効） ---- */
.ms .cta {
display: block; width: 100%; max-width: 620px; margin: 40px auto 0;
background: var(--cta-fill); color: var(--fs-white);
font-family: inherit; font-size: 19px; font-weight: 900; letter-spacing: 0.02em; line-height: 1.5;
text-align: center; text-decoration: none;
padding: 15px 24px; border: none; border-radius: 12px; box-shadow: 0 4px 0 var(--cta-shade);
cursor: pointer;
transition: transform .08s ease, box-shadow .08s ease, filter .18s var(--ease-out);
}
.ms .cta:hover { color: var(--fs-white); filter: brightness(1.05); }
.ms .cta:active { transform: translateY(3px); box-shadow: 0 1px 0 var(--cta-shade); }
.ms .cta[disabled] { filter: grayscale(.4); opacity: .6; cursor: default; transform: none; box-shadow: 0 4px 0 var(--cta-shade); }
/* ===== 1. ヒーロー（index4 そのまま） ===== */
.hero {
background: linear-gradient(180deg, var(--fs-cream-deep) 0%, var(--fs-cream) 62%);
padding: 24px 18px 36px;
}
.hero__inner { max-width: 760px; margin: 0 auto; text-align: center; }
.hero__event {
display: inline-block; background: var(--fs-white); border: 1px solid var(--fs-line);
border-radius: 999px; padding: 5px 14px;
font-size: 11.5px; font-weight: 900; color: var(--fs-orange-ink); letter-spacing: 0.02em; line-height: 1.6;
}
.hero__series { margin-top: 16px; font-size: 22px; font-weight: 900; line-height: 1.4; letter-spacing: 0.06em; color: var(--fs-orange-ink); }
.hero__title { margin-top: 6px; font-size: 26px; font-weight: 900; line-height: 1.5; letter-spacing: 0.01em; }
.hero__title em { font-style: normal; color: var(--fs-orange); }
.hero__tilde { font-weight: 700; color: var(--fs-ink-muted); }
.hero__sub {
display: inline-block; margin-top: 10px; padding: 4px 14px;
border-top: 2px solid var(--fs-orange-ink); border-bottom: 2px solid var(--fs-orange-ink);
font-size: 14px; font-weight: 900; line-height: 1.6; letter-spacing: 0.04em; color: var(--fs-ink);
}
.hero__lead {
max-width: 34em; margin: 10px auto 0;
font-size: 14px; font-weight: 700; line-height: 1.75; color: var(--fs-ink-body);
}
.hero-speaker {
margin-top: 16px;
background: var(--fs-white); border: 1px solid var(--fs-line); border-radius: var(--fs-radius);
box-shadow: var(--fs-shadow);
display: flex; align-items: center; gap: 14px;
padding: 12px 16px; text-align: left;
}
.hero-speaker__photo {
flex: none; width: 72px; height: 72px; border-radius: 50%; overflow: hidden;
border: 4px solid var(--fs-blue); background: var(--fs-white);
}
.hero-speaker__photo img { width: 100%; height: 100%; object-fit: cover; }
.hero-speaker__badge {
display: inline-block; background: var(--fs-orange); color: var(--fs-white);
border-radius: 999px; padding: 1px 10px; font-size: 11px; font-weight: 900; line-height: 1.8;
}
.hero-speaker__name { font-size: 18px; font-weight: 900; line-height: 1.4; margin-top: 2px; }
.hero-speaker__role { font-size: 13px; font-weight: 700; color: var(--fs-orange-ink); line-height: 1.5; }
.hero-speaker__quote { margin-top: 4px; font-size: 13px; font-weight: 700; color: var(--fs-ink-body); line-height: 1.6; }
.dates { margin-top: 12px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.ms .dates a {
display: block; padding: 8px 4px 7px; min-height: 44px;
background: var(--fs-white); border: 1px solid var(--fs-line); border-radius: 12px;
box-shadow: var(--fs-shadow); text-decoration: none;
transition: border-color .18s var(--ease-out);
}
.ms .dates a:hover { border-color: var(--fs-blue); }
.d-day { display: block; font-size: 20px; font-weight: 900; line-height: 1.2; color: var(--fs-orange-ink); }
.d-day small { font-size: 11px; margin-left: 1px; }
.d-time { display: block; font-size: 13px; font-weight: 700; color: var(--fs-ink-body); line-height: 1.4; }
.hero__facts {
margin-top: 10px; display: flex; justify-content: center; flex-wrap: wrap;
gap: 4px 0; font-size: 12px; font-weight: 700; color: var(--fs-ink-body);
}
.hero__fact { padding: 0 8px; position: relative; white-space: nowrap; }
.hero__fact + .hero__fact::before {
content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
width: 1px; height: 14px; background: var(--fs-line);
}
.hero__fact strong { color: var(--fs-orange-ink); font-weight: 900; }
.ms .hero .cta { margin-top: 14px; }
.hero__note { margin-top: 12px; font-size: 12.5px; color: var(--fs-ink-muted); line-height: 1.75; }
/* ===== 2. お悩み（チェックリスト） ===== */
.worry { display: flex; flex-direction: column; gap: 10px; max-width: 640px; margin: 0 auto; }
.worry__item {
display: flex; align-items: flex-start; gap: 12px;
background: var(--fs-cream); border-radius: 8px;
padding: 16px 20px; font-size: 16px; font-weight: 700; line-height: 1.7;
}
.worry__block { min-width: 0; }
.worry__sub { margin-top: 6px; display: flex; flex-direction: column; gap: 4px; }
.worry__sub li { position: relative; padding-left: 1.2em; font-size: 14px; font-weight: 500; line-height: 1.7; color: var(--fs-ink-body); }
.worry__sub li::before { content: "└"; position: absolute; left: 0; top: 0; color: var(--fs-orange-ink); }
.worry__item::before {
content: ""; flex: none; width: 18px; height: 1.7em;
background: url('data:image/svg+xml;utf8,') center / 18px 14px no-repeat;
}
/* ===== 3. 頑張っても届かない理由（左揃え・余白を広く取った静かなセクション） ===== */
.reason { max-width: 720px; }
.reason__title { font-size: 30px; font-weight: 900; line-height: 1.5; letter-spacing: 0.02em; word-break: auto-phrase; }
.reason__body { margin-top: 32px; display: flex; flex-direction: column; gap: 20px; }
.reason__body p { font-size: 16px; line-height: 2; letter-spacing: 0.02em; color: var(--fs-ink); }
.reason__body strong { font-weight: 900; }
.reason__body .marker { background: var(--marker); }
/* ===== 4. 3つの転換（番号付きカード） ===== */
.shift { display: flex; flex-direction: column; gap: 14px; }
.shift__item { display: flex; gap: 22px; align-items: flex-start; padding: 26px 28px; }
.shift__num {
flex: none; font-family: var(--font-kicker); font-weight: 900; font-size: 36px; line-height: 1;
color: var(--fs-orange); letter-spacing: 0.02em; padding-top: 2px;
}
.shift__body { min-width: 0; }
.shift__label {
display: inline-block; background: var(--fs-orange-pale); color: var(--fs-orange-ink);
border-radius: 999px; padding: 2px 12px; font-size: 13px; font-weight: 900; line-height: 1.8;
}
.shift__title { margin-top: 10px; font-size: 19px; font-weight: 900; line-height: 1.6; }
.shift__text { margin-top: 6px; font-size: 15px; color: var(--fs-ink-body); line-height: 1.9; }
/* ③は①②の結果。枠を青にして「行き着く先」に見せる */
.shift__item--result { border: 2px solid var(--fs-orange); }
.shift__close { margin-top: 32px; text-align: center; font-size: 16px; font-weight: 700; line-height: 1.9; }
/* ===== 5. 講師のストーリー（縦のタイムライン） ===== */
.story { position: relative; max-width: 640px; }
.story::before {
content: ""; position: absolute; left: 7px; top: 12px; bottom: 28px;
width: 2px; background: var(--fs-cream-deep);
}
.story__step { position: relative; padding: 0 0 26px 36px; }
.story__step::before {
content: ""; position: absolute; left: 0; top: 6px;
width: 16px; height: 16px; border-radius: 50%;
background: var(--fs-white); border: 3px solid var(--fs-blue);
}
.story__tag { display: block; font-size: 14px; font-weight: 900; color: var(--fs-orange-ink); line-height: 1.6; }
.story__text { margin-top: 4px; font-size: 16px; line-height: 1.9; }
.story__step--now { padding-bottom: 0; }
.story__step--now::before { background: var(--fs-orange); border-color: var(--fs-orange); }
.story__text--now {
margin-top: 8px; display: inline-block;
background: var(--fs-white); border: 1px solid var(--fs-line); border-radius: var(--fs-radius);
padding: 14px 22px; font-size: 20px; font-weight: 900; line-height: 1.6;
}
.story__text--now strong { color: var(--fs-orange); font-size: 1.2em; }
/* ===== 6. セミナーで分かること（番号付きの1枚カード） ===== */
.learn { padding: 8px 28px; }
.learn__item { display: flex; gap: 16px; align-items: flex-start; padding: 18px 0; }
.learn__item + .learn__item { border-top: 1px solid var(--fs-line); }
.learn__num {
flex: none; width: 32px; height: 32px; border-radius: 50%;
background: var(--fs-orange-pale); color: var(--fs-orange-ink);
font-family: var(--font-kicker); font-weight: 900; font-size: 15px;
display: flex; align-items: center; justify-content: center; margin-top: 1px;
}
.learn__text { font-size: 16px; font-weight: 700; line-height: 1.8; }
/* ===== 7. 対象 ===== */
.fit { display: grid; grid-template-columns: 1.25fr 1fr; gap: 16px; align-items: start; }
.fit__col { padding: 26px 26px; }
.fit__col--no { border: 1px dashed #CCCCCC; border-radius: var(--fs-radius); }
.fit__head { font-size: 18px; font-weight: 900; line-height: 1.5; color: var(--fs-orange-ink); }
.fit__head--no { color: var(--fs-ink-body); }
.fit__list { margin-top: 14px; display: flex; flex-direction: column; gap: 10px; }
.fit__list li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; font-weight: 700; line-height: 1.75; }
.fit__list li::before { content: ""; flex: none; width: 16px; height: 1.75em; }
.fit__list--yes li::before {
background: url('data:image/svg+xml;utf8,') center / 16px 12px no-repeat;
}
.fit__list--no li { color: var(--fs-ink-body); font-weight: 500; }
.fit__list--no li::before {
background: url('data:image/svg+xml;utf8,') center / 11px 11px no-repeat;
}
/* ===== 8. 講師プロフィール（左に写真・右に文章の非対称） ===== */
.profile { display: grid; grid-template-columns: 260px 1fr; gap: 48px; align-items: center; }
.profile__photo {
background: var(--fs-white); border: 1px solid var(--fs-line); border-radius: var(--fs-radius); overflow: hidden;
padding-top: 24px;
}
.profile__photo img { width: 100%; }
.profile__name { font-size: 28px; font-weight: 900; line-height: 1.4; letter-spacing: 0.04em; }
.profile__kana { display: block; font-size: 13px; font-weight: 500; letter-spacing: 0.12em; color: var(--fs-ink-body); margin-top: 4px; }
.profile__role { margin-top: 10px; font-size: 14px; font-weight: 700; color: var(--fs-orange-ink); }
.profile__career { margin-top: 18px; display: flex; flex-direction: column; gap: 8px; }
.profile__career li { position: relative; padding-left: 18px; font-size: 15px; line-height: 1.9; }
.profile__career li::before {
content: ""; position: absolute; left: 0; top: .8em; width: 8px; height: 8px; border-radius: 50%;
background: var(--fs-blue);
}
/* ===== 9. 開催概要 ===== */
.outline { padding: 6px 28px; }
.outline__row { display: grid; grid-template-columns: 120px 1fr; gap: 16px; padding: 16px 0; }
.outline__row + .outline__row { border-top: 1px solid var(--fs-line); }
.outline__row dt { font-size: 14px; font-weight: 900; color: var(--fs-orange-ink); line-height: 1.8; }
.outline__row dd { font-size: 15px; font-weight: 500; line-height: 1.8; }
.outline__dates li { font-weight: 700; }
.outline__note { display: block; margin-top: 4px; font-size: 13px; color: var(--fs-ink-body); }
.profile__note { margin-top: 14px; font-size: 12.5px; line-height: 1.75; color: var(--fs-ink-body); }
/* ===== 10. よくある質問 ===== */
.faq { max-width: 720px; margin: 0 auto; border-top: 1px solid var(--fs-line); }
.faq__item { padding: 20px 0; border-bottom: 1px solid var(--fs-line); }
.faq__item dt, .faq__item dd { position: relative; padding-left: 34px; }
.faq__item dt { font-size: 16px; font-weight: 900; line-height: 1.7; }
.faq__item dd { margin-top: 8px; font-size: 15px; color: var(--fs-ink-body); line-height: 1.9; }
.faq__item dt::before, .faq__item dd::before {
position: absolute; left: 0; top: 0; font-family: var(--font-kicker); font-weight: 900;
}
.faq__item dt::before { content: "Q."; color: var(--fs-orange); }
.faq__item dd::before { content: "A."; color: var(--fs-ink-body); }
/* ===== 11. 申込みフォーム ===== */
.apply { background: var(--fs-orange-pale); padding: 80px 20px 88px; }
.apply__inner { max-width: 620px; margin: 0 auto; }
.apply .sec-kicker { text-align: center; }
.apply__title { font-size: 28px; font-weight: 900; line-height: 1.5; text-align: center; }
.apply__lead { margin-top: 10px; font-size: 15px; font-weight: 700; line-height: 1.8; text-align: center; color: var(--fs-ink-body); }
.entry { margin-top: 28px; padding: 32px 32px 28px; }
.entry__group + .entry__group { margin-top: 24px; }
.entry__label { display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 900; line-height: 1.6; margin-bottom: 10px; }
.req, .opt {
display: inline-block; border-radius: 999px; padding: 0 9px;
font-size: 11px; font-weight: 900; line-height: 1.8;
}
.req { background: var(--fs-orange); color: var(--fs-white); }
.opt { background: #F6F6F6; color: var(--fs-ink-body); }
.entry__input {
display: block; width: 100%; min-height: 50px;
background: var(--fs-white); border: 1.5px solid #888888; border-radius: 8px;
padding: 12px 14px; font-family: inherit; font-size: 16px; color: var(--fs-ink);
box-shadow: 0 1px 2px rgba(51,51,51,.04);
transition: border-color .18s var(--ease-out);
}
.entry__input::placeholder { color: #888888; }
.entry__input:focus { border-color: var(--fs-orange); }
.entry__select {
appearance: none; -webkit-appearance: none; padding-right: 40px;
background: var(--fs-white) url('data:image/svg+xml;utf8,') right 16px center / 12px 8px no-repeat;
}
.entry__textarea { min-height: 112px; resize: vertical; line-height: 1.8; }
.entry__hint { margin-top: 8px; font-size: 13px; color: var(--fs-ink-body); line-height: 1.8; }
/* ラジオは押しやすい大きさの枠にする。本物の input は見えないだけで残す（キーボード・読み上げ用） */
.choice { position: relative; display: block; cursor: pointer; }
.choice input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.choice__box {
display: flex; align-items: center; justify-content: center; gap: 10px; flex-wrap: wrap;
min-height: 50px; padding: 10px 14px;
background: var(--fs-white); border: 1.5px solid #888888; border-radius: 8px;
font-size: 15px; font-weight: 700; line-height: 1.4; text-align: center;
transition: border-color .18s var(--ease-out), background-color .18s var(--ease-out);
}
.choice:hover .choice__box { border-color: var(--fs-orange); }
.choice input:checked + .choice__box {
background: var(--fs-orange-pale); border: 2px solid var(--fs-orange); color: var(--fs-orange-ink);
}
.choice input:checked + .choice__box::before {
content: ""; width: 14px; height: 11px; flex: none;
background: url('data:image/svg+xml;utf8,') center / contain no-repeat;
}
.choice input:focus-visible + .choice__box { outline: 3px solid var(--fs-orange-ink); outline-offset: 2px; }
.choice input:disabled + .choice__box { opacity: .45; cursor: not-allowed; text-decoration: line-through; }
.choice__main { font-size: 17px; font-weight: 900; }
.choice__sub { font-size: 14px; font-weight: 700; }
.entry__dates { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.entry__dates .choice__box { flex-direction: column; gap: 0; }
.entry__dates input:checked + .choice__box::before { display: none; }
.entry__inline { display: flex; flex-wrap: wrap; gap: 10px; }
.entry__inline .choice { flex: 1 1 auto; }
.entry__consent {
margin-top: 28px; padding: 16px 18px;
background: var(--fs-cream); border: 1px solid var(--fs-line); border-radius: 8px;
}
.entry__consent-desc { font-size: 13px; color: var(--fs-ink-body); line-height: 1.85; }
.entry__check { display: flex; align-items: flex-start; gap: 10px; margin-top: 10px; cursor: pointer; font-size: 14px; font-weight: 700; line-height: 1.7; min-height: 44px; padding-top: 4px; }
.entry__check input { flex: none; width: 22px; height: 22px; margin: 1px 0 0; accent-color: var(--fs-orange); cursor: pointer; }
.entry__check a { color: var(--fs-orange-ink); text-decoration: underline; text-underline-offset: 3px; }
.entry__msg { display: none; margin-top: 20px; border-radius: 8px; padding: 12px 14px; font-size: 14px; font-weight: 700; line-height: 1.7; }
.entry__msg--ng { display: block; background: var(--fs-danger-pale); color: var(--fs-danger-ink); }
.ms .cta--submit { margin-top: 20px; }
.entry__after { margin-top: 14px; font-size: 13px; color: var(--fs-ink-body); line-height: 1.8; }
.entry-done { margin-top: 28px; padding: 28px 28px; }
.entry-done:focus { outline: none; }
.entry-done__title { font-size: 20px; font-weight: 900; color: var(--fs-orange-ink); line-height: 1.6; }
.entry-done__text { margin-top: 8px; font-size: 15px; line-height: 1.9; }
.entry-done[hidden] { display: none; }
/* ===== スマホの固定申込みボタン ===== */
.sticky-cta { display: none; }
/* ===== PC ===== */
@media (min-width: 701px) {
.lp-header { padding: 14px 32px; }
.lp-header .wordmark { gap: 12px; }
.lp-header .wordmark .mk { width: 32px; height: 32px; }
.lp-header .wordmark .tx { font-size: 22px; }
.lp-header .wordmark .tx small { font-size: 11px; margin-top: 5px; letter-spacing: 0.14em; }
.lp-header__cta { font-size: 14px; padding: 0 22px; }
.hero { padding: 40px 20px 52px; }
.hero__event { font-size: 12px; padding: 6px 16px; }
.hero__series { margin-top: 20px; font-size: 30px; }
.hero__title { margin-top: 8px; font-size: 40px; line-height: 1.45; }
.hero__sub { margin-top: 14px; font-size: 17px; padding: 5px 20px; }
.hero__lead { margin-top: 16px; font-size: 16px; }
.hero-speaker { max-width: 620px; margin: 24px auto 0; padding: 18px 24px; gap: 20px; }
.hero-speaker__photo { width: 96px; height: 96px; border-width: 5px; }
.hero-speaker__name { font-size: 22px; }
.hero-speaker__role { font-size: 14px; }
.hero-speaker__quote { font-size: 14px; }
.dates { max-width: 620px; margin: 16px auto 0; gap: 12px; }
.ms .dates a { padding: 12px 8px 10px; border-radius: var(--fs-radius); }
.d-day { font-size: 26px; }
.d-day small { font-size: 13px; }
.d-time { font-size: 14px; margin-top: 2px; }
.hero__facts { margin-top: 16px; font-size: 13.5px; }
.hero__fact { padding: 0 14px; }
.ms .hero .cta { margin-top: 22px; font-size: 20px; padding: 18px 28px; }
}
/* ===== スマホ ===== */
@media (max-width: 700px) {
.ms br.sp-only { display: inline; }
.ms br.pc-only { display: none; }
.band { padding: 56px 20px; }
.sec-head { margin-bottom: 28px; }
.sec-title { font-size: 21px; }
.ms .cta { margin-top: 32px; padding-left: 8px; padding-right: 8px; }
.worry__item { padding: 14px 16px; font-size: 15px; gap: 10px; }
.reason__title { font-size: 23px; }
.reason__body { margin-top: 24px; gap: 16px; }
.reason__body p { font-size: 15px; }
.shift__item { padding: 20px 18px; gap: 14px; }
.shift__num { font-size: 26px; }
.shift__title { font-size: 17px; }
.shift__text { font-size: 14.5px; }
.shift__close { font-size: 15px; text-align: left; }
.story__text { font-size: 15px; }
.story__text--now { font-size: 18px; padding: 12px 18px; }
.learn { padding: 4px 18px; }
.learn__item { padding: 15px 0; gap: 12px; }
.learn__num { width: 28px; height: 28px; font-size: 14px; }
.learn__text { font-size: 15px; }
.fit { grid-template-columns: 1fr; gap: 12px; }
.fit__col { padding: 20px 18px; }
.fit__head { font-size: 17px; }
.fit__list li { font-size: 14.5px; }
.profile { grid-template-columns: 1fr; gap: 24px; }
.profile__photo { max-width: 240px; padding-top: 16px; }
.profile__name { font-size: 24px; }
.profile__career li { font-size: 14.5px; }
.outline { padding: 4px 18px; }
.outline__row { grid-template-columns: 1fr; gap: 2px; padding: 14px 0; }
.outline__row dd { font-size: 14.5px; }
.faq__item { padding: 18px 0; }
.faq__item dt, .faq__item dd { padding-left: 28px; }
.faq__item dt { font-size: 15px; }
.faq__item dd { font-size: 14.5px; }
.apply { padding: 56px 16px 64px; }
.apply__title { font-size: 22px; }
.apply__lead { font-size: 14px; }
.entry { margin-top: 22px; padding: 24px 18px 22px; }
.entry__dates { grid-template-columns: 1fr; gap: 8px; }
.entry__dates .choice__box { flex-direction: row; gap: 10px; justify-content: flex-start; padding: 10px 16px; }
.entry__dates input:checked + .choice__box::before { display: block; }
.choice__main { font-size: 16px; }
.entry__consent { padding: 14px 14px; }
.entry-done { padding: 22px 18px; }
/* 画面下に固定の申込みボタン。FV・各CTA・フォームが見えている間は js が隠す */
.sticky-cta {
display: block; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
background: rgba(238,247,251,0.96); border-top: 1px solid var(--fs-line);
transform: translateY(110%); visibility: hidden;
transition: transform .22s var(--ease-out), visibility 0s linear .22s;
}
.sticky-cta.is-visible {
transform: translateY(0); visibility: visible;
transition: transform .22s var(--ease-out), visibility 0s;
}
.ms .sticky-cta .cta { margin: 0; max-width: none; padding: 12px 16px; box-shadow: 0 3px 0 var(--cta-shade); }
/* 固定ボタンがフッターの文字に重ならないよう、下に余白を足す */
.site-footer { padding-bottom: 96px; }
.site-footer { padding-left: 20px; padding-right: 20px; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
.ms *, .ms *::before, .ms *::after, .lp-header__cta { transition: none !important; }
.ms .cta:active { transform: none; }
}