/* Walkers staging - contact (お問い合わせ) SWELLネイティブ再現 */

#contact-page .wkct-contact{ padding:64px 20px 100px; background:#fff; }
#contact-page .wkct-inner{
  max-width:1080px;margin:0 auto;display:grid;
  grid-template-columns:1fr 1fr;gap:56px;align-items:start;
}

/* ===== 左カラム ===== */
#contact-page .wkct-title{
  margin:0 0 20px;font-weight:900;font-size:clamp(24px,2.8vw,32px);
  line-height:1.5;color:#2B323B;
}
#contact-page .wkct-lead{ margin:0 0 36px;color:#4B4F58;line-height:2;font-size:15px; }

#contact-page .wkct-sec-label{
  margin:0 0 14px;font-weight:800;font-size:15px;color:#2B323B;
  padding-left:14px;position:relative;
}
#contact-page .wkct-sec-label::before{
  content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:5px;height:18px;border-radius:2px;background:#E98212;
}
#contact-page .wkct-logos{
  display:block;width:100%;height:auto;margin:0 0 36px;border-radius:8px;
}
#contact-page .wkct-staff-lead{
  margin:0 0 16px;font-weight:800;font-size:15px;color:#2B323B;
}
#contact-page .wkct-staff{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;
}
#contact-page .wkct-staff img{
  width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;
  border-radius:10px;display:block;
}

/* ===== 右カラム（フォーム） ===== */
#contact-page .wkct-form{
  background:#fff;border:1px solid #E5E5E5;border-radius:14px;padding:36px 36px 40px;
  box-shadow:0 10px 30px rgba(43,50,59,.06);
}
#contact-page .wkct-field{margin-bottom:22px;}
#contact-page .wkct-field label{display:block;font-weight:700;color:#2B323B;font-size:14px;margin-bottom:8px;}
#contact-page .wkct-req{color:#e0403a;font-size:13px;}
#contact-page .wkct-opt{color:#9aa0a8;font-size:12px;font-weight:400;}
#contact-page .wkct-field input,
#contact-page .wkct-field textarea{
  width:100%;border:1px solid #d7dbe0;border-radius:8px;padding:13px 14px;
  font-size:15px;color:#2B323B;background:#fbfcfd;transition:border-color .2s,box-shadow .2s;
}
#contact-page .wkct-field input::placeholder,
#contact-page .wkct-field textarea::placeholder{color:#b3b9c0;}
#contact-page .wkct-field input:focus,
#contact-page .wkct-field textarea:focus{
  outline:none;border-color:#E98212;box-shadow:0 0 0 3px rgba(233,130,18,.12);background:#fff;
}
#contact-page .wkct-submit-wrap{text-align:center;margin-top:8px;}
#contact-page .wkct-submit{
  appearance:none;border:none;cursor:pointer;
  background:#E98212;color:#fff;font-weight:800;font-size:16px;
  padding:15px 64px;border-radius:999px;box-shadow:0 8px 20px rgba(233,130,18,.3);
  transition:transform .15s,box-shadow .15s,background .2s;
}
#contact-page .wkct-submit:hover{background:#d8760f;transform:translateY(-2px);box-shadow:0 12px 26px rgba(233,130,18,.38);}
#contact-page .wkct-done{
  max-width:640px;margin:24px auto 0;text-align:center;color:#2B323B;
  background:#f3faf3;border:1px solid #bfe3bf;border-radius:12px;padding:28px;line-height:1.9;font-weight:700;
}

@media (max-width:900px){
  #contact-page .wkct-inner{grid-template-columns:1fr;gap:36px;}
  #contact-page .wkct-staff-lead,
  #contact-page .wkct-staff{display:none;}
  #contact-page .wkct-form{padding:26px 20px 30px;}
  #contact-page .wkct-submit{width:100%;padding:15px 0;}
}

/* === contactページのみ ヘッダー/フッター完全非表示 (2026-06-08) === */
/* ヘッダー: mu-plugin(.walkers-header) と SWELLネイティブ(.l-header) の両方 */
.walkers-header,
header.walkers-header,
#header.l-header,
header.l-header,
.l-header{display:none !important;}
/* フッター: SWELLネイティブ(.l-footer) と mu-plugin(#walkers-footer) の両方 */
#footer.l-footer,
footer.l-footer,
.l-footer,
#walkers-footer,
footer#walkers-footer{display:none !important;}
/* 固定ヘッダー分の余白を詰める */
body{padding-top:0 !important;}
/* 右下フローティングCTA「1分で見積もる(無料)」も非表示 */
#simulate-button-wrap,
#simulate-button{display:none !important;}