@charset "UTF-8";
/* =====================================================================
   サービスLP「Instagram採用広告 代理店・運用代行」（/instagram/）の追加分
   - 土台は service-lp-b.css（デザイン案B）。本文は <article class="m-slp is-b is-instagram">
   - service-lp*.css は全部の LP ページで読み込まれるので、セレクタはすべて .m-slp.is-b.is-instagram で始める
   ===================================================================== */

/* ===================== HERO ===================== */
/* 認定の印の代わりに、サービスの特長を小さな札で並べる（ロゴ・パートナー表記は使わない） */
.m-slp.is-b.is-instagram .ig-tags { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.m-slp.is-b.is-instagram .ig-tags li {
	display: inline-flex; align-items: center; gap: 7px;
	padding: 5px 14px 5px 12px; border: 1px solid rgba(255,255,255,.5); border-radius: 999px;
	background: rgba(13,43,85,.35); color: #fff; font-size: 1.4rem; font-weight: 700; line-height: 1.5;
}
.m-slp.is-b.is-instagram .ig-tags li i { color: var(--yellow); }
/* キャッチの1行目（16字）がヒーローの左側に収まる大きさ */
.m-slp.is-b.is-instagram .b-hero__catch { font-size: 4.2rem; line-height: 1.4; }

/* ===================== 成果の帯（1つの事例の3つの数字） ===================== */
.m-slp.is-b.is-instagram .ig-results__who {
	margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.22);
	font-size: 1.4rem; font-weight: 800; line-height: 1.6; color: #fff;
}
.m-slp.is-b.is-instagram .b-results__note { margin-top: 8px; word-break: auto-phrase; }

/* ===================== 背景の白・薄グレーの交互（ABOUT を前に出したので並べ直す） ===================== */
.m-slp.is-b.is-instagram .b-about { background: var(--paper); }
.m-slp.is-b.is-instagram .b-case { background: #fff; }
.m-slp.is-b.is-instagram .b-point { background: var(--paper); }
.m-slp.is-b.is-instagram .b-service { background: #fff; }
.m-slp.is-b.is-instagram .b-service__item:not(.is-note) { background: #f7fafd; }
.m-slp.is-b.is-instagram .b-service__note { word-break: auto-phrase; }
.m-slp.is-b.is-instagram .b-flow { background: #fff; }
.m-slp.is-b.is-instagram .b-flow__n { box-shadow: 0 0 0 6px #fff; }
.m-slp.is-b.is-instagram .b-faq { background: var(--paper); }

/* ===================== ABOUT（Instagram採用広告とは） ===================== */
.m-slp.is-b.is-instagram .ig-about__intro { grid-template-columns: 380px 1fr; gap: 40px; align-items: center; }
.m-slp.is-b.is-instagram .ig-about__facts {
	margin: 0; padding: 6px 24px; background: #fff; border: 1px solid var(--line); border-top: 4px solid var(--navy); border-radius: 4px;
}
.m-slp.is-b.is-instagram .ig-about__facts > div { display: grid; grid-template-columns: 5.2em 1fr; gap: 8px; padding: 14px 0; }
.m-slp.is-b.is-instagram .ig-about__facts > div + div { border-top: 1px dashed var(--line); }
.m-slp.is-b.is-instagram .ig-about__facts dt { font-size: 1.5rem; font-weight: 800; line-height: 1.7; color: var(--navy); white-space: nowrap; }
.m-slp.is-b.is-instagram .ig-about__facts dt i { width: 1.2em; margin-right: 4px; text-align: center; color: var(--blue); }
.m-slp.is-b.is-instagram .ig-about__facts dd { margin: 0; padding: 0; font-size: 1.5rem; font-weight: 700; line-height: 1.7; color: var(--ink); word-break: auto-phrase; }
.m-slp.is-b.is-instagram .b-about__text p + p { margin-top: 14px; }
.m-slp.is-b.is-instagram .b-about__text b { background: linear-gradient(transparent 62%, rgba(255,225,0,.75) 62%); }

/* 求人サイトとの違い（B の比較表の部品を使う。左＝求人サイト、右＝Instagram採用広告） */
.m-slp.is-b.is-instagram .ig-vs { max-width: 960px; background: #fff; }
.m-slp.is-b.is-instagram .ig-vs .ig-vs__sub { display: block; margin-top: 2px; font-size: 1.35rem; font-weight: 700; }
.m-slp.is-b.is-instagram .ig-vs thead th { vertical-align: middle; }
.m-slp.is-b.is-instagram .ig-vs tbody td.is-self { background: #fff; }
.m-slp.is-b.is-instagram .ig-vs tbody td { word-break: auto-phrase; text-wrap: pretty; }

.m-slp.is-b.is-instagram .ig-about__form { display: flex; align-items: center; justify-content: center; gap: 16px; text-align: left; }
.m-slp.is-b.is-instagram .ig-about__form i { flex: 0 0 auto; font-size: 3rem; color: var(--yellow); }
.m-slp.is-b.is-instagram .ig-about__policy {
	display: flex; gap: 8px; max-width: 960px; margin: 16px auto 0;
	font-size: 1.4rem; line-height: 1.7; color: var(--muted);
}
.m-slp.is-b.is-instagram .ig-about__policy i { margin-top: .3em; color: var(--navy); }

/* ===================== CASE（棒の長さは数値の比） ===================== */
.m-slp.is-b.is-instagram .b-chart__fill.is-w0 { width: 0; }         /* 0 / 16 */
.m-slp.is-b.is-instagram .b-chart__fill.is-w94 { width: 93.75%; }   /* 15 / 16 */
.m-slp.is-b.is-instagram .b-chart__fill.is-w37 { width: 36.78%; }   /* 5,517 / 15,000 */
.m-slp.is-b.is-instagram .b-chart__fill.is-w40 { width: 39.57%; }   /* 5,935 / 15,000 */
/* 目標の棒は斜線で、実績（紺）と見分ける（求人ボックス・Google と同じ） */
.m-slp.is-b.is-instagram .b-chart__row.is-goal .b-chart__fill {
	background: repeating-linear-gradient(135deg, #9aacc2 0 5px, #c9d5e3 5px 10px);
}
/* 打ち手・成果の箇条：語の途中で折れて1〜2文字の行ができないよう、文節で折る（数字と単位・月は .ig-nw で割らない） */
.m-slp.is-b.is-instagram .b-case__blk li { word-break: auto-phrase; text-wrap: pretty; }
.m-slp.is-b.is-instagram .ig-nw { white-space: nowrap; }

/* ===================== POINT ===================== */
.m-slp.is-b.is-instagram .b-point__item a { color: var(--blue); text-decoration: underline; text-underline-offset: 2px; }

/* ===================== FAQ・フォーム（文節で折る） ===================== */
.m-slp.is-b.is-instagram .b-faq__list dt { word-break: auto-phrase; }
.m-slp.is-b.is-instagram .b-form textarea { word-break: auto-phrase; }

/* ===================== SERVICE（5項目＋補足＝3列×2段） ===================== */
@media (min-width: 1024px) {
	.m-slp.is-b.is-instagram .b-service__grid { grid-template-columns: repeat(3, 1fr); }
	.m-slp.is-b.is-instagram .b-service__item h3 { min-height: 0; }
}

/* ===================== レスポンシブ ===================== */
@media (max-width: 1023px) {
	.m-slp.is-b.is-instagram .b-hero__catch { font-size: 3.8rem; }
	.m-slp.is-b.is-instagram .ig-about__intro { grid-template-columns: 1fr; gap: 24px; }
	.m-slp.is-b.is-instagram .ig-results__who { flex-basis: 100%; margin-top: 6px; padding-top: 0; border-top: 0; }
}

@media (max-width: 767px) {
	/* 特長の札はスマホでは3段になり、キャッチを押し下げるので出さない（同じ内容はリード文にある） */
	.m-slp.is-b.is-instagram .ig-tags { display: none; }
	.m-slp.is-b.is-instagram .b-hero__title { margin-top: 0; }
	.m-slp.is-b.is-instagram .b-hero__eyebrow { font-size: 1.45rem; }
	.m-slp.is-b.is-instagram .b-hero__catch { font-size: 2.8rem; line-height: 1.45; }
	.m-slp.is-b.is-instagram .ig-results__who { font-size: 1.35rem; }

	.m-slp.is-b.is-instagram .b-flow__n { box-shadow: 0 0 0 5px #fff; }

	.m-slp.is-b.is-instagram .ig-about__facts { padding: 4px 16px; }
	.m-slp.is-b.is-instagram .ig-about__facts > div { grid-template-columns: 1fr; gap: 0; padding: 12px 0; }
	.m-slp.is-b.is-instagram .ig-about__facts dt,
	.m-slp.is-b.is-instagram .ig-about__facts dd { font-size: 1.45rem; }
	.m-slp.is-b.is-instagram .ig-vs .ig-vs__sub { display: inline; }
	.m-slp.is-b.is-instagram .ig-vs tbody td { grid-template-columns: 8.4em 1fr; }
	.m-slp.is-b.is-instagram .ig-about__form { gap: 12px; }
	.m-slp.is-b.is-instagram .ig-about__form i { font-size: 2.4rem; }
	.m-slp.is-b.is-instagram .ig-about__policy { font-size: 1.3rem; }

}

@media (max-width: 480px) {
	.m-slp.is-b.is-instagram .b-hero__catch { font-size: 2.7rem; }
	/* 追従 CTA は原稿の文言のまま、帯に1行で収める */
	.m-slp.is-b.is-instagram .b-sticky__btn { font-size: 1.5rem; }
	.m-slp.is-b.is-instagram .ig-vs tbody td { grid-template-columns: 8.4em 1fr; }
}

/* =====================================================================
   インスタカラー（ページ全体を Instagram の暖色系・虹色っぽい色にする）
   - 色は木嶋さんの見本2つ（business.instagram.com：ピンク #FB066E・マゼンタ #E200A6・赤橙 #FD4A2C・オレンジ #FF6D07、
     p2p.carryme.jp/lp/202512_sns：赤 #F70E00・オレンジ #F57800・山吹 #F6B300）から取る。紫は使わない
   - B の紺・青・黄の変数を上書きし、ヒーロー・見出しの英字・数字・線・アイコン・フォームの地はグラデーションにする
   - 白い文字が載る箱（成果の帯の見出し・ABOUT の帯・SERVICE の箱・各札）はマゼンタ〜濃いピンク（白文字で 4.5:1 以上）。
     ヒーローとフォームの地は見本どおりの明るいピンク〜赤〜オレンジで、白い文字に薄い影を付ける
   - ヒーローの相談ボタンは白（見本の Instagram と同じ。黄だとオレンジの地に溶ける）。ほかのボタンは黄〜オレンジに黒い文字
   ===================================================================== */
.m-slp.is-b.is-instagram {
	--ink: #241a26;
	--blue: #b0007a;      /* リンク（白地に 6:1） */
	--navy: #c4007e;      /* 主色＝濃いピンク（白地に 5.8:1） */
	--navy-d: #d300c5;
	--navy-dd: #6a1fd0;   /* 濃い紫（黄色の蛍光ペンの上の文字・フォーカスの枠） */
	--yellow: #ffd600;
	--yellow-d: #ffc400;
	--paper: #fff6f9;
	--paper-2: #fbe6f3;
	--line: #f1d8e8;
	--muted: #66556a;
	/* Instagram のロゴ（2022年版）のグラデーション：黄 → オレンジ → ピンク → マゼンタ → 紫 */
	--ig-grad: linear-gradient(90deg, #7638fa 0%, #d300c5 25%, #ff0069 50%, #ff7a00 75%, #ffd600 100%);    /* 線・帯 */
	--ig-grad-v: linear-gradient(180deg, #7638fa 0%, #d300c5 30%, #ff0069 60%, #ff7a00 85%, #ffd600 100%); /* 縦の線 */
	--ig-grad-deep: linear-gradient(135deg, #7638fa 0%, #a72ae8 45%, #d300c5 100%);                       /* 白い文字が載る箱（紫→マゼンタ。白文字で 4.6:1 以上） */
	--ig-grad-strong: linear-gradient(90deg, #7638fa 0%, #d300c5 35%, #ff0069 70%, #fe4a05 100%);         /* 大きい文字・グラフの棒（端でも白地に 3.3:1） */
	--ig-grad-icon: linear-gradient(45deg, #ffd600 0%, #ff7a00 25%, #ff0069 50%, #d300c5 75%, #7638fa 100%); /* アイコン（ロゴと同じ向き） */
	--ig-cta: linear-gradient(100deg, #ffd600 0%, #ffb300 50%, #ff8a00 100%);
	--ig-cta-h: linear-gradient(100deg, #ffc800 0%, #ffa200 50%, #ff7a00 100%);
	--ig-cta-sh: #d96a00;
	--ig-mark: rgba(255,214,0,.5);   /* 黄色の蛍光ペン */
	--ig-shadow: 0 1px 3px rgba(90,0,60,.4);   /* 明るい地の上の白い文字の影 */
}

/* 文字をグラデーションで塗る（英字の見出しと CHALLENGE の締めだけ。数字は派手になるので主色の1色＝B の紺の所がそのまま --navy になる） */
.m-slp.is-b.is-instagram .b-head__en,
.m-slp.is-b.is-instagram .b-pain__catch b {
	background: var(--ig-grad-strong);
	-webkit-background-clip: text; background-clip: text;
	color: transparent; -webkit-text-fill-color: transparent;
	-webkit-box-decoration-break: clone; box-decoration-break: clone;
}
.m-slp.is-b.is-instagram .b-head__en { width: fit-content; margin-inline: auto; }
.m-slp.is-b.is-instagram .b-head.is-light .b-head__en { background: none; color: #fff; -webkit-text-fill-color: #fff; text-shadow: var(--ig-shadow); }
.m-slp.is-b.is-instagram .b-head.is-light .b-head__jp { text-shadow: var(--ig-shadow); }
.m-slp.is-b.is-instagram .b-head__jp::after { width: 64px; background: var(--ig-grad); }
/* フォームの地（ピンク〜オレンジ）の上では、黄〜白の線にする */
.m-slp.is-b.is-instagram .b-head.is-light .b-head__jp::after { background: linear-gradient(90deg, #ffd600, #fff3a0); }

/* 蛍光ペン */
.m-slp.is-b.is-instagram .b-pain__list li b,
.m-slp.is-b.is-instagram .b-about__text b,
.m-slp.is-b.is-instagram .b-case__blk.is-result li b { background: linear-gradient(transparent 62%, var(--ig-mark) 62%); }
.m-slp.is-b.is-instagram .b-res__second b { background: linear-gradient(transparent 60%, var(--ig-mark) 60%); }

/* ボタン（白い地の上：黄〜オレンジに黒い文字） */
.m-slp.is-b.is-instagram .b-btn--cv { background: var(--ig-cta); box-shadow: 0 3px 0 var(--ig-cta-sh); }
.m-slp.is-b.is-instagram .b-btn--cv:hover { background: var(--ig-cta-h); }
.m-slp.is-b.is-instagram .b-form button[disabled] { box-shadow: none; }
.m-slp.is-b.is-instagram .b-sticky__btn { background: var(--ig-cta); box-shadow: 0 10px 26px rgba(120,20,40,.26), 0 3px 0 var(--ig-cta-sh); }
.m-slp.is-b.is-instagram .b-sticky__btn:hover { background: var(--ig-cta-h); }

/* HERO：Instagram のロゴ（2022年版）と同じ並び。左上が紫、上がマゼンタ、中央がピンク、下（ボタンの下）がオレンジ〜黄。
   塗りつぶさずに半透明にして写真を左端まで透かし（濃く塗ると写真が途中で切れて見える）、右へ 90% まで長くぼかす（mask） */
.m-slp.is-b.is-instagram .b-hero { background: #ff0069; }
.m-slp.is-b.is-instagram .b-hero::before {
	background:
		radial-gradient(55% 80% at 0% 0%, rgba(118,56,250,.95) 0%, rgba(118,56,250,0) 72%),
		radial-gradient(45% 70% at 42% 0%, rgba(211,0,197,.85) 0%, rgba(211,0,197,0) 72%),
		radial-gradient(42% 55% at 30% 100%, rgba(255,198,0,.95) 0%, rgba(255,122,0,.75) 40%, rgba(255,122,0,0) 78%),
		linear-gradient(95deg, #e4007f 0%, #ff0069 42%, #ff2a3a 58%, #fe5c18 70%, #ff9a00 80%);
	-webkit-mask-image: linear-gradient(95deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.88) 46%, rgba(0,0,0,.72) 58%, rgba(0,0,0,.38) 70%, rgba(0,0,0,.12) 80%, rgba(0,0,0,0) 90%);
	mask-image: linear-gradient(95deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.88) 46%, rgba(0,0,0,.72) 58%, rgba(0,0,0,.38) 70%, rgba(0,0,0,.12) 80%, rgba(0,0,0,0) 90%);
}
.m-slp.is-b.is-instagram .b-hero__eyebrow,
.m-slp.is-b.is-instagram .b-hero__catch,
.m-slp.is-b.is-instagram .b-hero__lead,
.m-slp.is-b.is-instagram .ig-tags li { text-shadow: var(--ig-shadow); }
.m-slp.is-b.is-instagram .b-hero__lead { color: #fff; }
.m-slp.is-b.is-instagram .b-hero__catch em { color: #ffeb70; }   /* 濃い黄だとピンクの上で 3:1 に届かない */
.m-slp.is-b.is-instagram .ig-tags li { background: rgba(120,0,50,.22); border-color: rgba(255,255,255,.6); }
.m-slp.is-b.is-instagram .ig-tags li i { color: #ffeb70; }
/* 相談ボタンは白に濃いピンクの文字（見本の Instagram と同じ） */
.m-slp.is-b.is-instagram .b-hero .b-btn--cv { background: #fff; color: var(--navy); box-shadow: 0 3px 0 rgba(140,0,60,.35); }
.m-slp.is-b.is-instagram .b-hero .b-btn--cv:hover { background: #fff0f5; color: var(--navy); }
/* 2つ目のボタンは、下のオレンジ〜黄の上でも白い文字が読めるよう、地を少し暗くする */
.m-slp.is-b.is-instagram .b-hero .b-btn--line { background: rgba(60,0,60,.22); border-color: rgba(255,255,255,.85); text-shadow: var(--ig-shadow); }
.m-slp.is-b.is-instagram .b-hero .b-btn--line:hover { background: rgba(60,0,60,.34); color: #fff; }

/* 成果の帯 */
.m-slp.is-b.is-instagram .b-results__panel {
	border-top: 5px solid transparent; box-shadow: 0 18px 44px rgba(120,20,50,.16);
	border-image: linear-gradient(90deg, #ffd600 0%, #ff7a00 25%, #ff0069 50%, #d300c5 75%, #7638fa 100%) 1;
}
.m-slp.is-b.is-instagram .b-results__head { background: linear-gradient(160deg, #7638fa 0%, #a72ae8 50%, #d300c5 100%); }
.m-slp.is-b.is-instagram .b-results__note { color: #fff; }
.m-slp.is-b.is-instagram .b-res:hover { background: #fff6f8; }
/* キーボードの枠：カードの外側は隣と帯に隠れるので、内側に描く */
.m-slp.is-b.is-instagram .b-res:focus-visible { outline-offset: -5px; }

/* CHALLENGE：左の線をグラデーションに */
.m-slp.is-b.is-instagram .b-pain__list li {
	border-left: 0; padding-left: 28px;
	background: var(--ig-grad-v) left top / 4px 100% no-repeat, #fff;
}

/* ABOUT */
.m-slp.is-b.is-instagram .ig-about__facts { border-top: 0; padding-top: 10px; background: var(--ig-grad) left top / 100% 4px no-repeat, #fff; }
.m-slp.is-b.is-instagram .b-about__sum { background: var(--ig-grad-deep); }
.m-slp.is-b.is-instagram .b-about__sum b { color: #fff; text-decoration: underline 2px #ffd600; text-underline-offset: 5px; }   /* 黄色の文字だとピンクの上で読みにくい */
.m-slp.is-b.is-instagram .b-compare__table thead th.is-self { background: #7a6670; }   /* 白文字で 5:1 */
.m-slp.is-b.is-instagram .b-compare__table thead th.is-neton { background: var(--ig-grad-deep); }
.m-slp.is-b.is-instagram .b-compare__table tbody th { background: #fff7f9; }
.m-slp.is-b.is-instagram .b-compare__table tbody td.is-neton { background: #ffeef4; }

/* CASE */
.m-slp.is-b.is-instagram .b-case__no { background: var(--ig-grad-deep); }
.m-slp.is-b.is-instagram .b-case__blk.is-result { background: #fff7f9; }
.m-slp.is-b.is-instagram .b-case__blk.is-result li b { color: var(--navy-dd); }   /* 蛍光ペンの上でも 4.5:1 以上 */
.m-slp.is-b.is-instagram .b-chart__fill { background: #e2cbe0; }
.m-slp.is-b.is-instagram .b-chart__row.is-after .b-chart__fill { background: var(--ig-grad-strong); }
.m-slp.is-b.is-instagram .b-chart__row.is-goal .b-chart__fill {
	background: repeating-linear-gradient(135deg, #dcbbe0 0 5px, #f5e6f5 5px 10px);
}

/* POINT：上の線をグラデーションに */
.m-slp.is-b.is-instagram .b-point__item { border-top: 0; padding-top: 38px; background: var(--ig-grad) left top / 100% 4px no-repeat, #fff; }

/* SERVICE：アイコンは Instagram のアイコンのような角丸の四角 */
.m-slp.is-b.is-instagram .b-service__icon i { background: var(--ig-grad-icon); border-radius: 14px; }
.m-slp.is-b.is-instagram .b-service__icon span { color: #e6c6e6; }
.m-slp.is-b.is-instagram .b-service__item:not(.is-note) { background: #fff7f9; }
.m-slp.is-b.is-instagram .b-service__item.is-note { background: var(--ig-grad-deep); border-color: transparent; }

/* PRICE */
.m-slp.is-b.is-instagram .b-price__box.is-main { border: 3px solid transparent; background: linear-gradient(#fff, #fff) padding-box, var(--ig-grad) border-box; }
.m-slp.is-b.is-instagram .b-price__box.is-main .b-price__label { background: var(--ig-grad-deep); }
.m-slp.is-b.is-instagram .b-sim__table tbody td:last-child { background: #fff7f9; }
.m-slp.is-b.is-instagram .b-sim__legend span::before,
.m-slp.is-b.is-instagram .b-sim__ad { background: #ecc9e6; }
.m-slp.is-b.is-instagram .b-sim__legend span.is-fee::before,
.m-slp.is-b.is-instagram .b-sim__fee { background: var(--navy); }

/* FLOW */
.m-slp.is-b.is-instagram .b-flow__list::before { background: var(--ig-grad); }
.m-slp.is-b.is-instagram .b-flow__n { background: var(--ig-grad-deep); }
.m-slp.is-b.is-instagram .b-flow__list li:last-child .b-flow__n { background: var(--yellow); }

/* FAQ */
.m-slp.is-b.is-instagram .b-faq__list dt::before { background: var(--ig-grad-deep); }
.m-slp.is-b.is-instagram .b-faq__list dd { color: #4a3a42; }

/* CONTACT：ロゴと同じく上が紫、下へマゼンタ→ピンク→オレンジ→黄（白い文字は上の紫〜マゼンタの所だけ） */
.m-slp.is-b.is-instagram .b-contact {
	background-color: #d300c5;
	background-image:
		linear-gradient(135deg, rgba(255,255,255,.04) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.04) 50%, rgba(255,255,255,.04) 75%, transparent 75%),
		linear-gradient(170deg, #7638fa 0%, #b02ae0 22%, #d300c5 38%, #ff0069 60%, #ff7a00 84%, #ffc600 100%);
	background-size: 28px 28px, 100% 100%;
}
.m-slp.is-b.is-instagram .b-contact__lead { color: #fff; text-shadow: var(--ig-shadow); }
.m-slp.is-b.is-instagram .b-form { box-shadow: 0 20px 50px rgba(110,10,40,.3); }
.m-slp.is-b.is-instagram .b-form__group--check { background: #fff4f7; }
/* テーマ（theme.css）の input[type=text]・textarea の :focus の水色の影を消す */
.m-slp.is-b.is-instagram .b-form input[type="text"]:focus,
.m-slp.is-b.is-instagram .b-form textarea:focus { box-shadow: none; }

@media (max-width: 1023px) {
	.m-slp.is-b.is-instagram .b-flow__list li:not(:last-child)::before { background: var(--ig-grad-v); }
}

@media (max-width: 767px) {
	/* HERO：写真を上、文字はロゴと同じく上から 紫寄りのマゼンタ → ピンク → 赤 → オレンジ の地の上（写真の下端の色＝地の上端の色）。
	   オレンジはボタンの下の一番下だけ */
	.m-slp.is-b.is-instagram .b-hero { background: linear-gradient(180deg, #b81ad8 0, #b81ad8 184px, #e4007f 40%, #ff0069 60%, #ff2a3a 82%, #ff7a00 100%); }
	.m-slp.is-b.is-instagram .b-hero::before {
		-webkit-mask-image: none; mask-image: none;
		background: linear-gradient(180deg, rgba(184,26,216,0) 30%, rgba(184,26,216,.55) 70%, rgba(184,26,216,.92) 96%, #b81ad8 100%);
	}
	.m-slp.is-b.is-instagram .b-pain__list li { padding-left: 20px; }
	.m-slp.is-b.is-instagram .b-point__item { padding-top: 28px; }
	.m-slp.is-b.is-instagram .ig-about__facts { padding-top: 8px; }
	.m-slp.is-b.is-instagram .b-compare__table tbody th { background: var(--ig-grad-deep); }
	.m-slp.is-b.is-instagram .b-service__icon i { border-radius: 12px; }
	.m-slp.is-b.is-instagram .b-head__jp::after { width: 52px; }   /* B の SP は 40px。PC の 48→64 と同じ比 */
	.m-slp.is-b.is-instagram .b-sticky { box-shadow: 0 -6px 20px rgba(120,20,50,.14); }
	.m-slp.is-b.is-instagram .b-sticky__btn { box-shadow: 0 3px 0 var(--ig-cta-sh); }
}