@charset "UTF-8";
/*!
 * tax-advisor.css
 * 税務顧問LP（/services/tax-advisor/）の追加スタイル（2026-08-01）
 *
 * style.css は SCSS からのコンパイル成果物のため、再ビルドで上書きされないよう
 * 本ファイルに分離している。読み込みは page-tax-advisor.php を参照（このページ専用）。
 *
 * 内容
 *   1. オプションサービス（アコーディオン）
 *      カードの見た目そのものは .m-incorporation-service__option（style.css）を
 *      そのまま使い、ここでは「クリックで開閉できるようにするための差分」だけを定義する。
 *      閉じている状態の見た目は改修前と同一。
 *      他のLP（会社設立 / freee導入支援）に影響しないよう、すべて
 *      .m-tax-advisor-options 配下にスコープしている。
 *   2. COMPANY（事務所概要）セクション
 *      表と地図そのものは .m-top-company__*（style.css）を共用しているため、
 *      ここではセクションの余白・背景だけを定義する。
 */

/* =========================================
   1. オプションサービス（アコーディオン）
   ========================================= */

/* 開いたカードの高さに、隣のカードが引き伸ばされないようにする */
.m-tax-advisor-options .m-incorporation-service__options-list--2-columns {
  align-items: start;
}

/* 高さ固定（298px）をやめ、閉じているときの最低の高さとして扱う。
   アイコン・タイトル・矢印の配置は style.css の space-between のまま変わらない。 */
.m-tax-advisor-options__item {
  position: relative;
  block-size: auto;
  min-block-size: calc(298 * 1rem / var(--font-size));
}

/* カード全面を覆う透明な開閉ボタン。どこをクリックしても開閉する */
.m-tax-advisor-options__button {
  position: absolute;
  inset: 0;
  z-index: 1;
  inline-size: 100%;
  block-size: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: inherit;
  background-color: transparent;
  color: inherit;
  font: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}
.m-tax-advisor-options__button:focus-visible {
  outline: calc(2 * 1rem / var(--font-size)) solid var(--color__orange);
  outline-offset: calc(4 * 1rem / var(--font-size));
}

/* スクリーンリーダー用のボタン名（画面には出さない） */
.m-tax-advisor-options__button-label {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  border: 0;
  clip-path: inset(50%);
}

/* 開いているときは矢印を上向きに */
.m-tax-advisor-options__arrow {
  transition: transform 0.3s ease;
}
.m-tax-advisor-options__item:has(.js-accordion__button[aria-expanded="true"]) .m-tax-advisor-options__arrow {
  transform: rotate(180deg);
}

/* 説明文パネル（js-accordion が hidden 属性で開閉する） */
.m-tax-advisor-options__panel {
  inline-size: 100%;
}
.m-tax-advisor-options__panel[hidden] {
  display: none;
}

.m-tax-advisor-options__panel-inner {
  display: flex;
  flex-direction: column;
  gap: calc(16 * 1rem / var(--font-size));
  padding-block: calc(4 * 1rem / var(--font-size)) calc(8 * 1rem / var(--font-size));
  text-align: start;
}

.m-tax-advisor-options__desc-block {
  display: flex;
  flex-direction: column;
  gap: calc(2 * 1rem / var(--font-size));
}

.m-tax-advisor-options__desc-line {
  margin: 0;
  font-family: var(--font-family__zen);
  font-size: calc(14 * 1rem / var(--font-size));
  font-weight: 500;
  line-height: 1.9;
  letter-spacing: 0.05em;
  color: var(--color__black);
}

.m-tax-advisor-options__desc-line--head {
  font-weight: 700;
}

.m-tax-advisor-options__desc-line--bullet {
  padding-inline-start: 1em;
  text-indent: -1em;
}

.m-tax-advisor-options__desc-line--note {
  font-size: calc(12 * 1rem / var(--font-size));
  color: var(--color__gray500);
}

@media (max-width: 767px) {
  /* SP は style.css 側で高さ auto。最低の高さは付けない */
  .m-tax-advisor-options__item {
    min-block-size: 0;
  }
}

/* =========================================
   2. COMPANY（事務所概要）
   前後の MESSAGE / FAQ と同じ gray100 背景で連続させる
   ========================================= */
.m-tax-advisor-access {
  padding-block: calc(60 * 1rem / var(--font-size)) calc(20 * 1rem / var(--font-size));
  background-color: var(--color__gray100);
}

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

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