/* improve_v1.css — improve_v1.py 自動生成 (2026/06/17) */

/* ---- 1. CTAボタン視認性（#contact のゴーストボタン）---- */
#contact .ctaSecondary{
  color:#ffffff !important;
  border-color:#ffffff !important;
  background:rgba(255,255,255,0.08) !important;
}
#contact .ctaSecondary:hover{
  background:#ffffff !important;
  color:#1e3a8a !important;
}

/* ---- 共通：見出し（既存 headLine01 を踏襲）---- */
.imp-en{display:block;font-family:'Lato',sans-serif;font-size:13px;font-weight:800;
  letter-spacing:.42em;text-transform:uppercase;
  background:linear-gradient(90deg,#6366f1,#ee3833);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px;}
.imp-jp{display:block;font-size:clamp(22px,3vw,32px);font-weight:800;color:#0a0e27;
  line-height:1.4;letter-spacing:-.02em;}
.imp-head{text-align:center;margin-bottom:36px;}
.imp-head::after{content:'';display:block;width:48px;height:3px;margin:18px auto 0;
  background:linear-gradient(90deg,#6366f1,#ee3833);border-radius:2px;}

/* ---- 2. 導入事例カード ---- */
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;
  max-width:1160px;margin:0 auto;}
.case-card{display:flex;flex-direction:column;text-decoration:none!important;
  background:#fff;border:1px solid #eef0f5;border-radius:14px;padding:24px 22px 20px;
  box-shadow:0 8px 24px rgba(10,14,39,.06);
  transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s;}
.case-card:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(10,14,39,.16);}
.cc-top{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.cc-cat{font-size:11px;font-weight:800;letter-spacing:.06em;color:#fff;
  background:linear-gradient(135deg,#6366f1,#4f46e5);padding:3px 10px;border-radius:20px;}
.cc-date{font-size:12px;color:#9aa3b2;font-family:'Lato',sans-serif;font-weight:700;}
.cc-result{font-size:18px;font-weight:800;color:#0a0e27;line-height:1.5;margin:0 0 6px;}
.cc-result em{font-style:normal;color:#ee3833;}
.cc-name{font-size:13px;font-weight:700;color:#4f46e5;margin:0 0 10px;}
.cc-desc{font-size:13px;color:#5b6472;line-height:1.75;margin:0 0 16px;flex:1;}
.cc-more{font-size:12px;font-weight:800;letter-spacing:.05em;color:#ee3833;
  font-family:'Lato',sans-serif;margin-top:auto;}
.case-card:hover .cc-more{text-decoration:underline;}
@media(max-width:980px){.case-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.case-grid{grid-template-columns:1fr;}}

/* ---- 3. セミナー：オートウェビナー誘導 ---- */
.sem-cta{max-width:760px;margin:8px auto 0;text-align:center;background:#fff;
  border:1px solid #eef0f5;border-radius:16px;padding:34px 28px;
  box-shadow:0 8px 24px rgba(10,14,39,.06);}
.sem-cta .sc-badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.08em;
  color:#15803d;background:#dcfce7;padding:4px 12px;border-radius:20px;margin-bottom:14px;}
.sem-cta h3{font-size:20px;font-weight:800;color:#0a0e27;margin:0 0 10px;line-height:1.5;}
.sem-cta p{font-size:14px;color:#5b6472;line-height:1.8;margin:0 0 20px;}
.sem-cta .sc-btn{display:inline-block;text-decoration:none;font-weight:800;font-size:15px;
  color:#fff;background:linear-gradient(135deg,#ee3833,#d62b26);
  padding:14px 32px;border-radius:10px;box-shadow:0 8px 20px rgba(238,56,51,.28);
  transition:transform .25s,box-shadow .25s;}
.sem-cta .sc-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(238,56,51,.4);}

/* ---- 4. 実績トラストバー ---- */
.trustbar{background:linear-gradient(135deg,#0a0e27 0%,#1e3a8a 100%);padding:30px 24px;}
.trustbar .tb-inner{max-width:1100px;margin:0 auto;display:grid;
  grid-template-columns:repeat(4,1fr);gap:18px;}
.tb-item{text-align:center;color:#fff;position:relative;}
.tb-item:not(:last-child)::after{content:'';position:absolute;right:-9px;top:50%;
  transform:translateY(-50%);width:1px;height:42px;background:rgba(255,255,255,.18);}
.tb-num{font-size:30px;font-weight:800;line-height:1.1;font-family:'Lato',sans-serif;
  background:linear-gradient(90deg,#fff,#c7d2fe);-webkit-background-clip:text;
  background-clip:text;-webkit-text-fill-color:transparent;}
.tb-num small{font-size:15px;font-weight:800;}
.tb-label{font-size:12px;color:#c7d0e0;margin-top:6px;letter-spacing:.02em;}
@media(max-width:760px){.trustbar .tb-inner{grid-template-columns:repeat(2,1fr);gap:24px 12px;}
  .tb-item:nth-child(2)::after{display:none;}}

/* ---- 5. FAQ ---- */
.faq-section{padding:72px 24px;background:linear-gradient(180deg,#f8fafc,#f1f5f9);}
.faq-list{max-width:820px;margin:0 auto;}
.faq-item{background:#fff;border:1px solid #eef0f5;border-radius:12px;padding:22px 24px;
  margin-bottom:14px;box-shadow:0 4px 16px rgba(10,14,39,.04);}
.faq-q{font-size:16px;font-weight:800;color:#0a0e27;margin:0 0 8px;padding-left:30px;
  position:relative;line-height:1.6;}
.faq-q::before{content:'Q';position:absolute;left:0;top:-1px;width:22px;height:22px;
  background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:6px;
  font-family:'Lato',sans-serif;font-size:13px;font-weight:800;
  display:flex;align-items:center;justify-content:center;}
.faq-a{font-size:14px;color:#5b6472;line-height:1.85;margin:0;padding-left:30px;}

/* ---- 6. CONTACT 背景の白化バグ修正（ブランドの赤バンドに戻す）----
   #contact が薄いグレー(linear-gradient #f9fafb→#f3f4f6)に上書きされ、
   白文字の見出し・サブ文・ゴーストボタンが溶けて読めなくなっていた。
   ID+!important で確実に赤グラデへ復元（白文字が映える）。 */
#contact.contact, body #contact{
  background:linear-gradient(135deg,#ee3833 0%,#ff6b3d 100%) !important;
}

/* ---- 7. ヒーローの壊れた浮遊カード（空の白バー）を除去 ----
   .chat-card は中身(.ch-head/.ch-msg)が display:none で潰れ、
   211x31px の空白の白バーだけがイラスト上に浮いていた。非表示にする。 */
.mainVisual .photoBox .chat-card,
.mainVisual .chat-card{ display:none !important; }