@charset "UTF-8";
/* ============================================================
   reset.css — 営業AIソリューション LP 専用リセット
   読み込み順： reset.css → index.css （必ずこの順番）

   【方針】
   - 実際にこのLPで使っているタグだけを対象にした最小構成。
   - destyle / ress のような「全部消す」系は採用しない。
     このLPでは以下を壊すため：
       * input の appearance:none → .form-agree__checkbox の
         accent-color が無効になりチェックが見えなくなる
       * 同上           → select.form-control の矢印が消える
       * strong の font-weight:inherit → .sec-lead strong が
         太字でなくなる（CSS側で太さ未指定のため）
   - 上記3つは意図的に触っていない。
   ============================================================ */

/* ---------- box-sizing（擬似要素まで含める） ---------- */
/* index.css の `* { box-sizing }` は ::before/::after に効かない。
   このLPには擬似要素のルールが6箇所あるため、ここで拡張する。 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* ---------- ルート ---------- */
html {
  /* iOS を横向きにしたとき、本文が勝手に拡大されるのを止める */
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  /* 長い英単語・URL が SP の狭いカラムからはみ出すのを防ぐ。
     日本語は通常どおり折り返すので通常時の見た目は変わらない。 */
  overflow-wrap: break-word;
}

/* ---------- マージンの初期化 ---------- */
/* このLPで使用中のタグ + 将来使いそうなものだけ。
   既存クラスはすべて margin を明示しているため見た目は変わらない。 */
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
figcaption,
blockquote,
dl,
dd,
ul,
ol {
  margin: 0;
}

/* ---------- 見出し ---------- */
/* サイズ・太さはクラス側（.sec-title / .hero__title など）で定義する。
   h2 だから大きい、ではなくクラスで決める、という運用に揃える。 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/* ---------- リスト ---------- */
ul,
ol {
  padding: 0;
  list-style: none;
}

/* ---------- 画像・メディア ---------- */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* width/height 属性（CLS対策）を付けたときに縦横比が崩れないようにする。
   .brand__logo などの `height: 38px` はクラス指定なのでそちらが優先される。 */
img {
  height: auto;
}

/* ---------- リンク ---------- */
/* 全体の文字色は index.css の `a { color: var(--color-accent-700) }` が
   後勝ちで適用される。ここは「UAの青リンク・下線を消す」だけの役割。 */
a {
  color: inherit;
  text-decoration: none;
}

/* ---------- フォーム部品 ---------- */
/* 注意：line-height は敢えて継承させていない。
   body の line-height:1.8 を input に継承させると、
   .form-control の高さが 1行あたり約9px 伸びて現行デザインが崩れる。 */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  margin: 0;
  border-radius: 0;
}

button {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}

textarea {
  resize: vertical;
}

/* ---------- hidden 属性 ---------- */
/* main.js は overlay / nav-close / case-panel / form-done の表示制御に
   要素の hidden プロパティを使っている。一方 CSS 側で display:flex 等を
   当てていると hidden が負けるため、!important で確実に効かせる。
   これにより index.css の `.nav-close[hidden] { display: none }` の
   個別対処は不要になる。 */
[hidden] {
  display: none !important;
}