@charset "UTF-8";
/*!
 * inheritance-tax.css
 * 相続税申告LP（/services/inheritance-tax/）の追加スタイル（2026-08-01）
 *
 * style.css は SCSS からのコンパイル成果物のため、再ビルドで上書きされないよう
 * 本ファイルに分離している。読み込みは page-inheritance-tax.php を参照（このページ専用）。
 *
 * 内容
 *   1. ファーストビュー（freee導入LPの m-freee-support-hero を流用したうえでの差分）
 *   2. WORRIES のイラスト（1枚画像に変更）
 *   3. WHY CHOOSE US のイラスト
 *   4. SUPPORT（相続税申告の対応内容）
 *   5. PLAN（料金）
 *   6. SERVICE の関連サービス（2枚並び）
 *   7. COMPANY（事務所概要）
 */

/* =========================================
   1. ファーストビュー

   レイアウトは m-freee-support-hero__* を流用しているので、
   ここでは Figma（PC_相続税申告 / node 4915-14098）との差分だけを上書きする。
   ・見出しはイラスト（mv）の幅いっぱいに置いて中央寄せ（Figma: x=90〜810 の中央）
   ・右のカードは x=825 / w=370 / y=275
   ・キャッチは 40px の 2 行（2 行目のみオレンジ）
   ・MV は「背景の線画（mv-bg）＝背面／人物イラスト（mv-illu）＝前面」を z-index で固定する
     （freee導入LPで発生した重なり順の事故と同じ対策。mix-blend-mode は使わない）
   ========================================= */
.m-inheritance-tax-hero .m-freee-support-hero__title {
  inset-inline-start: min(90 * 1rem / var(--font-size), 90 / 1440 * 100vw);
  inline-size: min(720 * 1rem / var(--font-size), 720 / 1440 * 100vw);
}

.m-inheritance-tax-hero .m-freee-support-hero__mv {
  isolation: isolate;
  block-size: min(318 * 1rem / var(--font-size), 318 / 1440 * 100vw);
}

.m-inheritance-tax-hero .m-freee-support-hero__mv-bg {
  z-index: 0;
  block-size: 75.7861635221%;
}

.m-inheritance-tax-hero .m-freee-support-hero__mv-illu {
  z-index: 1;
  mix-blend-mode: normal;
  inset-block-start: 7.8616352201%;
  inset-inline-start: 21.8055555556%;
  inline-size: 56.5277777778%;
  block-size: 92.1383647799%;
}

.m-inheritance-tax-hero .m-freee-support-hero__card {
  inset-block-start: min(275 * 1rem / var(--font-size), 275 / 1440 * 100vw);
  inset-inline-start: min(825 * 1rem / var(--font-size), 825 / 1440 * 100vw);
  inline-size: min(370 * 1rem / var(--font-size), 370 / 1440 * 100vw);
}

.m-inheritance-tax-hero .m-freee-support-hero__catch-line + .m-freee-support-hero__catch-line {
  margin-block-start: calc(10 * 1rem / var(--font-size));
}

.m-inheritance-tax-hero .m-freee-support-hero__lead {
  padding-block-start: calc(34 * 1rem / var(--font-size));
}

/* 「無料相談はこちら」が2行に折り返さないように少しだけ広げる */
.m-inheritance-tax-hero .m-freee-support-hero__btn {
  inline-size: min(250 * 1rem / var(--font-size), 250 / 1440 * 100vw);
}

.m-inheritance-tax-hero .m-freee-support-hero__btn .m-cta-btn__text {
  white-space: nowrap;
}

/* ポイントバッジのアイコン（黄色い丸の中に線画アイコンを納める） */
.m-inheritance-tax-hero__point-img {
  display: block;
  inline-size: auto;
  block-size: auto;
  max-inline-size: calc(54 * 1rem / var(--font-size));
  max-block-size: calc(54 * 1rem / var(--font-size));
}

/* =========================================
   2. WORRIES のイラスト
   会社設立LPは「背景・電球・人物」の3枚重ねだが、
   このページは Figma 側が1枚のグループなので重ね配置を解除する。
   ========================================= */
.m-inheritance-tax-worries__illust .m-incorporation-worries__illust-main {
  position: static;
  inline-size: 100%;
  block-size: auto;
}

/* =========================================
   3. WHY CHOOSE US のイラスト
   （m-freee-support-illust と同じ。円の背景は画像に含まれている）
   ========================================= */
.m-inheritance-tax-illust {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 黄色い丸背景。
   イラストSVGはFigmaから「線画のみ」で書き出しているため丸が入っていない。
   会社設立LP（丸込みSVG／280中r126.667）と同じ 90.4761904762% で描画する。
   → 粗利益率改善LPの .m-profit-improvement-why .m-feature-rows__illust::before と同方式 */
.m-inheritance-tax-illust::before {
  content: "";
  position: absolute;
  inset-inline-start: 50%;
  inset-block-start: 50%;
  z-index: 0;
  inline-size: 90.4761904762%;
  block-size: 90.4761904762%;
  border-radius: 50%;
  background-color: var(--color__yellow);
  transform: translate(-50%, -50%);
}

.m-inheritance-tax-illust__img {
  position: relative;
  z-index: 1;
  display: block;
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

/* =========================================
   4. SUPPORT（相続税申告の対応内容）
   チェックアイコン付きのグレーカードを2列
   ========================================= */
.m-inheritance-tax-support {
  padding-block: calc(120 * 1rem / var(--font-size));
}

.m-inheritance-tax-support__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.m-inheritance-tax-support__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(24 * 1rem / var(--font-size)) calc(28 * 1rem / var(--font-size));
  inline-size: 100%;
  padding-block-start: calc(40 * 1rem / var(--font-size));
  padding-inline-start: 0;
  list-style: none;
}

.m-inheritance-tax-support__item {
  display: flex;
  align-items: center;
  gap: calc(16 * 1rem / var(--font-size));
  min-block-size: calc(88 * 1rem / var(--font-size));
  padding: calc(20 * 1rem / var(--font-size)) calc(24 * 1rem / var(--font-size));
  border-radius: calc(8 * 1rem / var(--font-size));
  background-color: var(--color__gray100);
}

.m-inheritance-tax-support__check {
  flex-shrink: 0;
  display: block;
  inline-size: calc(32 * 1rem / var(--font-size));
  block-size: calc(32 * 1rem / var(--font-size));
}

.m-inheritance-tax-support__text {
  font-family: var(--font-family__zen);
  font-size: calc(15 * 1rem / var(--font-size));
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: var(--color__black);
}

.m-inheritance-tax-support__note {
  padding-block-start: calc(2 * 1rem / var(--font-size));
  font-family: var(--font-family__zen);
  font-size: calc(12 * 1rem / var(--font-size));
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
  color: var(--color__gray500);
}

.m-inheritance-tax-support__outro {
  padding-block-start: calc(40 * 1rem / var(--font-size));
  font-family: var(--font-family__zen);
  font-size: calc(15 * 1rem / var(--font-size));
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: center;
  color: var(--color__black);
}

/* =========================================
   5. PLAN（料金）
   SERVICE から続くクリーム背景の中に、3つの表＋シミュレーション例を積む。
   表そのものは助成金LPの .m-subsidy-table を流用し、ここでは列幅だけ指定する。
   ========================================= */
.m-inheritance-tax-plan {
  padding-block: calc(120 * 1rem / var(--font-size));
  background-color: var(--color__cream);
}

.m-inheritance-tax-plan__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.m-inheritance-tax-plan__heading {
  inline-size: 100%;
  padding-block-start: calc(48 * 1rem / var(--font-size));
  font-family: var(--font-family__zen);
  font-size: calc(20 * 1rem / var(--font-size));
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: center;
  color: var(--color__black);
}

.m-inheritance-tax-plan__table {
  padding-block-start: calc(16 * 1rem / var(--font-size));
}

.m-inheritance-tax-plan__table--2col .m-subsidy-table__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.m-inheritance-tax-plan__table--3col .m-subsidy-table__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.75fr);
}

.m-inheritance-tax-plan__table--sim .m-subsidy-table__grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr);
}

/* 最終行の下線と、ヘッダー右端の枠線（.m-subsidy-table は列数ごとに指定が必要） */
.m-inheritance-tax-plan__table--2col .m-subsidy-table__head:nth-child(2),
.m-inheritance-tax-plan__table--3col .m-subsidy-table__head:nth-child(3),
.m-inheritance-tax-plan__table--sim .m-subsidy-table__head:nth-child(3) {
  border-inline-end: calc(2 * 1rem / var(--font-size)) solid var(--color__yellow);
}

.m-inheritance-tax-plan__table--2col .m-subsidy-table__grid > *:nth-last-child(-n+2),
.m-inheritance-tax-plan__table--3col .m-subsidy-table__grid > *:nth-last-child(-n+3),
.m-inheritance-tax-plan__table--sim .m-subsidy-table__grid > *:nth-last-child(-n+3) {
  border-block-end: 0;
}

.m-inheritance-tax-plan__cell--price {
  font-weight: 700;
}

.m-inheritance-tax-plan__notes {
  inline-size: 100%;
  padding-block-start: calc(16 * 1rem / var(--font-size));
  font-family: var(--font-family__zen);
  font-size: calc(12 * 1rem / var(--font-size));
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-align: start;
  color: var(--color__gray500);
}

.m-inheritance-tax-plan__sim {
  inline-size: 100%;
  margin-block-start: calc(48 * 1rem / var(--font-size));
  padding: calc(40 * 1rem / var(--font-size));
  border-radius: calc(16 * 1rem / var(--font-size));
  background-color: var(--color__white);
}

.m-inheritance-tax-plan__sim-title {
  font-family: var(--font-family__zen);
  font-size: calc(20 * 1rem / var(--font-size));
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.05em;
  text-align: center;
  color: var(--color__black);
}

.m-inheritance-tax-plan__sim-cond {
  font-size: calc(16 * 1rem / var(--font-size));
}

.m-inheritance-tax-plan__sim .m-inheritance-tax-plan__table {
  padding-block-start: calc(24 * 1rem / var(--font-size));
}

/* =========================================
   6. SERVICE の関連サービス（カード2枚）
   3枚並び前提の .m-incorporation-service__options-list を2枚用に中央寄せする
   ========================================= */
.m-inheritance-tax-service__options .m-incorporation-service__options-list {
  gap: calc(40 * 1rem / var(--font-size));
}

/* =========================================
   7. COMPANY（事務所概要）
   表と地図そのものは .m-top-company__*（style.css）を共用しているため、
   ここではセクションの余白・背景だけを定義する。
   前後の MESSAGE / FAQ と同じ gray100 背景で連続させる。
   ========================================= */
.m-inheritance-tax-access {
  padding-block: calc(60 * 1rem / var(--font-size)) calc(20 * 1rem / var(--font-size));
  background-color: var(--color__gray100);
}

.m-inheritance-tax-access__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media (max-width: 767px) {
  .m-inheritance-tax-hero .m-freee-support-hero__title {
    inline-size: 100%;
  }

  .m-inheritance-tax-hero .m-freee-support-hero__mv {
    inline-size: calc(520 * 1rem / var(--font-size));
    block-size: calc(230 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-hero .m-freee-support-hero__card {
    inset: auto;
    inline-size: 100%;
    max-inline-size: calc(360 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-hero .m-freee-support-hero__lead {
    padding-block-start: calc(16 * 1rem / var(--font-size));
  }

  /* PC 用に広げた vw 指定が SP では 65px まで潰れるため、他ページと同じ幅に戻す */
  .m-inheritance-tax-hero .m-freee-support-hero__btn {
    inline-size: calc(210 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-hero__point-img {
    max-inline-size: calc(36 * 1rem / var(--font-size));
    max-block-size: calc(36 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-support {
    padding-block: calc(56 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-support__list {
    grid-template-columns: minmax(0, 1fr);
    gap: calc(16 * 1rem / var(--font-size));
    padding-block-start: calc(32 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-support__item {
    min-block-size: 0;
    padding: calc(16 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-support__text {
    font-size: calc(14 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-support__outro {
    padding-block-start: calc(24 * 1rem / var(--font-size));
    font-size: calc(14 * 1rem / var(--font-size));
    text-align: start;
  }

  .m-inheritance-tax-plan {
    padding-block: calc(56 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-plan__heading {
    padding-block-start: calc(32 * 1rem / var(--font-size));
    font-size: calc(17 * 1rem / var(--font-size));
  }

  /* 3列テーブルは横スクロールさせる（列を詰めると読めなくなるため） */
  .m-inheritance-tax-plan__table--3col,
  .m-inheritance-tax-plan__table--sim {
    overflow-x: auto;
  }

  .m-inheritance-tax-plan__table--3col .m-subsidy-table__grid,
  .m-inheritance-tax-plan__table--sim .m-subsidy-table__grid {
    min-inline-size: calc(560 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-plan__notes {
    font-size: calc(10 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-plan__sim {
    margin-block-start: calc(32 * 1rem / var(--font-size));
    padding: calc(20 * 1rem / var(--font-size));
    border-radius: calc(12 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-plan__sim-title {
    font-size: calc(17 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-plan__sim-cond {
    font-size: calc(13 * 1rem / var(--font-size));
  }

  .m-inheritance-tax-access {
    padding-block: calc(40 * 1rem / var(--font-size)) 0;
  }
}