@charset "UTF-8";
/* B案 10 AIチャットに寄せられた最近の質問（Q カードは開閉なしの見た目のみ。+ は装飾） */
.sec-brecentq {
  line-break: strict;
  --u: min(1px, calc(100vw / 1920));
  --brecentq-c-bg-from: #FAF9F9;
  --brecentq-c-bg-to: #FAF7F2;
  --brecentq-c-text: #333333;
  --brecentq-c-orange: #F0831E;
  --brecentq-c-white: #FFFFFF;
  --brecentq-c-plus: #99A1AF;
  --brecentq-c-divider: #666666;
  position: relative;
  overflow: hidden;
  background: linear-gradient(to bottom, var(--brecentq-c-bg-from), var(--brecentq-c-bg-to));
  color: var(--brecentq-c-text);
  font-feature-settings: normal;
}

/* 装飾: 線・ドットは section 左右端基準、円・吹き出しは中央 1920 枠基準 */
.brecentq-deco {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
.brecentq-deco img {
  position: absolute;
  max-width: none;
}
.brecentq-circle {
  left: calc(50% - calc(663.29 * var(--u)));
  top: calc(81.05 * var(--u));
  width: calc(197.891 * var(--u));
  height: calc(197.891 * var(--u));
}
.brecentq-bubble--white {
  left: calc(50% - calc(607.3 * var(--u)));
  top: calc(125.02 * var(--u));
  width: calc(104.971 * var(--u));
  height: calc(112.156 * var(--u));
}
.brecentq-bubble--orange {
  left: calc(50% - calc(538.56 * var(--u)));
  top: calc(161.2 * var(--u));
  width: calc(86.8736 * var(--u));
  height: calc(92.8197 * var(--u));
}
.brecentq-line--l1 {
  left: calc(-119 * var(--u));
  top: calc(489 * var(--u));
  width: calc(511.936 * var(--u));
  height: calc(700 * var(--u));
}
.brecentq-line--l2 {
  left: calc(-155 * var(--u));
  top: calc(555 * var(--u));
  width: calc(706 * var(--u));
  height: calc(630 * var(--u));
}
.brecentq-line--r1,
.brecentq-line--r2 {
  width: calc(804.288 * var(--u));
  height: calc(826.932 * var(--u));
  transform: rotate(-120deg);
}
.brecentq-line--r1 {
  right: calc(-328.148 * var(--u));
  top: calc(141.534 * var(--u));
}
.brecentq-line--r2 {
  right: calc(-313.168 * var(--u));
  top: calc(181.534 * var(--u));
}
.brecentq-dots {
  left: calc(80.75 * var(--u));
  top: calc(905.31 * var(--u));
  width: calc(97.75 * var(--u));
  height: calc(94.75 * var(--u));
}
.brecentq-bubbles-sp,
.brecentq-line--s1,
.brecentq-line--s2 { display: none; }

/* 本体 */
.brecentq-inner {
  position: relative;
  padding: calc(121.05 * var(--u)) 0 calc(136 * var(--u));
  text-align: center;
}
.brecentq-title {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: min(calc(48 * var(--u)), calc(8.3333px + 2.0660vw));
  line-height: 1.6;
  white-space: nowrap;
  font-feature-settings: normal;
}
.brecentq-title-lg { font-size: min(calc(48 * var(--u)), calc(8.3333px + 2.0660vw)); }
.brecentq-title-sm { font-size: min(calc(40 * var(--u)), calc(9.6667px + 1.5799vw)); }
.brecentq-brsp { display: none; }
.brecentq-divider {
  display: block;
  width: calc(80 * var(--u));
  height: calc(1 * var(--u));
  margin: calc(29.83 * var(--u)) auto 0;
  background: var(--brecentq-c-divider);
}
.brecentq-lead {
  margin-top: calc(50.93 * var(--u));
  font-family: var(--font-body);
  font-weight: 300;
  font-size: min(calc(18 * var(--u)), calc(13.3333px + 0.2431vw));
  line-height: 1.75;
  white-space: nowrap;
}

/* Q カード */
.brecentq-list {
  display: flex;
  flex-direction: column;
  gap: calc(48 * var(--u));
  width: calc(1188.609 * var(--u));
  margin: calc(110.39 * var(--u)) auto 0;
  text-align: left;
}
.brecentq-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  min-height: calc(125.5 * var(--u));
  background: var(--brecentq-c-white);
  border-radius: calc(16 * var(--u));
  box-shadow: 0 0 calc(8 * var(--u)) rgba(0, 0, 0, 0.25);
}
.brecentq-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: none;
  width: calc(47 * var(--u));
  height: calc(47 * var(--u));
  margin: calc(39.25 * var(--u)) 0 0 calc(27.32 * var(--u));
  padding-bottom: calc(3.02 * var(--u));
  border-radius: 50%;
  background: var(--brecentq-c-orange);
  color: var(--brecentq-c-white);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: min(calc(21.732 * var(--u)), calc(12.7113px + 0.4698vw));
  line-height: 1;
  white-space: nowrap;
}
/* Figma PC 11 / SP 13: Q と数字は同じ段落の中でベースラインがそろう（3587:6000 / 6608）。字間は tracking -0.2335px / -0.1751px */
.brecentq-badge {
  flex-wrap: wrap;
  align-content: center;
  align-items: baseline;
  letter-spacing: calc(-0.2335 * var(--u));
}
.brecentq-badge-n { font-size: min(calc(16 * var(--u)), calc(13.6667px + 0.1215vw)); }
/* Q バッジの文字は Figma が Inter（未読込・Noto Sans JP で代替）。ベースラインが Figma の書き出し（PC 31.4px / SP 23.55px・ディスク上端から）より 0.8px / 0.95px 上に出るぶんを下げる（2026-10-09 スクショ実測） */
.brecentq-badge-q, .brecentq-badge-n { position: relative; top: calc(0.8 * var(--u)); }
.brecentq-q {
  margin: calc(53.5 * var(--u)) 0 0 calc(20.05 * var(--u));
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: min(calc(26 * var(--u)), calc(12.0000px + 0.7292vw));
  line-height: 1;
  letter-spacing: 0.0385em;
  white-space: nowrap;
}
.brecentq-plus {
  position: absolute;
  left: calc(1120.05 * var(--u));
  top: calc(53.75 * var(--u));
  width: calc(21.75 * var(--u));
  height: calc(21.75 * var(--u));
}
.brecentq-plus::before,
.brecentq-plus::after {
  content: "";
  position: absolute;
  background: var(--brecentq-c-plus);
}
.brecentq-plus::before {
  left: calc(9 * var(--u));
  top: 0;
  width: calc(3.75 * var(--u));
  height: 100%;
}
.brecentq-plus::after {
  left: 0;
  top: calc(9 * var(--u));
  width: 100%;
  height: calc(3.75 * var(--u));
}

/* ボタン（右下の三角は装飾） */
.brecentq-btn {
  position: relative;
  display: block;
  width: calc(420 * var(--u));
  height: calc(89 * var(--u));
  margin: calc(118.5 * var(--u)) auto 0;
  padding-top: calc(20.94 * var(--u));
  border: calc(1 * var(--u)) solid var(--brecentq-c-orange);
  background: var(--brecentq-c-white);
  color: var(--brecentq-c-orange);
  font-family: var(--font-body);
  font-weight: 500;
  font-size: min(calc(20 * var(--u)), calc(13.0000px + 0.3646vw));
  line-height: 2;
  letter-spacing: 0.04em;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
.brecentq-btn-corner {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: calc(24.42 * var(--u));
  height: calc(22.688 * var(--u));
  max-width: none;
}

@media (max-width: 767px) {
  .sec-brecentq { --u: calc(100vw / 390); }

  .brecentq-circle {
    left: calc(-23.98 * var(--u));
    top: calc(13.41 * var(--u));
    width: calc(103.588 * var(--u));
    height: calc(103.588 * var(--u));
  }
  .brecentq-bubble,
  .brecentq-line--l1,
  .brecentq-line--l2,
  .brecentq-line--r1,
  .brecentq-line--r2,
  .brecentq-dots { display: none; }
  .brecentq-bubbles-sp,
  .brecentq-line--s1,
  .brecentq-line--s2 { display: block; }
  .brecentq-bubbles-sp {
    left: calc(5.733 * var(--u));
    top: calc(36.418 * var(--u));
    width: calc(81.4359 * var(--u));
    height: calc(67.5271 * var(--u));
  }
  .brecentq-line--s1 {
    left: calc(89.807 * var(--u));
    top: calc(16.425 * var(--u));
    width: calc(852.11 * var(--u));
    height: calc(870.239 * var(--u));
    transform: rotate(-120deg);
  }
  .brecentq-line--s2 {
    left: calc(-211 * var(--u));
    top: calc(438.243 * var(--u));
    width: calc(474 * var(--u));
    height: calc(470.489 * var(--u));
  }

  .brecentq-inner { padding: calc(64.03 * var(--u)) 0 calc(80.25 * var(--u)); }
  .brecentq-title { font-size: calc(32 * var(--u)); }
  .brecentq-title-lg { font-size: calc(32 * var(--u)); }
  .brecentq-title-sm { font-size: calc(24 * var(--u)); }
  .brecentq-brsp { display: inline; }
  .brecentq-divider {
    width: calc(64 * var(--u));
    margin-top: calc(19.72 * var(--u));
  }
  .brecentq-lead {
    width: calc(340 * var(--u));
    margin: calc(31.99 * var(--u)) auto 0;
    font-size: calc(16 * var(--u));
    line-height: 2;
    text-align: left;
    white-space: normal;
  }

  .brecentq-list {
    gap: calc(32 * var(--u));
    width: calc(342 * var(--u));
    margin-top: calc(26.87 * var(--u));
  }
  .brecentq-item {
    min-height: calc(94 * var(--u));
    border-radius: calc(8 * var(--u));
    box-shadow: 0 0 calc(6 * var(--u)) rgba(0, 0, 0, 0.25);
  }
  .brecentq-badge {
    width: calc(35.25 * var(--u));
    height: calc(35.25 * var(--u));
    margin: calc(29 * var(--u)) 0 0 calc(20.5 * var(--u));
    padding-bottom: calc(2.27 * var(--u));
    font-size: calc(16.299 * var(--u));
  }
  .brecentq-badge-n { font-size: calc(12 * var(--u)); }
  .brecentq-badge { letter-spacing: calc(-0.1751 * var(--u)); }
  .brecentq-badge-q, .brecentq-badge-n { top: calc(0.95 * var(--u)); }
  .brecentq-q {
    margin: calc(21 * var(--u)) 0 0 calc(15.03 * var(--u));
    font-size: calc(16 * var(--u));
    line-height: 1.6;
    letter-spacing: 0.0469em;
    white-space: normal;
  }
  .brecentq-item--1 .brecentq-q { width: calc(198.372 * var(--u)); }
  .brecentq-item--2 .brecentq-q { width: calc(211.561 * var(--u)); }
  .brecentq-plus {
    left: calc(308 * var(--u));
    top: calc(39 * var(--u));
    width: calc(16.313 * var(--u));
    height: calc(16.313 * var(--u));
  }
  .brecentq-plus::before {
    left: calc(6.75 * var(--u));
    width: calc(2.813 * var(--u));
  }
  .brecentq-plus::after {
    top: calc(6.75 * var(--u));
    height: calc(2.813 * var(--u));
  }

  .brecentq-btn {
    width: calc(315 * var(--u));
    height: calc(66.75 * var(--u));
    margin-top: calc(76.99 * var(--u));
    padding-top: calc(15 * var(--u));
    border-width: calc(0.75 * var(--u));
    font-size: calc(16 * var(--u));
    letter-spacing: 0;
  }
  .brecentq-btn-corner {
    width: calc(18.315 * var(--u));
    height: calc(17.016 * var(--u));
  }
}