@charset "utf-8";
/* =========================================================
   シルバーウィーク先行配信オンデマンドセミナー 申込フォーム 専用スタイル
   ・2026_8（お盆版）のデザインを踏襲し .odc-lp 配下へスコープ化
   ・サイト共通CSS(header/footer)へ影響しないよう全て .odc-lp で限定
   ========================================================= */
.odc-lp{
  --navy:#152447; --navy-dark:#0d1830; --gold:#c9a13b;
  --cream:#f5f1e8; --gray:#5a6478; --border:#e2e6ee;
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  color:#24304a; line-height:1.8;
}
.odc-lp *{box-sizing:border-box;}
.odc-lp img{max-width:100%;display:block;}
.odc-lp .container{max-width:1080px;margin:0 auto;padding:0 24px;}

/* ---- FV（大見出し＋メッシュ効果） ---- */
.c-page-sub__title_weekend{
	position:relative;
	padding:7.2% 5% 4.2%;
	text-align:center;
	font-size:2rem;
	line-height:1.4;
	text-shadow:0 0 16px #232e4d;
	letter-spacing:.1em;
	color:#fff;
	background:url("/img/common/bg_fv_202609.png") no-repeat center center / cover;
}
.c-page-sub__title_weekend h1{display:block;color:#fff;margin:0;}
.c-page-sub__title_weekend::before{
	content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;
	background:url(/img/common/bg-pattern.png);mix-blend-mode:multiply;
}
.c-page-sub__title_weekend .futura_b{
	font-size:8rem;text-shadow:0 0 16px #232e4d;display:block;line-height:1.2;letter-spacing:.1em;padding-left:.1em;
}
@media screen and (max-width:46.875em){
	/* 背景画像は上下にアイボリーの余白帯があるため、縦141%に拡大して写真部分だけで画面いっぱいに広げる */
	.c-page-sub__title_weekend{font-size:1.6rem;padding:8% 5%;background-size:auto 141% !important;background-position:center center !important;}
	.c-page-sub__title_weekend .futura_b{font-size:4rem;text-shadow:0 0 5px #232e4d;}
}

/* ---- page-intro ---- */
.odc-lp .page-intro{padding:48px 0 40px;}
/* 見出しエリア：全幅（画像より上に配置） */
.odc-lp .intro-head{width:100%;margin:0 0 32px;}
.odc-lp .intro-head .sub-heading{margin-bottom:0;}
/* テキストエリア：画像エリア＝50:50 */
.odc-lp .intro-flex{display:flex;gap:40px;align-items:flex-start;flex-wrap:wrap;}
.odc-lp .intro-copy{flex:1 1 0;min-width:0;}
.odc-lp .intro-kv{flex:1 1 0;min-width:0;max-width:none;}
.odc-lp .intro-kv img{border-radius:10px;box-shadow:0 10px 28px rgba(21,36,71,.16);width:100%;height:auto;}
.odc-lp .intro-kv-sp{display:none;} /* モバイル時のみ表示（サブ見出し直下） */
.odc-lp .eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--gold);margin-bottom:14px;}
.odc-lp .page-intro h1{font-size:26px;color:var(--navy);font-weight:700;line-height:1.55;margin:0 0 14px;}
.odc-lp .sub-heading{font-size:15px;color:var(--gold);font-weight:700;margin:0 0 20px;}
.odc-lp .lead{font-size:15px;color:var(--gray);margin:0 0 16px;}

/* ---- こんな方にオススメ ---- */
.odc-lp .recommend-box{background:var(--cream);border-radius:8px;padding:20px 24px;margin:4px 0 0;}
.odc-lp .recommend-title{font-size:16px;font-weight:700;color:var(--navy);margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--border);}
.odc-lp .recommend-list{list-style:none;margin:0;padding:0;}
.odc-lp .recommend-list li{position:relative;padding-left:1.4em;margin:0 0 8px;font-size:15px;color:var(--gray);line-height:1.7;}
.odc-lp .recommend-list li:last-child{margin-bottom:0;}
.odc-lp .recommend-list li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;background:var(--gold);}

@media (max-width:760px){
  .odc-lp .page-intro h1{font-size:23px;}
  /* モバイルは見出し直下にKVが来るため、余白はKV側のmarginに任せる */
  .odc-lp .intro-head{margin-bottom:0;}
  /* モバイルのみ左右に余白（PC版はそのまま） */
  .odc-lp .page-intro{padding-left:24px;padding-right:24px;}
  /* モバイル：KVをサブ見出し直下に表示、PC用KVは非表示 */
  .odc-lp .intro-kv--pc{display:none;}
  .odc-lp .intro-kv-sp{display:block;margin:20px 0 4px;}
  .odc-lp .intro-kv-sp img{border-radius:10px;box-shadow:0 10px 28px rgba(21,36,71,.16);width:100%;height:auto;}
  /* モバイルは「こんな方にオススメ」を非表示 */
  .odc-lp .recommend-box{display:none;}
}