@charset "utf-8";

/* =========================================================
 *  THEME MEIHOU / SHAPE — 任意の追加レイヤー（比較用）
 *
 *  theme-meihou.css（フォント・色）の後に読み込む。
 *  参照元は角丸 3px・影ゼロで、直線的で硬い印象がデザインの芯になっている。
 *  そこまで寄せたい場合にだけ足す。外せば theme-meihou.css の状態に戻る。
 *  変更しないもの: 文章 / 画像 / 掲載内容 / 料金・数値 / CTA文言 / セクション順 / 機能
 * ========================================================= */

:root { --radius: 3px; }

/* ---- 角丸: 参照元は 3px でほぼ直角 ---- */
.btn,
.scarcity-alert .btn,
.case-card, .faq-item, .voice, .flow-body, .fv-offer,
.price-row, .scarcity-alert, .slot, .req, .choice, .demo-note,
.input, .select, .textarea, #form .form,
.fv-pill, .fv-merit, .case-cat, .voice-tag, .scarcity-ribbon {
  border-radius: 3px;
}

/* ---- 影: 参照元は全面的に影なし。罫線で面を区切る ---- */
.btn, .btn:hover,
.case-card, .case-card:hover,
.faq-item, .voice, .flow-body, .fv-offer, .fv-dash, .fv-kv-label,
.price-compare, .price-row--new, .scarcity-alert, #form .form,
.carousel-arrow, .voices-carousel .carousel-arrow {
  box-shadow: none;
}
.fv--tate .fv-lower { box-shadow: none; }
.fv-badge-limit { box-shadow: none; }

/* 影を外すと浮きが消えるぶん、面の境目は罫線で示す */
.fv-dash { border: 1px solid #E3E3E3; }
#form .form { border: 1px solid rgba(255, 255, 255, 0.35); }
.price-compare { border: 1px solid var(--c-border); }