/* ヘッダーの「自社サイトで試す」（2026年10月24日・ご本人「プランを見るの右へ追加し、右下の丸いボタンは消す」。
   右下はチャットのボタンを置くため）。2つのボタンを1つの組にして、右へ並べる。
   メニューが横に並ぶ幅のうち狭いほうは、メニューとボタンを少し詰めて重ならないようにする。
   スマホの幅では入りきらないので出さない（メニューの中の「自社サイトで試す」から開ける）。 */
.nav-ctas{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav .nav-ctas .nav-action{margin:0}
@media(min-width:1051px) and (max-width:1320px){
  .nav nav{gap:16px;font-size:12px}
  .nav-ctas{gap:8px}
  .nav .nav-ctas a.action-cta.cta-header{padding:6px 7px 6px 13px;gap:9px;font-size:12px}
  .nav .nav-ctas .cta-header .cta-arrow{width:24px;height:24px;flex-basis:24px;font-size:15px}
}
@media(max-width:1050px){.nav .nav-ctas{margin-left:auto;margin-right:12px}}
@media(max-width:600px){.nav .nav-ctas a.nav-demo{display:none}}

/* Welconvo のロゴとマーク（2026年10月26日・ご本人のロゴ）。マークは文字の大きさに合わせる */
.brand-logo{display:block;height:28px;width:auto}
/* 11/8 ご本人「サイトの本文のアイコン：消す」（前の Ainova の印） */
.ainova-mark{display:none}
@media(max-width:760px){.brand-logo{height:24px}}
/* チップの真ん中のロゴ（2026年10月26日・ご本人「ロゴそのものを」）。文字の大きさ（.chip-name）に合わせる */
.chip-name .chip-logo{display:block;position:static;width:3.9em;height:auto;filter:drop-shadow(0 2px 7px #000);mix-blend-mode:normal;-webkit-mask-image:none;mask-image:none;transform:none}

/* 11/8 文字の「Welconvo」をロゴの画像にした所（brand-logo.js が背景に合わせて白・紺を選ぶ） */
.wc-logo{display:inline-block;height:1.05em;width:auto;max-width:none;vertical-align:-.2em;margin:0}

/* 11/8 前の星の印のかわりに、W の印（ロゴ-02）。色はまわりの文字の色に合わせる（形だけを使う） */
.wc-mark{display:inline-block;width:1em;height:1em;vertical-align:-.14em;background:currentColor;-webkit-mask:url(/assets/brand/welconvo-mark.png?v=1) center/contain no-repeat;mask:url(/assets/brand/welconvo-mark.png?v=1) center/contain no-repeat}
.ainova-mark.wc-mark{display:inline-block;font-style:normal}
.plan-symbol .wc-mark{width:.82em;height:.82em;vertical-align:0}

/* 11/8 ご本人「ボタンの間隔が狭い」：選ばれる理由の「アバター・音声はスタンダード以上」と「この機能が使えるプランを見る」がくっついていた（間 0px）。
   パソコンの幅だけ、間を空けて縦の真ん中をそろえる（スマホの見た目は変えない） */
@media (min-width: 761px) {
  .w5-start-copy .feature-plan-note { vertical-align: middle; margin: 0 18px 0 0; }
  .w5-start-copy .feature-plan-note + .w5-text-link { vertical-align: middle; }
}

/* 11/8 ご本人「右の Welconvo のロゴを左の W に」：SNS の投稿が集まる丸の中を W の印に（色は丸の文字の色） */
.vx-social-w .wc-mark{width:76px;height:76px;vertical-align:middle}