/* ★読ませる文字は一回り大きく（2026-08-29 殿ご指摘）
     本文は15px、添え書きは13pxを下限とする。
     入り切らぬときは文字を縮めず、載せる中身を削ること。 */
@charset "UTF-8";
/* ============================================================================
   LPモード ― 公開ページに足す意匠
   ----------------------------------------------------------------------------
   本体の意匠は style.css をそのまま使います。ここに書くのは、
   既存サイトに無い部品（追従ヘッダー・FAQ・お客様の声・料金の切替など）の分だけ。
   色・書体・余白の取り方は style.css の変数に揃えています。
   ============================================================================ */

/* ---- 下見の帯 ------------------------------------------------------------ */
.lp-preview-bar{
	position:sticky; top:0; z-index:999;
	background:var(--c-navy); color:#fff;
	padding:8px 5vw; font-size:13px; letter-spacing:.04em;
	display:flex; gap:16px; align-items:center; flex-wrap:wrap;
}
.lp-preview-bar span{
	border:1px solid rgba(255,255,255,.4); border-radius:999px;
	padding:1px 12px; font-size:12px;
}

/* ---- 追従ヘッダー -------------------------------------------------------- */
.lp-nav{
	position:sticky; top:0; z-index:900;
	background:rgba(255,255,255,.92);
	backdrop-filter:blur(8px);
	border-bottom:1px solid var(--c-line);
}
.lp-nav__in{
	margin:0 auto; padding:0 5vw; max-width:var(--w-content);
	height:64px; display:flex; align-items:center; gap:28px;
}
.lp-nav__logo{ font-weight:700; color:var(--c-navy); font-size:17px; letter-spacing:.02em; }
.lp-nav__menu{ display:flex; gap:22px; margin-left:auto; }
.lp-nav__menu a{ color:var(--c-navy); font-size:14.5px; white-space:nowrap; }
.lp-nav__menu a:hover{ color:var(--c-primary); opacity:1; }
.lp-nav__btn{
	flex:none; background:var(--c-primary); color:#fff;
	padding:9px 22px; border-radius:999px; font-size:13.5px; font-weight:700;
}
.lp-nav__btn:hover{ opacity:.85; }
@media (max-width:900px){
	.lp-nav__menu{ display:none; }
	.lp-nav__in{ height:56px; }
	.lp-nav__btn{ margin-left:auto; padding:8px 18px; font-size:12.5px; }
}

/* ---- サイト共通の「縦レール」の寄せを打ち消す ----------------------------
   公式サイトは左端に縦のレールがあり、style.css で
   `main, .site-footer, .cta { margin-left: var(--rail-w) }` と寄せています。
   LPにはそのレールが無いため、そのままだと全体が右へずれ、左に白帯が残り、
   さらにCTA部品だけ二重に寄って段違いになります（2026-08-20 実測）。 */
.lp-main{ margin-left:0; }
.lp-main .cta{ margin-left:0; }
.lp-foot{ margin-left:0; }

/* ---- ヒーロー -------------------------------------------------------------
   背景に写真を敷くときは lp-hero--photo が付きます。
   ★サイト共通のCSSには `.page-hero__bg{display:none}`（旧・写真背景は使わない）が
     あるため、LPの背景写真は別の名前（.lp-hero__bg）で出します。
   写真の上に文字を置くので、薄い幕を掛けて読めるようにし、文字は白に切り替えます。 */
.lp-hero{ position:relative; }
.lp-hero--photo{ padding:190px 0 90px; }
.lp-hero__bg{
	position:absolute; inset:0; z-index:0;
	background-size:cover; background-position:center; background-repeat:no-repeat;
}
.lp-hero--photo::after{
	content:""; position:absolute; inset:0; z-index:1;
	background:linear-gradient(180deg, rgba(16,22,43,.74) 0%, rgba(16,22,43,.55) 55%, rgba(16,22,43,.70) 100%);
}
.lp-hero > .inner{ position:relative; z-index:2; }
.lp-hero--photo h1{ color:#fff; }
.lp-hero--photo .page-hero__lead{ color:rgba(255,255,255,.92); }
.lp-hero--photo .page-hero__en{ color:#9dc0ff; }

/* ---- ヒーローに置くCTA --------------------------------------------------- */
.lp-hero__cta{ margin-top:34px; }
.lp-caption{ margin-top:14px; font-size:13px; color:rgba(255,255,255,.8); }
.page-hero .lp-caption{ color:rgba(255,255,255,.8); }
.lp-hero:not(.lp-hero--photo) .lp-caption{ color:#6b7688; }

/* ---- 実績・信頼帯 -------------------------------------------------------- */
.lp-proof{ display:flex; align-items:center; gap:5vw; }
.lp-proof__img{ flex:0 0 40%; }
.lp-proof__img img{ width:100%; border-radius:4px; }
.lp-proof__body h2{ margin:8px 0 14px; font-size:clamp(20px,2vw,28px); }
.lp-proof__body p{ font-size:15px; }
.btn--ghost{
	background:transparent; color:var(--c-primary);
	border:1px solid var(--c-primary);
}
@media (max-width:900px){
	.lp-proof{ flex-direction:column; gap:26px; }
	.lp-proof__img{ flex:none; width:100%; }
}

/* ---- 文章＋画像（style.css の .media を補う） ---------------------------- */
.media--rev{ flex-direction:row-reverse; }
.media__img{ flex:0 0 46%; }
.media__img img{ width:100%; border-radius:4px; }
.media__body{ flex:1; }
.media__body h3{ margin:0 0 16px; font-size:clamp(18px,1.7vw,24px); }
.media__body p + p{ margin-top:1em; }
@media (max-width:900px){
	.media, .media--rev{ flex-direction:column; gap:24px; }
	.media__img{ flex:none; width:100%; }
}

/* ---- 比較表（自社の列を目立たせる） --------------------------------------
   見出しの行は紺地に白文字ゆえ、そこに青文字を重ねると読みづらく、
   かえって他社の列のほうが目立ちます。自社の列は青地に白文字で抜きます。 */
.spec th.is-own, .spec td.is-own{
	background:rgba(77,139,255,.07);
}
.spec thead th.is-own{ background:var(--c-primary); color:#fff; font-weight:700; }

/* ---- 導入の流れ ------------------------------------------------------------
   .steps は ol で組んでいます。01・02… の数字は ::before で描いているので、
   ブラウザ標準の「1.」を出すと二重になります。 */
.steps{ list-style:none; padding-left:0; }

/* ---- 料金 ---------------------------------------------------------------- */
.lp-price-toggle{
	display:flex; justify-content:center; gap:0; margin:0 auto 42px;
	width:max-content; border:1px solid var(--c-line); border-radius:999px; overflow:hidden;
}
.lp-price-toggle button{
	appearance:none; border:0; cursor:pointer; background:transparent;
	padding:10px 26px; font-family:inherit; font-size:13.5px; color:var(--c-navy);
	display:flex; align-items:center; gap:8px; transition:.3s var(--ease);
}
.lp-price-toggle button small{ font-size:11px; color:var(--c-primary); }
.lp-price-toggle button.is-on{ background:var(--c-primary); color:#fff; }
.lp-price-toggle button.is-on small{ color:rgba(255,255,255,.85); }

.lp-plans{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:24px; }
.plan{ position:relative; }
.plan--rec{ border-color:var(--c-primary); box-shadow:0 12px 40px rgba(77,139,255,.18); }
.plan__badge{
	position:absolute; top:-13px; left:50%; transform:translateX(-50%);
	background:var(--c-primary); color:#fff; font-size:11.5px; font-weight:700;
	padding:3px 18px; border-radius:999px; white-space:nowrap;
}
.plan__note{ margin:0 0 14px; font-size:14px; color:#6b7683; text-align:center; }
.plan__price{ margin:0 0 18px; text-align:center; }
.plan__price b{ font-size:30px; color:var(--c-navy); font-weight:700; letter-spacing:0; }
.plan__price small{ font-size:14px; color:#6b7683; margin-left:4px; }
.plan__btn{ margin-top:22px; text-align:center; }
.lp-note{ margin-top:22px; font-size:13.5px; color:#6b7683; text-align:center; }

/* ---- お客様の声 ---------------------------------------------------------- */
.lp-voices{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:24px; }
.lp-voice{
	margin:0; padding:28px 26px; background:#fff;
	border:1px solid var(--c-line); border-radius:4px;
	display:flex; flex-direction:column; gap:14px;
}
.lp-voice img{ width:56px; height:56px; border-radius:50%; object-fit:cover; }
.lp-voice blockquote{
	margin:0; font-size:15px; line-height:2; color:var(--c-text); flex:1;
	position:relative; padding-top:14px;
}
.lp-voice blockquote::before{
	content:"“"; position:absolute; top:-14px; left:-2px;
	font-family:var(--font-en); font-size:44px; color:var(--c-primary); opacity:.35;
}
.lp-voice figcaption{ font-size:13.5px; color:#6b7683; }

/* ---- FAQ ----------------------------------------------------------------- */
.lp-faq{ max-width:880px; margin:0 auto; border-top:1px solid var(--c-line); }
.lp-faq__i{ border-bottom:1px solid var(--c-line); }
.lp-faq__i summary{
	list-style:none; cursor:pointer; padding:22px 44px 22px 4px;
	position:relative; font-size:15px; color:var(--c-navy); font-weight:500;
}
.lp-faq__i summary::-webkit-details-marker{ display:none; }
.lp-faq__i summary::after{
	content:""; position:absolute; right:10px; top:50%;
	width:9px; height:9px; margin-top:-6px;
	border-right:1.5px solid var(--c-primary); border-bottom:1.5px solid var(--c-primary);
	transform:rotate(45deg); transition:.3s var(--ease);
}
.lp-faq__i[open] summary::after{ transform:rotate(-135deg); margin-top:-2px; }
.lp-faq__i summary:focus-visible{ outline:2px solid var(--c-primary); outline-offset:2px; }
.lp-faq__a{ padding:0 4px 24px; font-size:15px; }
.lp-faq__a p + p{ margin-top:1em; }

/* ---- CTA＋フォーム -------------------------------------------------------- */
.lp-cta .lp-cta__head{ text-align:center; margin-bottom:38px; }
.lp-cta .lp-cta__head h2{ color:#fff; }
.lp-cta .lp-cta__head p{ color:rgba(255,255,255,.92); font-size:15.5px; }
.lp-form-wrap{
	max-width:640px; margin:0 auto; background:#fff;
	border-radius:6px; padding:36px 38px;
	box-shadow:0 20px 60px rgba(0,0,0,.18);
}
.lp-cta__btn{ text-align:center; }
@media (max-width:768px){ .lp-form-wrap{ padding:26px 20px; } }

/* ---- 自由記述 ------------------------------------------------------------ */
.lp-free__h{ margin:0 0 22px; font-size:clamp(19px,1.9vw,26px); }
.lp-free__b{ font-size:15px; }
.lp-free__b p + p{ margin-top:1em; }

/* ---- お悩み（.features を補う） ------------------------------------------ */
.feature h3{ margin:0 0 10px; font-size:17px; }
.feature p{ font-size:15px; }

/* ---- 導入の流れ（.steps を補う） ----------------------------------------- */
.step h3{ margin:0 0 8px; font-size:17px; }
.step p{ font-size:15px; }

/* ---- LP専用のフッター（サイト共通のものは読み込みません） ---------------- */
.lp-foot{ background:var(--c-navy); color:rgba(255,255,255,.75); padding:34px 0; }
.lp-foot .inner{ display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.lp-foot__c{ font-size:13px; }
.lp-foot__nav{ display:flex; gap:20px; margin-left:auto; flex-wrap:wrap; }
.lp-foot__nav a{ color:rgba(255,255,255,.75); font-size:13px; }
.lp-foot__nav a:hover{ color:#fff; opacity:1; }

/* ---- 動きを控える設定を尊ぶ ---------------------------------------------- */
@media (prefers-reduced-motion:reduce){
	.lp-nav, .lp-price-toggle button, .lp-faq__i summary::after{ transition:none; }
	html{ scroll-behavior:auto; }
}


/* ---- 下見（プレビュー）のときだけ出る印 ----------------------------------
   編集画面のiframeの中で、どれがどの部品か分かるようにします。
   公開ページでは出しません（この札は下見のときだけ差し込まれます）。 */
.lp-pv-badge{ position:absolute; left:0; top:0; z-index:40; background:#10162B; color:#fff;
	font-size:12px; font-weight:700; padding:2px 9px; border-radius:0 0 7px 0; letter-spacing:.04em;
	font-family:ui-monospace,Consolas,monospace; pointer-events:none; opacity:.82; }
.lp-pv-hl{ outline:3px solid #2563EB; outline-offset:-3px; }
.lp-pv-hl > .lp-pv-badge{ background:#2563EB; opacity:1; }

/* ---- CTAに埋め込むフォーム（仕様書09節）----------------------------------
   CTA帯は濃い色の上に載るため、フォームは白い札の上に置いて読みやすくします。 */
.lp-form-wrap{ max-width:720px; margin:38px auto 0; text-align:left; }
.lp-form{
	background:#fff; border-radius:6px; padding:38px 40px 32px;
	box-shadow:0 18px 50px rgba(16,22,43,.18);
}
.lp-form__row{ margin-bottom:20px; }
.lp-form__label{
	display:flex; align-items:center; gap:8px;
	font-size:13px; font-weight:700; color:var(--c-navy); margin-bottom:7px;
}
.lp-form__req{
	background:#e11d48; color:#fff; font-size:12px; font-weight:700;
	padding:2px 8px; border-radius:3px; letter-spacing:.04em;
}
.lp-form__any{
	background:#eef1f6; color:#6b7683; font-size:12px;
	padding:2px 8px; border-radius:3px; letter-spacing:.04em;
}
.lp-form input[type=text], .lp-form input[type=email], .lp-form input[type=tel],
.lp-form select, .lp-form textarea{
	width:100%; padding:13px 15px; font-size:15px; font-family:inherit;
	border:1.5px solid #c3ccdb; border-radius:5px; background:#fff; color:var(--c-text);
	line-height:1.7; transition:border-color .2s, box-shadow .2s;
}
.lp-form textarea{ resize:vertical; }
.lp-form input:hover, .lp-form select:hover, .lp-form textarea:hover{ border-color:#9aa8bf; }
.lp-form input:focus, .lp-form select:focus, .lp-form textarea:focus{
	outline:none; border-color:var(--c-primary); box-shadow:0 0 0 3px rgba(77,139,255,.18);
}
.lp-form__choices{ display:flex; gap:18px; flex-wrap:wrap; font-size:15px; }
.lp-form__choices label{ display:flex; align-items:center; gap:6px; cursor:pointer; }
.lp-form__consent{
	margin:26px 0 8px; padding:16px 18px; background:#f5f7fb; border-radius:5px; font-size:13.5px;
}
.lp-form__consent label{ display:flex; align-items:flex-start; gap:10px; cursor:pointer; }
.lp-form__consent input{ margin-top:4px; width:17px; height:17px; flex:none; }
.lp-form__submit{ margin:26px 0 0; text-align:center; }
.lp-form__submit .btn{ min-width:280px; padding:16px 40px; font-size:15px; }
.lp-form__trap{ position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden; }
.lp-form-note{ margin:14px 0 0; font-size:13px; color:#6b7683; text-align:center; }
.lp-cta .lp-form-note{ color:rgba(255,255,255,.75); }
.lp-form-err{
	max-width:720px; margin:0 auto 20px; background:#fff1f2; border:1px solid #fecdd3;
	border-radius:5px; padding:16px 20px; color:#b23b4e; font-size:13.5px; text-align:left;
}
.lp-form-err ul{ margin:8px 0 0; padding-left:20px; }
.lp-form-done{
	max-width:640px; margin:38px auto 0; background:#fff; border-radius:6px;
	padding:44px 40px; text-align:center; box-shadow:0 18px 50px rgba(16,22,43,.18);
}
.lp-form-done__h{
	margin:0 0 14px; font-size:22px; font-weight:700; color:var(--c-navy);
}
.lp-form-done p{ font-size:15px; color:var(--c-text); }
@media (max-width:640px){
	.lp-form{ padding:28px 20px 24px; }
	.lp-form__submit .btn{ min-width:0; width:100%; }
}

/* ---- 動画の部品 -----------------------------------------------------------
   縦横比を先に決めておき、読み込みの前後で高さが飛ばないようにします。 */
.lp-cm{
	max-width:960px; margin:0 auto;
	border-radius:6px; overflow:hidden; background:var(--c-navy);
	box-shadow:0 24px 60px rgba(16,22,43,.22);
}
.lp-cm__v{ display:block; width:100%; aspect-ratio:var(--lp-cm-ratio, 16/9); background:#000; }
.lp-cm__note{ margin:14px 0 0; text-align:center; font-size:13px; color:#6b7683; }
/* 縦長は、横いっぱいに広げると間延びします */
.lp-cm[style*="9/16"], .lp-cm[style*="4/5"]{ max-width:420px; }

/* ロゴの絵（2026-08-26 殿より頂戴した「集客の砦」のロゴ）
   高さで揃え、幅は成り行き。細長いロゴなので、スマホでは少し小さくします。 */
.lp-nav__logo--img{display:inline-flex;align-items:center;line-height:1}
.lp-nav__logo--img img{height:42px;width:auto;display:block}
@media (max-width:767px){ .lp-nav__logo--img img{height:32px} }

/* ============================================================================
   画像の拡大表示（ライトボックス）2026-08-26 殿ご指摘
     「画像はライトボックスにせねば、LPなど画像がよく見えぬ！」
   ========================================================================== */

/* 押せる画像に、押せると分かる印を出す
   （押せぬものに枠や影を付けてはならぬ＝concepts/clickable_affordance） */
.lp-zoomable{cursor:zoom-in;transition:transform .18s ease,box-shadow .18s ease}
.lp-zoomable:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(15,23,42,.16)}
.lp-zoomable:focus-visible{outline:3px solid #2563eb;outline-offset:3px}

.lp-lb{
  position:fixed;inset:0;z-index:9999;display:none;
  align-items:center;justify-content:center;
  background:rgba(8,15,30,.88);padding:32px;
  -webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);
}
.lp-lb.is-open{display:flex}
.lp-lb__fig{margin:0;max-width:100%;max-height:100%;display:flex;
  flex-direction:column;align-items:center;gap:12px}
.lp-lb__fig img{
  max-width:min(1400px,94vw);max-height:86vh;width:auto;height:auto;
  border-radius:10px;background:#fff;
  box-shadow:0 24px 70px rgba(0,0,0,.45);cursor:default;
}
.lp-lb__fig figcaption{color:#cbd5e1;font-size:13.5px;line-height:1.7;text-align:center}
.lp-lb__x{
  position:absolute;top:18px;right:22px;width:44px;height:44px;
  border-radius:50%;border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.10);color:#fff;font-size:24px;line-height:1;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.lp-lb__x:hover{background:rgba(255,255,255,.20)}
.lp-lb__x:focus-visible{outline:3px solid #93c5fd;outline-offset:2px}

@media (max-width:767px){
  .lp-lb{padding:16px}
  .lp-lb__fig img{max-width:96vw;max-height:80vh}
  .lp-lb__x{top:10px;right:12px;width:40px;height:40px}
}

/* 本文中の但し書きリンク（2026-08-26 殿ご下命） */
.lp-plink,
.lp-mlink{
  color:#2563eb;text-decoration:underline;text-underline-offset:3px;
  cursor:pointer;font-weight:600;
}
.lp-plink:hover,
.lp-mlink:hover{color:#1d4ed8}
.lp-plink:focus-visible,
.lp-mlink:focus-visible{outline:3px solid #93c5fd;outline-offset:2px;border-radius:3px}

/* ポップアップ本体 */
.lp-mbox{
  position:fixed;inset:0;z-index:9998;display:none;
  align-items:center;justify-content:center;
  background:rgba(8,15,30,.72);padding:24px;
}
.lp-mbox.is-open{display:flex}
.lp-mbox__panel{
  position:relative;background:#fff;border-radius:14px;
  max-width:680px;width:100%;max-height:84vh;overflow:auto;
  padding:34px 34px 30px;box-shadow:0 24px 70px rgba(0,0,0,.35);
}
.lp-mbox__x{
  position:absolute;top:12px;right:14px;width:38px;height:38px;border-radius:50%;
  border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:20px;
  line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;
}
.lp-mbox__x:hover{background:#eef2f7}
.lp-mbox__body .lp-free__h{font-size:19px;margin:0 0 14px;color:#0f172a}
.lp-mbox__body .lp-free__b{font-size:15px;line-height:2;color:#334155}
.lp-mbox__body .lp-free__b p{margin:0 0 12px}
@media (max-width:767px){
  .lp-mbox{padding:14px}
  .lp-mbox__panel{padding:26px 20px 22px;max-height:88vh}
}

/* ============================================================================
   スマホの下に貼り付く申し込みボタン（2026-08-26 殿ご下命）
   ----------------------------------------------------------------------------
   ★スマホの幅のときだけ出します。PCには追従ヘッダーがあり、二重になるためです。
   ★出し入れは js/lp.js が受け持ちます（少し読み進めてから出し、
     フォームが見えたら引っ込めます）。
   ★iPhoneの下端はブラウザの操作部と重なるため、safe-area を見て余白を取ります。
   ========================================================================== */
.lp-sticky{ display:none; }

@media (max-width:767px){
  .lp-sticky{
    position:fixed; left:0; right:0; bottom:0; z-index:120;
    display:block;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
    background:rgba(255,255,255,.94);
    -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
    border-top:1px solid rgba(15,23,42,.10);
    box-shadow:0 -6px 24px rgba(15,23,42,.10);
    transform:translateY(110%);
    transition:transform .28s cubic-bezier(.22,.61,.36,1);
  }
  .lp-sticky.is-in{ transform:translateY(0); }
  .lp-sticky[hidden]{ display:block; }        /* hidden でも位置は保つ（下に隠す） */

  .lp-sticky__in{ display:flex; flex-direction:column; align-items:stretch; gap:6px; }
  .lp-sticky__note{
    font-size:11.5px; line-height:1.5; color:#475569; text-align:center;
  }
  .lp-sticky__btn{
    display:flex; align-items:center; justify-content:center;
    min-height:52px; padding:12px 18px; border-radius:999px;
    background:var(--c-primary, #2563eb); color:#fff;
    font-size:16px; font-weight:700; letter-spacing:.02em;
    text-decoration:none; box-shadow:0 6px 18px rgba(37,99,235,.32);
  }
  .lp-sticky__btn:active{ transform:translateY(1px); }

  /* ボタンの分だけ、ページの下に余白を足す（最後の一行が隠れぬように） */
  body.lp-body.has-sticky{ padding-bottom:96px; }
}

/* CTAのボタンの下に添える但し書き（2026-08-26） */
.lp-cta__note{
  margin:18px auto 0;max-width:640px;
  font-size:12.5px;line-height:1.9;color:rgba(255,255,255,.78);text-align:center;
}
.lp-cta--white .lp-cta__note{color:#64748b}

/* ★LPの中だけ、小さすぎる文字を持ち上げる（2026-08-29 殿ご指摘）
     card__tag は css/style.css（サイト全体）の定めです。あちらを触ると
     他の頁まで変わってしまうため、後から読まれるこちらで上書きします。 */
.lp-main .card__tag{ font-size:12.5px; padding:3px 10px; }
.lp-main small{ font-size:13px; }
.lp-nav__btn{ font-size:14px; }

/* ---- 濃い色の上に置くロゴ（ヒーロー・足元）2026-08-30 -------------------
   ヒーローと足元は濃紺のため、白抜きのロゴ（logo_full_white.png）を使います。
   素材の無いLPでは、これまで通り文字が出ます。 */
.lp-hero__logo{ display:block; margin:0 0 22px; }
.lp-hero__logo img{ height:58px; width:auto; display:block; }
@media (max-width:767px){ .lp-hero__logo img{ height:42px; } }

.lp-foot .inner{ align-items:flex-start; }
.lp-foot__logo{ flex:0 0 100%; margin:0 0 18px; }
.lp-foot__logo img{ height:38px; width:auto; display:block; opacity:.92; }
@media (max-width:767px){ .lp-foot__logo img{ height:32px; } }