/* Walkers staging - request (資料請求) SWELLネイティブ再現 / 本番ピクセル実測準拠 */

/* === このページのみヘッダー・フッター・見積もりボタンを非表示（CSSはrequestページにのみ読み込まれる） === */
.walkers-header,
#walkers-footer,
#simulate-button-wrap{display:none !important;}

#request-page{
  --wkrq-title:#333333;      /* タイトル */
  --wkrq-text:#4B4F58;       /* 本文・ラベル */
  --wkrq-dot:#2C333C;        /* 箇条書きアイコン */
  --wkrq-accent:#FF9717;
  --wkrq-line:#cccccc;
}
#request-page .wkrq-body{padding:32px 24px 48px;background:#fff;}
#request-page .wkrq-inner{
  max-width:1180px;margin:0 auto;display:grid;
  grid-template-columns:1fr 1fr;gap:40px;align-items:start;
}

/* ===== 左カラム（コンテンツ） ===== */
#request-page .wkrq-title{
  margin:0 0 14px;font-weight:600;font-size:24px;line-height:1.5;color:var(--wkrq-title);
}
#request-page .wkrq-lead{margin:0 0 26px;color:var(--wkrq-text);line-height:1.6;font-size:16px;}

#request-page .wkrq-subhead{
  margin:0 0 16px;font-weight:700;font-size:18px;color:var(--wkrq-title);
  line-height:1.4;padding-bottom:10px;position:relative;
}
#request-page .wkrq-subhead::after{
  content:"";position:absolute;left:0;bottom:0;width:40px;height:3px;background:var(--wkrq-accent);
}

#request-page .wkrq-logos{
  list-style:none;margin:0 0 28px;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px 16px;align-items:center;justify-items:center;
}
#request-page .wkrq-logos li{display:flex;align-items:center;justify-content:center;height:56px;width:100%;}
#request-page .wkrq-logos img{max-width:100%;max-height:56px;object-fit:contain;}

#request-page .wkrq-points{list-style:none;margin:0 0 24px;padding:0;}
#request-page .wkrq-points li{
  position:relative;padding-left:22px;margin-bottom:10px;font-size:16px;line-height:1.6;color:var(--wkrq-text);
}
#request-page .wkrq-points li::before{
  content:"";position:absolute;left:0;top:.62em;width:8px;height:8px;border-radius:50%;
  background:var(--wkrq-dot);
}

#request-page .wkrq-preview{margin:0;text-align:center;}
#request-page .wkrq-preview img{display:inline-block;width:auto;max-width:100%;max-height:280px;height:auto;border:0;border-radius:0;}

/* ===== 右カラム（フォーム / 枠なし） ===== */
#request-page .wkrq-form{background:transparent;border:0;box-shadow:none;padding:0;}
#request-page .wkrq-field{margin-bottom:22px;}
#request-page .wkrq-label{display:block;font-weight:700;color:var(--wkrq-text);font-size:16px;margin-bottom:6px;}
#request-page .wkrq-req{color:#e0403a;font-size:16px;}
#request-page .wkrq-opt{color:#9aa0a8;font-size:13px;font-weight:400;}
#request-page .wkrq-field input[type=text],
#request-page .wkrq-field input[type=email],
#request-page .wkrq-field input[type=tel],
#request-page .wkrq-field select{
  width:100%;border:1px solid var(--wkrq-line);border-radius:4px;padding:6px 10px;font-size:16px;line-height:1.5;
  color:var(--wkrq-text);background:#fff;transition:border-color .2s,box-shadow .2s;
}
#request-page .wkrq-field input::placeholder{color:#b6bcc4;}
#request-page .wkrq-field input:focus,
#request-page .wkrq-field select:focus{
  outline:none;border-color:var(--wkrq-accent);box-shadow:0 0 0 3px rgba(255,151,23,.14);
}

/* 事業内容チェックボックス群 */
#request-page .wkrq-checks{list-style:none;margin:0;padding:0;}
#request-page .wkrq-checks li{margin-bottom:10px;}
#request-page .wkrq-checks label{
  display:flex;align-items:flex-start;gap:9px;font-weight:400;color:var(--wkrq-text);
  font-size:15px;line-height:1.5;cursor:pointer;
}
#request-page .wkrq-checks input[type=checkbox]{width:15px;height:15px;margin-top:2px;flex:0 0 auto;cursor:pointer;}

#request-page .wkrq-field--check label{
  font-weight:400;color:var(--wkrq-text);display:flex;align-items:center;gap:9px;font-size:15px;cursor:pointer;
}
#request-page .wkrq-field--check input{width:15px;height:15px;cursor:pointer;}

#request-page .wkrq-submit-wrap{margin-top:24px;}
#request-page .wkrq-submit{
  appearance:none;border:none;cursor:pointer;color:#fff;font-weight:700;font-size:16px;
  padding:16px 28px;border-radius:4px;
  background:linear-gradient(to right,#F48B19 40%,#FAC849);
  transition:filter .2s;
}
#request-page .wkrq-submit:hover{filter:brightness(1.05);}

#request-page .wkrq-done{
  text-align:center;color:var(--wkrq-text);
  background:#f3faf3;border:1px solid #bfe3bf;border-radius:8px;padding:32px;line-height:1.9;font-weight:700;
}
#request-page .wkrq-done__btn{
  display:inline-block;margin-top:16px;text-decoration:none;color:#fff;font-weight:700;
  padding:14px 36px;border-radius:4px;background:linear-gradient(to right,#F48B19 40%,#FAC849);
}

/* ===== レスポンシブ ===== */
@media (max-width:900px){
  #request-page .wkrq-inner{grid-template-columns:1fr;gap:36px;}
}
/* ===== スマホ（本番環境準拠 / Elementorモバイルブレークポイント767px） ===== */
@media (max-width:767px){
  /* タイトル縮小（本番18px） */
  #request-page .wkrq-title{font-size:18px;line-height:1.6;}
  /* 本番スマホでは「この資料で分かること」「箇条書き」「資料プレビュー」を非表示 */
  #request-page .wkrq-content h2.wkrq-subhead:nth-of-type(2),
  #request-page .wkrq-points,
  #request-page .wkrq-preview{display:none !important;}
  /* ロゴは3列を維持 */
  #request-page .wkrq-logos{grid-template-columns:repeat(3,1fr);gap:16px 8px;}
  /* フォームを枠付きカードに（本番：1px solid #eee / padding 20px / 角丸なし） */
  #request-page .wkrq-form{border:1px solid #eee;border-radius:0;padding:20px;background:#fff;}
  /* 送信ボタンは幅auto・左寄せ */
  #request-page .wkrq-submit{width:auto;}
  #request-page .wkrq-submit-wrap{text-align:left;}
}