@charset "UTF-8";
/* B案 03 アップル歯科専用AIに相談（DentAI 入力欄の入口。入力欄自体は inline.js の Shadow DOM） */
.sec-baichat {
  line-break: strict;
  --u: min(1px, calc(100vw / 1920));
  --baichat-c-bg: #F1F5FA;
  --baichat-c-card: #FFFFFF;
  --baichat-c-text: #333333;
  --baichat-c-accent: #F17200;
  --baichat-c-chip: #4A5565;
  --baichat-c-chip-line: #4A5565;
  padding: calc(72 * var(--u)) 0 calc(71.604 * var(--u));
  background: var(--baichat-c-bg);
  font-feature-settings: normal;
}
.sec-baichat[hidden] { display: none; }
.baichat-brsp { display: none; }
.baichat-card {
  box-sizing: border-box;
  width: calc(1440 * var(--u));
  margin: 0 auto;
  padding: calc(40.05 * var(--u)) 0 calc(70.186 * var(--u));
  border-radius: calc(8 * var(--u));
  background: var(--baichat-c-card);
}
.baichat-title {
  margin: 0;
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: min(calc(40 * var(--u)), calc(9.6667px + 1.5799vw));
  line-height: 1.6;
  color: var(--baichat-c-text);
  text-align: center;
  font-feature-settings: normal;
}
.baichat-title-ai { font-size: min(calc(54 * var(--u)), calc(7.3333px + 2.4306vw)); color: var(--baichat-c-accent); }
.baichat-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(24 * var(--u));
  max-width: none;
  margin: calc(20.55 * var(--u)) 0 0;
}
.baichat-chips[hidden] { display: none; }
.baichat-chips button {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(43 * var(--u));
  margin: 0;
  padding: 0 calc(40 * var(--u));
  border: calc(1 * var(--u)) solid var(--baichat-c-chip-line);
  border-radius: calc(29 * var(--u));
  background: var(--baichat-c-card);
  font-family: var(--font-body);
  font-weight: 400;
  font-size: min(calc(16 * var(--u)), calc(13.6667px + 0.1215vw));
  line-height: 1;
  color: var(--baichat-c-chip);
  white-space: nowrap;
  cursor: pointer;
}
.baichat-entry {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: calc(962 * var(--u));
  min-height: calc(58 * var(--u));
  margin: calc(26.21 * var(--u)) auto 0;
}

@media (max-width: 767px) {
  .sec-baichat {
    --u: calc(100vw / 390);
    --baichat-c-chip-line: #B0B4BA;
    padding: calc(31.97 * var(--u)) 0 calc(47.83 * var(--u));
  }
  .baichat-brsp { display: inline; }
  .baichat-card {
    width: calc(342.5 * var(--u));
    margin: 0 0 0 calc(27.5 * var(--u));
    padding: calc(24.02 * var(--u)) 0 calc(37.73 * var(--u));
  }
  .baichat-title { font-size: calc(28 * var(--u)); line-height: 1.1; }
  .baichat-title-ai { font-size: calc(40 * var(--u)); }
  .baichat-title { padding-right: calc(7.5 * var(--u)); }
  /* チップは DentAI の設定（最初に表示するボタン）から描かれ数が変わるため、Figma の個別配置でなく中央寄せ・折返しにする */
  .baichat-chips { justify-content: center; row-gap: calc(12 * var(--u)); column-gap: calc(12 * var(--u)); margin-top: calc(30.2 * var(--u)); padding: 0 calc(12 * var(--u)); }
  .baichat-chips button { height: calc(32 * var(--u)); padding: 0 calc(16 * var(--u)); font-size: calc(14 * var(--u)); }
  .baichat-entry { width: calc(314.039 * var(--u)); min-height: calc(58.445 * var(--u)); margin-top: calc(17 * var(--u)); }
}