@charset "utf-8";
/* 無料URLチェック（template-parts/lp/url-check.php）。2026-11-09 フォームが主役の短いページに
   スマホ：見出し → フォーム → 確かめること の順（フォームを上に）。PC（1024px 以上）：左に見出しと確かめること、右にフォーム
   色・丸み・影は base.css の値だけ */
.slp .uc.slp-section--top { padding: 32px 0 48px; }
.slp .uc__grid { display: grid; gap: 24px; grid-template-areas: "head" "form" "info"; }
.slp .uc__head { grid-area: head; }
.slp .uc__form { grid-area: form; }
.slp .uc__info { grid-area: info; }
@media (min-width: 1024px) {
  .slp .uc.slp-section--top { padding: 56px 0 72px; }
  .slp .uc__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-areas: "head form" "info form"; grid-template-rows: auto 1fr; column-gap: 56px; row-gap: 32px; align-items: start; }
}
.slp .uc .slp-tag { margin-bottom: 12px !important; }
.slp .uc__h1 { color: var(--paper); font-size: clamp(22px, 6.2vw, 32px); } /* 「サイトの弱点を無料チェック」(13字)を 375px でも1行に */
.slp .uc__assure { margin-top: 12px; font-size: 14px; }
.slp .uc__form { margin: 0; }
.slp .uc__h2 { color: var(--paper); font-size: 17px; line-height: 1.5; margin: 0 0 12px; }
.slp .uc__checks { list-style: none; margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.25); }
.slp .uc__checks li { padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.25); color: rgba(255,255,255,.9); font-size: 15px; line-height: 1.6; }
.slp .uc__checks strong { display: block; color: var(--paper); font-size: 15px; }
.slp .uc__note { margin: 16px 0 0; color: rgba(255,255,255,.85); font-size: 14px; line-height: 1.8; }
/* 脆弱性診断への囲み：確かめることの下。フォームの赤い送信ボタンより目立たせない（白のボタン・標準の大きさ） */
.slp .uc__more { margin: 24px 0 0; padding: 20px; border: 1px solid rgba(255,255,255,.35); border-radius: 12px; }
.slp .uc__more-lead { margin: 0 0 14px; color: var(--paper); font-size: 15px; line-height: 1.7; }
.slp .uc__more-btn { width: 100%; }
@media (min-width: 600px) { .slp .uc__more-btn { width: auto; } }
/* ヘッダーのボタンは出さない（url-check.php で空にした）。page-sophiate-lp.php が空でもボタンを出す古い版のあいだの保険 */
.slp.slp-header .slp-btn:empty { display: none; }