/* ========================================
   Accent Override (Charcoal × Cyan)
   - White base, accent only
   - No gradients (simple / futuristic)
   - Layout-safe: no width/height/position/grid changes
   ======================================== */

:root {
  /* calm teal-cyan (easier on eyes) */
  --vw-accent: #0891B2;        /* cyan/teal */
  --vw-accent-dark: #0E7490;   /* hover */
  --vw-charcoal: #0B0F14;
  --vw-text: #111827;
  --vw-border: rgba(8, 145, 178, 0.22);
  --vw-glow: rgba(8, 145, 178, 0.16);
  --vw-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

/* ===== Accent text ===== */
.blue_text,
.col_text,
.txt_blue,
.txt-blue,
.move_marker,
.move_marker_self,
.typing-animation,
#lp_fv_wrap .lpfv_copy_wrap .blue_text,
#lp_fv_wrap .lpfv_copy_wrap .txt_blue,
.lp_section_inn .txt_blue,
.lp_section_inn .txt-blue,
.lp_section_inn .col_text,
.lpfv_copy_wrap h2 .sub_cp {
  color: var(--vw-accent) !important;
}

/* ===== Section title underline (renewer.css: .sectitle_wrap::before uses gradient) ===== */
.sectitle_wrap::before {
  background: var(--vw-accent) !important;
  background-image: none !important;
}
.sectitle_wrap h2 > .en {
  color: var(--vw-accent) !important;
}

/* move_marker: remove gradient highlight (use subtle solid underline via inset shadow) */
.move_marker {
  background: none !important;
  background-image: none !important;
  box-shadow: inset 0 -0.55em 0 rgba(8, 145, 178, 0.14) !important;
}
.move_marker.drawing {
  background: none !important;
  background-image: none !important;
}

/* typing cursor */
.typing-cursor::after {
  background-color: var(--vw-accent) !important;
}

/* ===== Logo: remove gradient text, use solid charcoal + subtle accent ===== */
.vw-logo-text {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  color: var(--vw-charcoal) !important;
  letter-spacing: 0.04em !important;
}

/* ロゴ下線は不要（ユーザー要望） */

/* ===== Buttons / Links =====
   ユーザー要望：ボタンは元のデザインに戻すため、accent.css ではボタンを上書きしない
*/

/* ===== Global gradient utility (.grad) =====
   “青はやめる”要望のため、ボタン含めて .grad のグラデを撤廃 → ティール無地に統一
*/
.grad {
  background: var(--vw-accent) !important;
  background-image: none !important;
}

/* ヘッダー：お問い合わせ（master.cssで直にグラデ指定） */
header#mainHeader .wrap .right nav#mainNav ul li.contact a {
  background: var(--vw-accent) !important;
  background-image: none !important;
  color: #ffffff !important;
}

/* 会社情報：見出し下線（company.cssでグラデ指定） */
section h2.title::after {
  background: var(--vw-accent) !important;
  background-image: none !important;
}

/* “詳細を見る”など主要導線（青→ティール、グラデ撤廃） */
.service-link,
.link-btn a,
#casestudy_sec .flex_wrap .link-btn a,
#recruit_sec .cont_wrap .link-btn a,
.contact-link,
section#serviceMenu .link-btn a,
section#supportAchivement .center .support-panel .panel-desc .link-btn a,
/* 支援実績一覧：詳細ボタン（case-list.css/front.css の深い指定に勝つ） */
section#serchResult .center .panel-wrap .panel .under .btn-wrap a.link-btn,
#serchResult .panel .btn-wrap .link-btn {
  background: var(--vw-accent) !important;
  background-image: none !important;
  color: #ffffff !important;
}

/* ===== Cards: keep white base, simplify (remove internal gradients) ===== */
.service-card,
#casestudy_sec .flex_wrap .sutdy_detail,
section#serchResult .center .panel-wrap .panel {
  background: #ffffff !important;
  background-image: none !important;
}

/* ===== front.css: #theme_sec の見出し下線（グラデ）撤廃 ===== */
#theme_sec ul.flex_wrap h3::after,
html body section#theme_sec div.cont_wrap ul.flex_wrap > li h3::after {
  background: var(--vw-accent) !important;
  background-image: none !important;
}

/* ===== front.css: LP intro の装飾バブル（radial-gradient）撤廃 ===== */
#lpsec_intro .bubble {
  background: #ffffff !important;
  background-image: none !important;
}

/* ===== front.css: 支援実績パネル画像枠のグラデ撤廃（画像未読込時にも青が出ないように） ===== */
section#supportAchivement .center .support-panel .panel-image {
  background: #F8FAFC !important;
  background-image: none !important;
}

/* ===== Top hero stats cards: remove gradients (front.css) ===== */
.stat-item::before {
  background: var(--vw-accent) !important;
  background-image: none !important;
}
.stat-number {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
  color: var(--vw-accent) !important;
}

/* LP: checklist icon color (front.css uses #1C91E2) */
#lpsec_intro .chk_mark > li::before {
  color: var(--vw-accent) !important;
}

/* LP: section title underline (renewer.css uses #26a5df) */
h2.lp_secin_ttl::before {
  background-color: var(--vw-accent) !important;
}

/* 支援実績（トップ）：見出しバーの旧ブルー＆グラデ撤廃 */
#casestudy_sec .flex_wrap .sutdy_detail h3,
html body section#casestudy_sec div.cont_wrap div.flex_wrap div.sutdy_detail h3 {
  background: #F8FAFC !important;
  background-image: none !important;
  border-left-color: var(--vw-accent) !important;
}
#casestudy_sec .flex_wrap .sutdy_detail h3:hover,
html body section#casestudy_sec div.cont_wrap div.flex_wrap div.sutdy_detail h3:hover {
  background: #F1F5F9 !important;
  background-image: none !important;
  border-left-color: var(--vw-accent-dark) !important;
}

/* 支援実績（トップ）：カード内の薄グラデを撤廃 */
#casestudy_sec .flex_wrap .sutdy_detail {
  background: #FFFFFF !important;
  background-image: none !important;
}
#casestudy_sec .flex_wrap figure .label {
  background: rgba(255, 255, 255, 0.92) !important;
  background-image: none !important;
}

/* 支援実績（トップ）：使用ツールタグのグラデ撤廃＆ティール統一 */
#casestudy_sec .flex_wrap .sutdy_detail .tools span {
  background: rgba(8, 145, 178, 0.10) !important;
  background-image: none !important;
  border-color: rgba(8, 145, 178, 0.18) !important;
  color: var(--vw-charcoal) !important;
}
#casestudy_sec .flex_wrap .sutdy_detail .tools span:hover {
  background: rgba(8, 145, 178, 0.14) !important;
  background-image: none !important;
}

/* service card top line: solid cyan */
.service-card::before {
  background: var(--vw-accent) !important;
}

/* card borders / glow (subtle, futuristic) */
.service-card,
#casestudy_sec .flex_wrap .thumb,
#casestudy_sec .flex_wrap .sutdy_detail,
section#serchResult .center .panel-wrap .panel {
  border-color: var(--vw-border) !important;
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.10) !important;
  transition: all 0.2s var(--vw-ease) !important;
}
.service-card:hover,
#casestudy_sec .flex_wrap .thumb:hover,
#casestudy_sec .flex_wrap .sutdy_detail:hover,
section#serchResult .center .panel-wrap .panel:hover {
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.14), 0 0 0 1px rgba(8, 145, 178, 0.14) !important;
}

/* ===== Badges / tags: solid (no gradients) ===== */
section#newsSection .news-wrap ul li .news-block .news-deco-row span.badge,
.news-deco-row span.badge,
.type-wrap span.type-tag,
span.badge,
span.type-tag,
.news-badge,
.badge.badge-info,
.badge.badge-info-general,
.badge.badge-update,
.type-tag.badge-info,
.type-tag.badge-info-general,
.type-tag.badge-update {
  background: rgba(8, 145, 178, 0.12) !important;
  background-image: none !important;
  color: var(--vw-charcoal) !important;
  border: 1px solid rgba(8, 145, 178, 0.18) !important;
}

section#newsSection .news-wrap ul li .news-block .news-deco-row span.badge:hover,
.news-deco-row span.badge:hover,
.type-wrap span.type-tag:hover,
span.badge:hover,
span.type-tag:hover,
.news-badge:hover {
  background: rgba(8, 145, 178, 0.18) !important;
  background-image: none !important;
}

/* gotop / CTA / link-btn 等は上書きしない（元CSSに委ねる）
   ※ .grad は「非ボタンのみ」無地化している */

/* ===== Recruit section: remove blue background (renewer.css uses #26a5df) ===== */
#recruit_sec {
  background: #F8FAFC !important;
  background-image: none !important;
}

/* Remove gradient beam effects on recruit section */
#recruit_sec > .cont_wrap::after {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* ===== Footer contact area: remove blue-ish background image (renewer.css uses footer.jpg/footer_sp.jpg) ===== */
footer#contactArea {
  background: #F8FAFC !important;
  background-image: none !important;
  background-position: initial !important;
  background-size: initial !important;
}
footer#contactArea h2 {
  color: var(--vw-charcoal) !important;
}

/* LP footer (#lp_foot) も青系に見える場合があるため、背景を無地に統一（ボタンは上書きしない） */
#lp_foot {
  background: #F8FAFC !important;
  background-image: none !important;
}

/* LP footer text was designed for dark/blue background; ensure contrast on light background */
#lp_foot,
#lp_foot p,
#lp_foot .vw-lp-foot-title,
#lp_foot .vw-lp-foot-desc {
  color: var(--vw-charcoal) !important;
}

#lp_foot .vw-lp-foot-desc {
  opacity: 0.92 !important;
}
/* ===== 支援実績一覧（serchResult）：旧ブルーの下線・グラデ撤廃 ===== */
section#serchResult .center .panel-wrap .panel .image {
  background: #F8FAFC !important;
  background-image: none !important;
}
section#serchResult .center .panel-wrap .panel .under {
  background: #FFFFFF !important;
  background-image: none !important;
}
section#serchResult .center .panel-wrap .panel .under .content .title h3 {
  background: none !important;
  background-image: none !important;
  box-shadow: inset 0 -3px 0 rgba(8, 145, 178, 0.55) !important; /* 下線（レイアウト非影響） */
}
section#serchResult .center .panel-wrap .panel .under .content .subtitle h4 {
  background: #F8FAFC !important;
  background-image: none !important;
  border-left-color: var(--vw-accent) !important;
}

/* ===== Mouse stalker: reduce visual noise (no gradients) ===== */
.mouse-stalker,
.mouse-stalker-follower {
  background: transparent !important;
  box-shadow: none !important;
}
.mouse-stalker {
  border-color: rgba(8, 145, 178, 0.55) !important;
  mix-blend-mode: normal !important;
}
.mouse-stalker-follower {
  border-color: rgba(8, 145, 178, 0.20) !important;
}