/* generated from src/faq.css by _design/tools/build_css.py — 編集は src/ 側で */
/* ==========================================================================
   よくある質問（XD：SP 390×5883 ／ PC はデザインなし：PC3ページの寸法ルールで制作）
   ========================================================================== */
/* ---------- PC（制作部が PC3ページのルールで構成：ラベル x200/y80・本文カラム 800） ---------- */
.p-faq .l-main { background: var(--c-gray); }
.pg-faq { background: var(--c-gray); padding-bottom: calc(77.8 * var(--u)); }
.pg-faq .c-label__box :is(img, .c-chars):last-child { width: calc(131.8 * var(--u)); }
.fq-h1 { margin: calc(95 * var(--u)) 0 0 calc(50% - calc(400 * var(--u))); }
.fq-h1 :is(img, .c-chars) { width: calc(466.2 * var(--u)); height: auto; }

.fq-cat { margin-top: calc(76.5 * var(--u)); }
.fq-cat:first-of-type { margin-top: calc(100 * var(--u)); }
.fq-cat__title {
  height: calc(55 * var(--u)); padding: calc(13.2 * var(--u)) 0 0 0.1em; background: #fff; text-align: center;
  font-size: calc(18 * var(--u)); font-weight: 400; line-height: calc(28 * var(--u)); letter-spacing: 0.1em;
}
.fq-cat__title span { position: relative; top: calc(-0.5 * var(--u)); }
.fq-list { width: calc(800 * var(--u)); margin: 0 auto; }
.fq-item { position: relative; margin-top: calc(49.7 * var(--u)); }
.fq-item:first-child { margin-top: calc(27.2 * var(--u)); }
.fq-mark { position: absolute; left: 0; font-family: var(--f-en); font-size: calc(26 * var(--u)); font-weight: 400; line-height: calc(37 * var(--u)); }
.fq-q { position: relative; color: var(--c-accent); }
.fq-q .fq-mark { top: calc(-4.8 * var(--u)); }
.fq-q__text { position: relative; top: calc(-0.5 * var(--u)); display: block; margin-left: calc(45 * var(--u)); font-size: calc(18 * var(--u)); line-height: calc(28 * var(--u)); }
.fq-a { position: relative; margin-top: calc(25.3 * var(--u)); }
.fq-a .fq-mark { top: calc(2.9 * var(--u)); }
.fq-a__text { position: relative; top: calc(0.54 * var(--u)); display: block; margin-left: calc(45 * var(--u)); font-size: calc(15 * var(--u)); line-height: calc(28 * var(--u)); }
.fq-item--ls25 .fq-a__text { letter-spacing: -0.025em; }
.fq-more { margin-top: calc(26.5 * var(--u)); }
.fq-btn { margin: 0 auto; }
.fq-item:has(.fq-more) { padding-bottom: calc(3.5 * var(--u)); } /* XD：ボタンの下は回答の下より 3.5 広い（帯まで 80・次の質問まで 53.2） */

.fq-end { width: calc(800 * var(--u)); margin: calc(76.5 * var(--u)) auto 0; }
.fq-end .c-icon { margin: 0; }
.fq-lead { top: calc(-0.5 * var(--u)); margin-top: calc(12.2 * var(--u)); letter-spacing: 0; }

/* ---------- TB ---------- */
@media (min-width: 768px) and (max-width: 1023px) {
  .pg-faq .c-label { margin-left: 32px; }
  .fq-h1 { margin-left: 64px; }
  .fq-list, .fq-end { width: auto; margin-left: 64px; margin-right: 32px; }
}

/* ---------- SP（XD どおり） ---------- */
@media (max-width: 767px) {
  .fq-h1 { margin: calc(60 * var(--u)) 0 0 calc(20 * var(--u)); }
  .fq-h1 :is(img, .c-chars) { width: calc(333 * var(--u)); }
  .fq-cat:first-of-type { margin-top: calc(88.7 * var(--u)); }
  .fq-list { width: auto; margin: 0 calc(20 * var(--u)); }
  .fq-a__text { white-space: nowrap; }
  .fq-item--wrap .fq-a__text { width: calc(305 * var(--u)); white-space: normal; }
  .fq-item--q1line .fq-q__text { white-space: nowrap; } /* 全角「？」で幅 306 になり「？」だけ2行目に落ちるため1行に（2026-10-30・U06） */
  .fq-end { width: auto; margin-left: calc(20 * var(--u)); }
  /* XD で間隔・位置が他と違う箇所（SP は XD のまま。PC は他と揃える）
     2026-10-30 RYO の指示（U06）で、1問目の質問文の左（XD 8px 左）と「土地と建築」「見学」の間隔・A の位置（land1〜4・visit1）は他と同じにした。
     1問目の上の間（XD は他より 6 広い）も 2026-10-30 RYO「直して」で他と同じに */
}