/* ==========================================================================
LP5本（lp-production / mailmagazine / btob-marketing / headlesscms / ownedmedia-consulting）の共通CSS
各LPの nwx-*.css の後に読み込み、各LPに残っている旧指定を上書きする
========================================================================== */
/* ---- コンサルタント紹介（.seo-consulting_member）----
- 写真：カード右端に余白なしの縦長（左側だけ角丸）。拡大せず、上端を基準に切り取る
HTMLは ![]()
- 左に肩書き（青枠・1行。長いときは写真の上にかかる）→ 名前 → チップ。左の要素は写真より4px上
- カードの並びは auto-fit（人数が少ないときはカードが横いっぱいに伸びる） */
.nwx-sc .seo-consulting_member_list{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1080px;margin:0 auto}
/* 同じ行に並ぶカードどうしで「写真・肩書きの欄」と「本文」の行の高さを共有し、本文の書き出しをそろえる
（行が引き伸ばされても、余りは欄の中に配らない） */
.nwx-sc .seo-consulting_member_item{display:grid;grid-row:span 2;grid-template-rows:subgrid;row-gap:20px;align-content:start}
.nwx-sc .seo-consulting_member_item_imgArea{align-self:stretch}
.nwx-sc .seo-consulting_member_txt{align-self:start} /* 本文は上揃え */
/* コンサルタントが1人だけのとき：写真はカードの端に付けず左に置き、余白をとって四隅を角丸に */
.nwx-sc .seo-consulting_member_list>:only-child .seo-consulting_member_item_imgArea{grid-template-columns:160px minmax(0,1fr);margin-right:0}
.nwx-sc .seo-consulting_member_list>:only-child .seo-consulting_member_photo{grid-column:1;border-radius:.8rem}
.nwx-sc .seo-consulting_member_list>:only-child .seo-consulting_member_head>*{grid-column:2}
@media (max-width:768px){
.nwx-sc .seo-consulting_member_list>:only-child .seo-consulting_member_item_imgArea{grid-template-columns:130px minmax(0,1fr);margin-right:0}
}
.nwx-sc .seo-consulting_member_item_imgArea{display:grid;grid-template-columns:minmax(0,1fr) 160px;grid-template-rows:auto auto auto 1fr;gap:0 20px;align-items:start;margin:0 -24px 2px 0}
.nwx-sc .seo-consulting_member_head{display:contents} /* 肩書き・名前・チップを写真と同じグリッドに並べる */
.nwx-sc .seo-consulting_member_photo{grid-column:2;grid-row:1/-1;position:relative;top:4px;display:block;overflow:hidden;aspect-ratio:624/784;border-radius:.8rem 0 0 .8rem;background:#fff}
.nwx-sc .seo-consulting_member_photo .seo-consulting_member_img{display:block;width:100%;height:100%;padding:0;margin:0;border-radius:0;object-fit:cover;object-position:50% 0} /* 拡大はしない。枠に合わせて切るときは上端を基準にして、頭の上の余白を残す */
/* 竹岸さんの写真（横長1025x716）は人物が左寄り → 体の中心（元画像の左から約29%）が枠の中央に来る位置 */
.nwx-sc .seo-consulting_member_photo .seo-consulting_member_img[src*="img_takegishi"]{object-position:3% 30%}
.nwx-sc .seo-consulting_member_head .seo-consulting_member_tag{grid-column:1;grid-row:1;justify-self:start;display:inline-block;white-space:nowrap;z-index:2;margin:0;padding:4px 16px;background:#fff;border-radius:20px;border:1px solid var(--sc-blue);font-size:14px;font-weight:700;line-height:1.5;color:var(--sc-blue);position:relative;top:-4px}
.nwx-sc .seo-consulting_member_head .seo-consulting_member_name{grid-column:1;grid-row:2;margin:14px 0 0;padding:0;position:relative;top:-4px}
.nwx-sc .seo-consulting_member_head .seo-consulting_member_chips{grid-column:1;grid-row:3;position:relative;top:-4px}
/* 写真の幅：2〜3カラムのときは正方形・カード幅の46%（カードの幅に合わせて伸び縮み）。1カラム（カード1枚で横いっぱい）・SPは縦長のまま。
カードに container-type を付けると、上の「行の高さの共有（subgrid）」が効かなくなるため、基準はカード一覧の幅にする */
.nwx-sc .seo-consulting_member_list{container-type:inline-size}
@media (min-width:769px){
@container (min-width:624px){ /* 2カラム（カード2枚、または3枚で一覧が狭いとき）：カード幅＝(一覧−隙間24px)÷2 */
.nwx-sc .seo-consulting_member_list:has(>:nth-child(2)) .seo-consulting_member_item_imgArea{grid-template-columns:minmax(0,1fr) calc((100cqi - 24px) / 2 * .46)}
.nwx-sc .seo-consulting_member_list:has(>:nth-child(2)) .seo-consulting_member_photo{aspect-ratio:1/1}
/* 竹岸さんだけ横長の写真（1025x716）なので、正方形の枠ではほかの人より小さく写り、体も左に寄る。
ほかの人と同じくらいの大きさに拡大し、体の中心（元画像の左から約29%＝枠の41.5%）を枠の中央へ動かす */
.nwx-sc .seo-consulting_member_list:has(>:nth-child(2)) .seo-consulting_member_photo .seo-consulting_member_img[src*="img_takegishi"]{object-position:0 0;transform-origin:41.5% 0;transform:translateX(8.5%) scale(1.2)}
}
@container (min-width:948px){ /* 3カラム（カード3枚）：カード幅＝(一覧−隙間48px)÷3。カードが狭いので写真は40%にして、文字の欄（チップ）が入る幅を残す */
.nwx-sc .seo-consulting_member_list:has(>:nth-child(3)) .seo-consulting_member_item_imgArea{grid-template-columns:minmax(0,1fr) calc((100cqi - 48px) / 3 * .40)}
}
}
@media (max-width:768px){
.nwx-sc .seo-consulting_member_item_imgArea{grid-template-columns:minmax(0,1fr) 130px;column-gap:16px;margin-right:-20px}
}
/* ---- 記事リンク（「〜を検討中の方へ」.nwx-rel__g）----
QUERYYの記事へのリンクにサムネイルを付けたカード。リンク先・タイトルは各LPに手書き
画像はWPが作る600px版（-600x401）。PCは上に画像・下にタイトル、SPは左に画像・右にタイトル */
.nwx-sc .nwx-rel__g{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.nwx-sc .nwx-rel__g a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;align-items:center;gap:0 10px;height:100%;padding:0;overflow:hidden}
.nwx-sc .nwx-rel__g a>svg{margin-right:18px}
.nwx-sc .nwx-rel__img{grid-column:1/-1;display:block;width:100%;height:auto;aspect-ratio:600/401;object-fit:cover;border-bottom:1px solid rgba(26,41,78,.1)}
.nwx-sc .nwx-rel__g a>span{padding:14px 0 16px 18px}
@media (max-width:768px){
.nwx-sc .nwx-rel__g{gap:12px}
.nwx-sc .nwx-rel__g a{grid-template-columns:120px minmax(0,1fr) auto;grid-template-rows:auto;gap:0 12px;padding:0;font-size:14px}.nwx-sc .nwx-rel__g a>svg{margin-right:14px}
.nwx-sc .nwx-rel__img{grid-column:auto;height:100%;min-height:80px;border-bottom:0;border-right:1px solid rgba(26,41,78,.1)}
.nwx-sc .nwx-rel__g a>span{padding:12px 0}
}
/* ---- 見出しの統一（KVのH1・各セクションのH2・H2下のリード文）----
H2は書き方が5種類（.nwx-s__h / .nwx-ab__h / .nwx-xh__h / .nwx-ai2__h / .sec-ttl）あり、大きさ・太さ・揃えがバラバラだったため統一する
- H2：太さはいちばん太い800。PCは「AI検索の時代の〜」（.nwx-ai2__h）より4px小さく・中央揃え
- リード文と「〜とは」の定義文：PCは定義文（.nwx-ab__def）の太さ・色で、大きさは元の定義文より4px小さく・中央揃え（SPは左揃えのまま）
- KVのH1：PCだけ太さ800・中央揃え */
.nwx-sc :is(.nwx-s .nwx-s__h,.nwx-ab__h,.nwx-xh__h,.nwx-mind .nwx-xh__h,.nwx-ai2__h,.sec-ttl){font-size:clamp(26px,3vw,44px)!important;font-weight:800!important;line-height:1.35!important}
@media (min-width:769px){
.nwx-sc .internal_hero h1{font-weight:800;text-align:center;margin-top:12px} /* SPは太くすると1行に収まらないLPがあるため従来のまま。上のキャッチとの間に12px足す */
.nwx-sc :is(.nwx-s .nwx-s__h,.nwx-ab__h,.nwx-xh__h,.nwx-mind .nwx-xh__h,.nwx-ai2__h,.sec-ttl){font-size:clamp(22px,calc(3vw - 4px),40px)!important;text-align:center!important;margin-left:auto;margin-right:auto} /* PCは「AI検索の時代の〜」より4px小さく */
.nwx-sc .nwx-ai2__head{display:block} /* H2とリード文の左右2カラムをやめて縦に積む */
/* リード文は「〜とは」の定義文（.nwx-ab__def）と同じ太さ・色で、大きさは元の定義文より6px小さく */
.nwx-sc :is(.nwx-s .nwx-s__lead,.nwx-xh__lead,.nwx-ai2__lead,.seo-consulting_price_text,.nw-ilp__publication-catch){font-size:clamp(16px,calc(2vw - 6px),20px)!important;font-weight:700;line-height:1.7!important;letter-spacing:.01em;color:#0d1b45!important;text-align:center!important;margin-left:auto!important;margin-right:auto!important;max-width:44em} /* 1行は最大44文字（上限20px×44＝880pxで、どのPC幅でも同じ位置で折れる）。改行（
）は44文字に収まらないところだけに入れている */
/* 「〜とは」の定義文もリード文と同じ大きさ（元より6px小さく）で中央揃え。下の料金の行も中央に */
.nwx-sc .nwx-ab__def{font-size:clamp(16px,calc(2vw - 6px),20px)!important;text-align:center;max-width:44em;margin-left:auto;margin-right:auto}
.nwx-sc .nwx-ab__spec{text-align:center}
.nwx-sc .nwx-ab__def em{color:#1b76df;background:none} /* 重要ワードは明るい青の文字だけ（下線ふうの帯はなし）。太さ・大きさはリード文と同じ */
.nwx-sc .nwx-xh{margin-left:auto;margin-right:auto} /* 見出しの箱（最大880px）を中央に。広い画面で左に寄っていた */
/* 余白の統一：H2→リード文 約20px、リード文→下の中身 約40px */
.nwx-sc .nwx-ab__h .nwx-mask__l{display:inline-block} /* 「〜とは」のH2は1行に */
.nwx-sc .nwx-ab__head{margin-bottom:20px}
.nwx-sc .nwx-s__head{margin-bottom:40px}
.nwx-sc .nwx-xh__lead{margin-top:24px}
.nwx-sc .nwx-x__in>.nwx-xh{margin-bottom:40px}
.nwx-sc .seo-consulting_price_text{margin-bottom:40px}
.nwx-sc .nwx-ai2__head{margin-bottom:40px}
.nwx-sc .nwx-ai2__lead{padding-bottom:0;margin-top:24px!important}
}
@media (max-width:768px){
/* SP：H2は22px・中央揃え（大きいと長いカタカナ語が1行に入らず、3行になるものが増える）。リード文は左揃えのまま、単語の途中でも折り返す（左揃えに keep-all を掛けると短い行が並ぶため） */
.nwx-sc :is(.nwx-s .nwx-s__h,.nwx-ab__h,.nwx-xh__h,.nwx-mind .nwx-xh__h,.nwx-ai2__h,.sec-ttl){font-size:22px!important;text-align:center!important}
.nwx-sc :is(.nwx-s .nwx-s__lead,.nwx-xh__lead,.nwx-ai2__lead,.seo-consulting_price_text){text-align:left!important;word-break:normal!important;overflow-wrap:anywhere}
}
/* ---- セクションの上下の余白の統一（PC 100px／SP 64px）----
白いセクションが続くところは、下のセクションの上の余白を0にして、間を合計100px（SPは64px）にする（NW LPの余白ルール）
対象外：KV・流れる帯（.nwx-mq）・中間CTA（.cv）・出版書籍（コンサルタント紹介の続き） */
.nwx-sc :is(.nwx-s,.nwx-ab,.nwx-ai2,.nwx-x,.seo-consulting_price,.seo-consulting_member,.faq){padding-top:100px!important;padding-bottom:100px!important}
.nwx-sc :is(.nwx-ab,.nwx-s:not(.nwx-s--tint):not(.nwx-s--cases),.nwx-x--w,.seo-consulting_price,.seo-consulting_member,.faq)+:is(.nwx-ab,.nwx-s:not(.nwx-s--tint):not(.nwx-s--cases),.nwx-x--w,.seo-consulting_price,.seo-consulting_member,.faq){padding-top:0!important}
@media (max-width:768px){
.nwx-sc :is(.nwx-s,.nwx-ab,.nwx-ai2,.nwx-x,.seo-consulting_price,.seo-consulting_member,.faq){padding-top:64px!important;padding-bottom:64px!important}
.nwx-sc :is(.nwx-ab,.nwx-s:not(.nwx-s--tint):not(.nwx-s--cases),.nwx-x--w,.seo-consulting_price,.seo-consulting_member,.faq)+:is(.nwx-ab,.nwx-s:not(.nwx-s--tint):not(.nwx-s--cases),.nwx-x--w,.seo-consulting_price,.seo-consulting_member,.faq){padding-top:0!important}
}
/* ---- 出版書籍の紹介のリード文：ほかのリード文と同じ見た目（PC）---- */
@media (min-width:769px){
.nwx-sc .nw-ilp__publication-catch{margin:-20px auto 40px!important} /* 見出しの下のマージン40pxと相殺して、見出し→リード文を20pxに */
}
/* ---- KVの左側（キャッチ・H1・リード・実績3つ・バッジ・ボタン）をPCで中央揃え ---- */
@media (min-width:769px){
.nwx-sc .internal_hero .internal_hero-left-inner,.nwx-sc .internal_hero .l_inner-left{text-align:center}
.nwx-sc .internal_hero .internal_hero_lead{text-align:center;margin-bottom:31px} /* 下の実績3つとの間：元47px → 16px詰める */
.nwx-sc .internal_hero .nwx-fvfacts{margin-left:auto;margin-right:auto}
.nwx-sc .internal_hero .l_inner-left>img{display:block;margin-left:auto;margin-right:auto}
.nwx-sc .internal_hero .internal_hero_btn{justify-content:center;margin-left:auto;margin-right:auto;text-align:center}
}
/* ---- 改行のルール ----
- 中央揃えの文・見出し・短いラベルは、従来どおり単語の途中で折らない（.nwx-sc 全体の keep-all を引き継ぐ）
- 左揃えの見出しは、行の長さをそろえる設定（balance）も文節で折る設定（keep-all）もやめ、行いっぱいまで詰めて成り行きで折り返す
- 左揃えの長い本文だけ、成り行きで折り返す（keep-all のままだと文節ごとに折れて、手で改行したような短い行が並ぶため）
- PCで中央揃えにしたリード文は単語の途中で折らない。SPでは左揃えなので成り行きで折り返す */
.nwx-sc :is(.nwx-cs__h,.nwx-adv__h,.nwx-ai2__ch,.nwx-mind__h,.nwx-svc__ih,.nwx-svc__dh,.nwx-s-rows__k,.nwx-fl__h){text-wrap:wrap;word-break:normal;overflow-wrap:anywhere} /* 左揃えの見出しも改行なし：行いっぱいまで詰めて成り行きで折り返す */
/* 左揃えの文はすべて成り行きで折り返す（.nwx-sc 全体と、keep-all を指定しているブロック） */
.nwx-sc,.nwx-sc :is(.nwx-s,.nwx-x,.nwx-ab,.nwx-ai2,.nwx-plan,.nwx-def,.nwx-cs,.nwx-s-rows,.faq){word-break:normal;overflow-wrap:anywhere}
/* 中央揃えの文だけ、単語の途中で折らない */
.nwx-sc :is(h1,.nwx-s .nwx-s__h,.nwx-ab__h,.nwx-xh__h,.nwx-ai2__h,.sec-ttl,.cv-ttl,.nwx-btn__l,.nwx-free,.nwx-fvfacts,.nw-ilp__publication-catch,.internal_hero_copy,.internal_hero_lead,.internal_hero_btn,.s-carousel-form-box__label,.s-carousel-form-box__lead,.nwx-cv__flow,.seo-consulting_member_tag,.seo-consulting_member_chips,.nwx-cs__big,.nwx-ab__n,.nwx-adv__no,.nwx-mind__no,.nwx-pipe,.nwx-rq__chips){word-break:keep-all;overflow-wrap:anywhere}
@media (min-width:769px){ /* PCで中央揃えにしているリード文・中間CTAの文章 */
.nwx-sc :is(.nwx-s .nwx-s__lead,.nwx-xh__lead,.nwx-ai2__lead,.seo-consulting_price_text,.nwx-ab__def,.nwx-ab__spec,.nwx-cv__t){word-break:keep-all}
}
@media (max-width:768px){
.nwx-sc :is(.nwx-s .nwx-s__lead,.nwx-xh__lead,.nwx-ai2__lead,.seo-consulting_price_text,.nwx-ab__def,.nwx-ab__spec){word-break:normal}
}
/* ---- 「〜を選ぶときに確かめたい5つのこと」の各項目に 01〜05（特徴・強みの番号と同じ青い数字。5本共通）---- */
#choose .nwx-s-rows{counter-reset:nwx-choose}
#choose .nwx-s-rows>li{counter-increment:nwx-choose}
#choose .nwx-s-rows__k::before{content:counter(nwx-choose,decimal-leading-zero);flex:none;font-family:var(--x-num);font-size:1.5em;font-weight:700;line-height:1.15;color:#1b76df;letter-spacing:-.02em}
/* ---- 中央揃えの短い文：キリのいい位置でだけ折れるように ----
関連サービスのボタン・工程の帯は改行しない。KVの実績3つの説明は単語の途中で折らない（区切りは と
） */
.nwx-sc .nwx-rq__chips a{white-space:nowrap}
.nwx-sc .nwx-pipe li{white-space:nowrap}
.nwx-sc .nwx-fvfacts span{word-break:keep-all!important;overflow-wrap:normal!important}
/* ---- 右の追従フォーム：下のお問い合わせ（#footer）にかぶるところでは消す（JSが .is-over-footer を付ける）---- */
.p-fix-cta{transition:opacity .3s ease,visibility .3s ease}
.p-fix-cta.is-over-footer{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
/* ---- SP：中間CTAの文章（見出しではない方）は左揃え。左揃えなので改行は入れず、成り行きで折り返す ---- */
@media (max-width:768px){
.nwx-sc .nwx-cv .nwx-cv__t{text-align:left!important;word-break:normal}
.nwx-sc .nwx-cv .nwx-cv__t br{display:none}
}
/* ---- SP：KVのH1を太く（PCと同じ800）。太くすると英字が少し広がるので、1行に収まるよう大きさを4%小さく ---- */
@media (max-width:768px){
.nwx-sc .internal_hero h1{font-weight:800;font-size:clamp(19px,calc((100vw - 48px) / var(--h1n,12) * .96),37px)}
}
/* ---- SP：KVのフォームの見出し。左上のダウンロードアイコンに文字がかからないよう左右に余白をとり、行間を少し詰める ---- */
@media (max-width:768px){
.nwx-sc .s-carousel-form-box__header{padding:12px 36px}
.nwx-sc .s-carousel-form-box__label{line-height:1.6}
.nwx-sc .s-carousel-form-box__label>span:last-child{display:block;margin:0 -30px;white-space:nowrap} /* ガイド名（最後のspan）はアイコンより下の行なので、左右の余白を使って1行で出す */
/* フォームのリード文はSPでは左揃え・改行なし（成り行きで折り返す） */
.nwx-sc .s-carousel-form-box .s-carousel-form-box__lead{text-align:left!important;word-break:normal;overflow-wrap:anywhere;padding:0 14px} /* 左右は下の入力欄と同じ幅に */
.nwx-sc .s-carousel-form-box .s-carousel-form-box__lead br{display:none}
}
/* ---- 特徴・強み：見出しは番号よけの右余白を外して行いっぱいまで使う（01は番号を小さくして重ならないように） ---- */
.nwx-sc .nwx-adv__c .nwx-adv__h{padding-right:0!important}
/* 01（大きいカード）は番号を小さくして見出しと重ならないように（元 clamp(81px,9vw,144px)） */
.nwx-sc .nwx-adv__c.is-lg .nwx-adv__no{font-size:clamp(64px,7.2vw,116px)}
.nwx-sc .nwx-adv__c.is-lg .nwx-adv__h{font-size:clamp(21px,calc(2.2vw - 1px),29px)} /* 01の見出しは1px小さく（元 clamp(22px,2.2vw,30px)） */
/* ---- SP：2行に分けて作ってあるH2のうち、.nwx-mask--spflow を付けたものだけ行をつなげる（HTML側でSP用の改行を入れてある） ---- */
@media (max-width:768px){
.nwx-sc .nwx-mask--spflow :is(.nwx-mask__l,.nwx-mask__i){display:inline}
}
/* ---- SP：「AI」の帯。もとは文全体が青い丸ラベルになっていて、長い文が右にはみ出していた。
SPでは青いラベルを「AI」だけにし、文はその後ろに続けて左揃えで折り返す（PCは幅に収まるので従来どおり） ---- */
@media (max-width:768px){
.nwx-sc .nwx-ailine__t{display:block;flex:1 1 auto;min-width:0;margin:0;padding:0;border-radius:0;background:none;color:#0d1b45;font-family:inherit;font-size:13px;font-weight:500;line-height:1.85;white-space:normal;word-break:normal;overflow-wrap:anywhere}
.nwx-sc .nwx-ailine__t b{display:inline-block;margin-right:8px;padding:1px 8px;border-radius:99px;background:linear-gradient(135deg,#1b76df,#4f9bff);color:#fff;font:700 11px/1.6 var(--x-num);vertical-align:1px}
}
/* ---- サービス内容などの縦の流れ：縦線（.nwx-prog__rail・幅2px）を丸（.nwx-ph::before）の中心に合わせる。
丸は left:clamp(14px,1.6vw,20px)＋margin-left:1px・幅clamp(18px,1.8vw,22px)、SP（767px以下）は left:5px・幅18px ---- */
/* 丸と線は、本文との間に余裕を持たせるため元の位置から12px左へ */
.nwx-sc .nwx-prog:not(.nwx-prog--x) .nwx-ph::before{left:calc(clamp(14px,1.6vw,20px) - 12px)}
.nwx-sc .nwx-prog:not(.nwx-prog--x) .nwx-prog__rail{left:calc(clamp(14px,1.6vw,20px) - 12px + clamp(18px,1.8vw,22px) / 2)}
@media (max-width:767px){
.nwx-sc .nwx-prog:not(.nwx-prog--x) .nwx-ph::before{left:-7px}
.nwx-sc .nwx-prog:not(.nwx-prog--x) .nwx-prog__rail{left:2px}
}
/* ---- 青い角丸四角（.nwx-ai2__ic）の中のアイコン：線のSVG・白・24px（枠は46px） ---- */
.nwx-sc .nwx-ai2__ic svg{display:block;width:24px;height:24px;flex:none}
/* ---- 4列の並び（.nwx-fl）にカードが3枚以下のときは、PC・タブレット（769px以上）で3列にして横幅いっぱいに使う（メルマガの「自社メルマガの実績」）。
4列の枠に3枚だと右が1列ぶん空き、2列になる幅では3枚目が1枚だけ下の段に残るため ---- */
@media (min-width:769px){
.nwx-sc .nwx-fl:not(:has(> :nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* ---- サービス内容のカード（.nwx-svc__items・3列）：2枚のフェーズは2列、1枚は1列で横幅いっぱいに（3列の枠に2枚だと1枚足りないように見えるため）。
3列になる901px以上だけ。4枚用（.is-4）はそのまま ---- */
@media (min-width:901px){
.nwx-sc .nwx-svc__items:not(.is-4):has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.nwx-sc .nwx-svc__items:not(.is-4):has(> :only-child){grid-template-columns:1fr}
}
/* ---- SP：縦に並ぶカード（.nwx-fl：メルマガの実績・進め方の目安）をつなぐ縦線は、カードの横幅の中央に置く。
カードの後ろを通して、カードとカードの間で線がつながって見えるように。左端の外に出ていた丸は出さない ---- */
@media (max-width:767px){
.nwx-sc .nwx-fl{padding-left:0}
.nwx-sc .nwx-fl::before{left:50%;margin-left:-1px;z-index:0}
.nwx-sc .nwx-fl>.nwx-fl__c{position:relative;z-index:1}
.nwx-sc .nwx-fl .nwx-fl__dot{display:none}
}
/* ---- SP：フッター下の追従ボタン用の余白（共通CSSで60px）を、ボタンの高さ48pxに合わせる。
差の12pxにフッターの紺色が出て、ボタンの上に黒い帯が見えていたため ---- */
@media (max-width:767px){
.footer-lp .footer_wrapper{padding-bottom:48px}
}
/* ---- カルーセルフォーム下のreCAPTCHAの注記：中央揃えなので文の切れ目で改行する。
改行タグは共通JS（assets/js/parts/formrun-recaptcha.js）が入れ、ふだんは非表示。この5本のカルーセルフォームだけで出す。
PC・SPとも「保護されています。」のあと。SPは幅が狭いので「プライバシーポリシーと」のあとでも改行し、左右に少し広げて1行目が折れないように ---- */
.s-carousel-form .nw-rc-note .nw-rc-br{display:inline!important}
@media (max-width:768px){
.s-carousel-form .nw-rc-note .nw-rc-br-sp{display:inline!important}
.s-carousel-form .nw-rc-note{margin-left:-24px!important;margin-right:-24px!important}
}
/* ---- 依頼から配信・改善までの流れ（.nwx-rq）：左揃えの本文は、行末をそろえる折り返し（text-wrap:pretty）をやめて成り行きで折り返す。
prettyだと手前で早めに折れて、手で改行したような短い行になるため。あわせて本文と目安・費用の表の間を8pxあける ---- */
.nwx-sc .nwx-rq :is(.nwx-rq__t,.nwx-rq__dl dd,.nwx-ailine__t,.nwx-rq__ot){text-wrap:wrap}
.nwx-sc .nwx-rq .nwx-rq__t+.nwx-rq__dl{margin-top:8px}
/* PC：目安・費用などのカードは3列の固定幅だと、1〜2枚でも細いままで「折り返しご／連絡」のように切れる。中身の長さに合わせて広げる（最小は従来の一番細い列幅） */
@media (min-width:768px){
.nwx-sc .nwx-rq .nwx-rq__dl{display:flex;flex-wrap:wrap}
.nwx-sc .nwx-rq .nwx-rq__dl>div{flex:0 1 auto;min-width:224px}
}
/* 左揃えの本文では、語を折らない指定（.nwx-nw）も外す。「HTML形式」「ヘッドレスCMS」などがまとめて次の行に送られ、行末が大きく空くため */
.nwx-sc .nwx-rq :is(.nwx-rq__t,.nwx-rq__dl dd,.nwx-ailine__t,.nwx-rq__ot) .nwx-nw{white-space:normal}
/* PC：本文の最大幅（46em）を外して、枠の右端まで使って折り返す。右に余白があるのに手前で折れて「ヒアリング／します。」のように切れて見えていたため */
.nwx-sc .nwx-rq :is(.nwx-rq__t,.nwx-rq__ot){max-width:none}