:root {
  --color-white: #fff;
  --color-txt: #1e2855;
  --color-accent: #1e78eb;
  --color-accent02: #5e9cf8;
  --color-accent03: #2b7ade;
  --color-gray: #aaa;
  --color-gray02: #c8c8c8;
  --color-gray03: #f6f6f6;
  --color-consulting: #5e9cf8;
  --color-bg: #f4f3ef;
  --color-yellow: #e2f174;
  --color-navy: #47505f;
  --color-dark-navy: #1e2855;
  --color-beige: #f4f3ef;
  --color-red: #e15555;
}

/* =======================================================
l-lower-mv
======================================================= */
@media screen and (min-width: 769px) {
  /* Figma お問い合わせ 269:7856：英字見出しは上195・左110（1220pxの列） */
  .l-lower-mv {
    padding: 12.1875rem 0 1.875rem;
  }
}

@media screen and (min-width: 769px) {
  .p-lower-mv__inner {
    width: 76.25rem;
  }
}

/* =======================================================
contact
======================================================= */
.l-contact {
  /* Figma 269:7856：見出し帯下端からフォーム上端(Frame 2323 y366)まで30pxに合わせる（下は共通CTAまでの間隔を維持） */
  padding: 1.875rem 0 7.75rem; /* Figma 269:7856：AIカード下端1495→CTA上端1619。 */
}
@media screen and (max-width: 768px) {
  /* Figma 793:9448：見出し帯下端からフォームカード上端まで22pxに合わせる */
  .l-contact {
    padding: 1.375rem 0 3.5625rem; /* 実績ロゴ下端からCTAまで57px。 */
  }
}
/* .l-inner は基本CSS（style.css）で既定76.25rem（Figmaの1220pxと一致）。
   旧版はフォーム単体のため62.5remへ狭めていたが、サイドのロゴ一覧を追加したため
   既定幅に戻す（上書きなし）。 */

/* =======================================================
お問い合わせ全体のレイアウト
PC: サイドの資料プレビュー＋ロゴ一覧（左）とフォーム（右）を横並びにし、
    AIに聞くボタンはその下に全幅で出す。
SP: フォーム → AIに聞くボタン → 資料プレビュー＋ロゴ一覧 の順（Figma 10/10決定）。
======================================================= */
.p-contact__layout {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.p-contact__form-col {
  order: 1;
  padding: 1.875rem 1.25rem;
  background: var(--color-gray03);
  border-radius: 1.25rem;
}
@media screen and (max-width: 768px) {
  /* Figma 793:9448：フォームパネルのみSPで画面幅いっぱいに出し、中身は左右25pxに合わせる（資料プレビュー・ロゴ一覧・AIボタンは326px幅のまま変更しない） */
  .p-contact__form-col {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 2.5rem 1.5625rem;
    border-radius: 0;
  }
}
@media screen and (min-width: 769px) {
  .p-contact__form-col {
    padding: 3.125rem 2.375rem;
    border-radius: 1.875rem;
  }
}
/* B12: フォーム入力欄は白地（親の.p-contact__form-colが灰色パネルになったため・Figma 269:7956） */
.c-form input[type=text],
.c-form input[type=email],
.c-form input[type=tel],
.c-form textarea {
  background: var(--color-white);
}
.c-form input:-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--color-white) inset;
}
/* Figma 269:7856：お問い合わせページの「ご相談内容」欄のみ高さを186pxに縮め、
   同意チェック(y1056)・送信ボタンの位置を合わせる（他ページのc-form textarea（style.cssの共通既定）には影響させない） */
@media screen and (min-width: 769px) {
  .l-contact .c-form textarea {
    height: 11.625rem;
  }
}
.p-contact__ai {
  order: 2;
}
@media screen and (max-width: 768px) {
  /* Figma 793:9448：フォーム〜AIボタンの間隔をSPのみ個別指定（PCは.p-contact__layoutのgapのまま） */
  .p-contact__ai {
    margin-top: 3.5625rem;
  }
}
.p-contact-trust {
  order: 3;
}
@media screen and (max-width: 768px) {
  /* Figma 793:9448「フォーム後AIと実績の間隔」= AIボタン〜資料プレビューの間隔60px */
  .p-contact-trust {
    margin-top: 4.75rem; /* AIボタン下の16px＋実績まで60px。 */
  }
}
@media screen and (min-width: 769px) {
  .p-contact__layout {
    flex-flow: row wrap;
    /* Figma 269:7856：フォーム/資料パネル下端からAIに聞くボタン(Frame 2248 y1291)まで80pxに合わせる（列間は60pxのまま） */
    gap: 5rem 3.75rem;
  }
  .p-contact-trust {
    order: 1;
    flex-shrink: 0;
    width: 22.5rem;
  }
  .p-contact__form-col {
    order: 2;
    flex: 1 1 auto;
    min-width: 0;
  }
  .p-contact__ai {
    order: 3;
    width: 100%;
  }
}

/* =======================================================
資料プレビューバナー＋ロゴ一覧（10/10決定の指示で追加）
バナー画像はCTA帯（include/c-cta-band.php）と同じ素材を再利用する。
ロゴは corporate-logo 投稿（include/l-client.phpと同じACFフィールド）から出す。
======================================================= */
/* B12: SPも画像・文章の横並び（Figma 269:8064。縦並びへの変更指示はない） */
.p-contact-trust__banner {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 9.9375rem;
  padding: 1.5625rem 1.875rem 1.5rem;
  text-align: left;
  background: var(--color-white);
  border: 1px solid var(--color-gray02);
  border-radius: 1.0625rem;
}
.p-contact-trust__banner-icons {
  position: relative;
  flex-shrink: 0;
  width: 6.875rem;
  height: 5.625rem;
}
.p-contact-trust__sheet {
  position: absolute;
  top: 0;
  left: 0;
  width: 4.5rem;
  height: auto;
}
.p-contact-trust__sheet--b {
  top: 0.65rem;
  left: 2.0625rem;
}
.p-contact-trust__app {
  position: absolute;
  width: 1.625rem;
  height: auto;
}
.p-contact-trust__app--w {
  top: 0.0625rem;
  left: 3.9375rem;
}
.p-contact-trust__app--x {
  top: 4.0625rem;
  left: 5.25rem;
}
.p-contact-trust__banner-txt {
  font-size: 1rem;
  line-height: calc(30/16);
  color: var(--color-txt);
  letter-spacing: 0.05em;
}
.p-contact-trust__banner-accent {
  color: var(--color-accent);
}

.p-contact-trust__logos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 2.5rem;
}
.p-contact-trust__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.1666rem;
}
.p-contact-trust__logo img {
  display: block;
  max-width: 80%;
  max-height: 70%;
  object-fit: contain;
}

@media screen and (max-width: 768px) {
  .p-contact-trust__banner {
    min-height: 8.9375rem;
    padding: 1rem 1.5rem;
  }
  .p-contact-trust__banner-txt {
    font-size: 0.875rem;
    line-height: calc(30/14);
  }
  .p-contact-trust__logos {
    margin-top: 3.125rem;
  }
  .p-contact-trust__logo {
    height: 3.75rem;
  }
}

/* =======================================================
知ったきっかけ（新設select・10/10決定）
既存input/textareaの見た目（背景グレー・フラット・角丸なし）にそろえる
======================================================= */
.c-form__select-wrap {
  position: relative;
}
.c-form select {
  width: 100%;
  padding: 0.625rem 2.5rem 0.625rem 1.875rem;
  font-family: inherit;
  font-size: 0.875rem;
  line-height: calc(30/14);
  color: var(--color-txt);
  background: var(--color-white);
  border: none;
  border-radius: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
}
.c-form select.--placeholder {
  color: var(--color-gray);
}
@media screen and (max-width: 768px) {
  .c-form select {
    padding: 0.6875rem 2.1875rem 0.75rem 1.25rem;
    line-height: calc(22/12);
  }
}
/* Figma 269:8021：ラベルと入力の間隔10px、項目間15px。 */
@media screen and (max-width: 768px) {
  .l-contact .c-form__fields {
    gap: 0.9375rem;
  }
  .l-contact .c-form__field {
    gap: 0.625rem;
  }
  .l-contact .c-form input[type=text],
  .l-contact .c-form input[type=email],
  .l-contact .c-form input[type=tel],
  .l-contact .c-form select {
    height: 3.125rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 0.75rem;
    line-height: 1.5rem;
  }
  .l-contact .c-form input[type=text] {
    height: 3rem;
  }
  .l-contact .c-form textarea {
    height: 23.5rem;
  }
}
.c-form__select-wrap::after {
  position: absolute;
  top: 50%;
  right: 1.5625rem;
  font-size: 1.25rem;
  line-height: 1;
  color: var(--color-txt);
  content: "⌄";
  pointer-events: none;
  transform: translateY(-60%);
}
@media screen and (max-width: 768px) {
  .c-form__select-wrap::after {
    right: 1.125rem;
    font-size: 1.125rem;
  }
}