@charset "UTF-8";
/*!
 * incorporation.css
 * 会社設立LP（/services/incorporation/）の追加スタイル（2026-08-01）
 *
 * style.css は SCSS からのコンパイル成果物のため、再ビルドで上書きされないよう
 * 本ファイルに分離している。読み込みは page-incorporation.php を参照（このページ専用）。
 *
 * ※ .m-incorporation-startup__* の基本スタイルは style.css 側にあり、
 *   税務顧問ページ（.m-tax-advisor-price）でも流用されている。
 *   そのため既存クラスは触らず、5列テーブル用の修飾子 --fee でのみ上書きする。
 *
 * 内容
 *   1. STARTUP PLAN（創業支援特別料金表）6列テーブル
 *   2. COMPANY（事務所概要）
 */

/* =========================================
   1. STARTUP PLAN（創業支援特別料金表）
   料金ページの創業支援プランに合わせて 5 列（売上＋4項目）に拡張
   ========================================= */
.m-incorporation-startup__table--fee {
  grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr));
}

.m-incorporation-startup__table--fee > * {
  block-size: auto;
  min-block-size: calc(64 * 1rem / var(--font-size));
  padding: calc(10 * 1rem / var(--font-size)) calc(6 * 1rem / var(--font-size));
  font-size: calc(14 * 1rem / var(--font-size));
}

/* ヘッダー行：4列版の「右端＝4列目」指定を打ち消し、5列目を右端にする */
.m-incorporation-startup__table--fee .m-incorporation-startup__head-cell {
  block-size: auto;
  min-block-size: calc(56 * 1rem / var(--font-size));
  font-size: calc(13 * 1rem / var(--font-size));
  line-height: 1.5;
}

.m-incorporation-startup__table--fee .m-incorporation-startup__head-cell:nth-child(4) {
  border-inline-end: calc(2 * 1rem / var(--font-size)) solid var(--color__white);
}

.m-incorporation-startup__table--fee .m-incorporation-startup__head-cell:nth-child(5) {
  border-inline-end: calc(2 * 1rem / var(--font-size)) solid var(--color__yellow);
}

/* 最終行の下線を消す指定も 4 列前提のため 5 列に合わせ直す */
.m-incorporation-startup__table--fee > *:nth-last-child(-n+5) {
  border-block-end: 0;
}

/* 「報酬年額（記帳込み）」列を強調 */
.m-incorporation-startup__table--fee .m-incorporation-startup__price-cell--highlight {
  background-color: var(--color__yellow-pale, #fffdf2);
}

.m-incorporation-startup__table--fee .m-incorporation-startup__num {
  font-size: calc(16 * 1rem / var(--font-size));
}

.m-incorporation-startup__table--fee .m-incorporation-startup__unit {
  font-size: calc(13 * 1rem / var(--font-size));
}

.m-incorporation-startup__free {
  font-family: var(--font-family__zen);
  font-size: calc(14 * 1rem / var(--font-size));
  font-weight: 700;
  letter-spacing: 0.05em;
}

@media (max-width: 767px) {
  .m-incorporation-startup__table--fee {
    grid-template-columns: calc(104 * 1rem / var(--font-size)) repeat(4, calc(112 * 1rem / var(--font-size)));
    min-inline-size: calc(552 * 1rem / var(--font-size));
  }

  .m-incorporation-startup__table--fee > * {
    padding: calc(10 * 1rem / var(--font-size)) calc(4 * 1rem / var(--font-size));
    font-size: calc(12 * 1rem / var(--font-size));
  }

  .m-incorporation-startup__table--fee .m-incorporation-startup__head-cell {
    font-size: calc(11 * 1rem / var(--font-size));
  }

  .m-incorporation-startup__table--fee .m-incorporation-startup__num {
    font-size: calc(13 * 1rem / var(--font-size));
  }

  .m-incorporation-startup__table--fee .m-incorporation-startup__unit,
  .m-incorporation-startup__free {
    font-size: calc(11 * 1rem / var(--font-size));
  }
}

/* =========================================
   2. COMPANY（事務所概要）
   表と地図そのものは .m-top-company__*（style.css）を共用。
   ここではセクションの余白・背景だけを定義する（subsidy.css と同じ考え方）。
   ========================================= */
.m-incorporation-access {
  padding-block: calc(60 * 1rem / var(--font-size)) calc(20 * 1rem / var(--font-size));
  background-color: var(--color__gray100);
}

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

@media (max-width: 767px) {
  .m-incorporation-access {
    padding-block: calc(40 * 1rem / var(--font-size)) 0;
  }
}