@charset "UTF-8";
/* B案 04 お悩み別インプラント相談（PC: Figma 3730:5526 / SP: 3592:6454 + 3730:5771 + 3592:6956 を 1 セクションに統合） */
.sec-bonayami {
  line-break: strict;
  --u: min(1px, calc(100vw / 1920));
  --bonayami-c-orange: #F0831E;
  --bonayami-c-text: #333333;
  --bonayami-c-state-bg: #F1F2ED;
  --bonayami-c-veil: #F0F0F0;
  --bonayami-c-veil-0: rgba(241, 242, 237, 0);
  --bonayami-c-worry-bg: #F3F3F3;
  --bonayami-c-icon-bg: #FDF2E8;
  --bonayami-c-border: #AAAAAA;
  --bonayami-c-navy: #1E2939;
  --bonayami-c-ink: #222222;
  --bonayami-c-gray: #666666;
  --bonayami-c-tri: #FFBF80;
  --bonayami-c-white: #FFFFFF;
  --bonayami-photo-veil: rgba(255, 255, 255, .2);
  --bonayami-shade: rgba(0, 0, 0, .64);
  --bonayami-shadow-16: rgba(0, 0, 0, .16);
  --bonayami-shadow-25: rgba(0, 0, 0, .25);
  color: var(--bonayami-c-text);
  font-feature-settings: normal;
}
.sec-bonayami .bonayami-brsp,
.sec-bonayami .bonayami-spsp { display: none; }

/* 見出し（大 48 / 小 40） */
.bonayami-ttl {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: min(calc(48 * var(--u)), calc(8.3333px + 2.0660vw));
  line-height: 1.4;
  font-feature-settings: normal;
  text-align: center;
  color: var(--bonayami-c-text);
}
.bonayami-s { font-size: min(calc(40 * var(--u)), calc(9.6667px + 1.5799vw)); }
.bonayami-em { color: var(--bonayami-c-orange); }

/* 導入 */
.bonayami-intro {
  position: relative;
  overflow: hidden;
  background: var(--bonayami-c-white);
}
.bonayami-intro-photo {
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(863.845 * var(--u));
  height: calc(424.437 * var(--u));
  overflow: hidden;
}
.bonayami-intro-photo img {
  position: absolute;
  left: 0;
  top: calc(-82 * var(--u));
  width: calc(978.56 * var(--u));
  height: calc(522 * var(--u));
  max-width: none;
  object-fit: cover;
}
.bonayami-intro-photo::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bonayami-photo-veil);
}
.bonayami-intro-veil {
  position: absolute;
  left: 0;
  top: 0;
  right: calc(268.35 * var(--u));
  height: calc(451 * var(--u));
  background: linear-gradient(to left, var(--bonayami-c-veil-0), var(--bonayami-c-veil));
}
.bonayami-intro-inner {
  position: relative;
  width: calc(1200 * var(--u));
  margin: 0 auto;
  padding: calc(90.66 * var(--u)) 0 calc(92.65 * var(--u));
}
.bonayami-ttl--intro { text-align: left; }
.bonayami-ttl--intro::after {
  content: "";
  display: block;
  width: calc(80 * var(--u));
  height: 1px;
  margin-top: calc(25.94 * var(--u));
  background: var(--bonayami-c-orange);
}
.bonayami-intro-txt {
  margin-top: calc(34.79 * var(--u));
  font-family: var(--font-heading);
  font-size: min(calc(18 * var(--u)), calc(13.3333px + 0.2431vw));
  line-height: 2;
}

/* 歯の状態から治療法を探す */
.bonayami-state {
  padding: calc(81.16 * var(--u)) 0 calc(79.06 * var(--u));
  background: var(--bonayami-c-state-bg);
}
.bonayami-lead {
  margin-top: calc(38.68 * var(--u));
  font-family: var(--font-heading);
  font-size: min(calc(18 * var(--u)), calc(13.3333px + 0.2431vw));
  line-height: 2;
  text-align: center;
}
.bonayami-state-list {
  display: flex;
  justify-content: center;
  gap: calc(31.17 * var(--u));
  margin-top: calc(53.46 * var(--u));
}
.bonayami-state-list > li { width: calc(336.5 * var(--u)); }
.bonayami-state-card {
  display: block;
  overflow: hidden;
  border-radius: calc(8 * var(--u));
  background: var(--bonayami-c-white);
  box-shadow: 0 0 calc(8 * var(--u)) var(--bonayami-shadow-25);
}
.bonayami-state-media { display: grid; }
.bonayami-state-media > * { grid-area: 1 / 1; }
.bonayami-state-img {
  position: relative;
  display: block;
  height: calc(270 * var(--u));
  overflow: hidden;
}
.bonayami-state-img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bonayami-shade);
}
.bonayami-state-img img {
  position: absolute;
  max-width: none;
  object-fit: cover;
}
.bonayami-state-img--front img { left: calc(-90.158 * var(--u)); top: calc(-20.867 * var(--u)); width: calc(520.878 * var(--u)); height: calc(356.867 * var(--u)); }
.bonayami-state-img--back img { left: calc(-302.332 * var(--u)); top: calc(-102.367 * var(--u)); width: calc(701.673 * var(--u)); height: calc(480.734 * var(--u)); }
.bonayami-state-img--single img { left: calc(-204.04 * var(--u)); top: calc(-32.97 * var(--u)); width: calc(648.78 * var(--u)); height: calc(437.93 * var(--u)); }
.bonayami-state-img--multiple img { left: calc(-150.105 * var(--u)); top: calc(-35.93 * var(--u)); width: calc(576.434 * var(--u)); height: calc(394.93 * var(--u)); }
.bonayami-state-txt {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: calc(113.75 * var(--u));
  color: var(--bonayami-c-white);
  text-align: center;
}
.bonayami-state-name {
  font-weight: 700;
  font-size: min(calc(25 * var(--u)), calc(12.1667px + 0.6684vw));
  line-height: 1.4;
}
.bonayami-state-sub {
  margin-top: calc(2.5 * var(--u));
  font-weight: 500;
  font-size: min(calc(18 * var(--u)), calc(13.3333px + 0.2431vw));
  line-height: 2;
}
.bonayami-state-more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: calc(66 * var(--u));
  font-weight: 500;
  font-size: min(calc(17 * var(--u)), calc(13.5000px + 0.1823vw));
  line-height: 1.4;
}
.bonayami-state-arrow {
  position: absolute;
  right: calc(22.18 * var(--u));
  top: 50%;
  width: calc(32.25 * var(--u));
  height: calc(32.25 * var(--u));
  transform: translateY(-50%);
}

/* インプラントを知る */
.bonayami-know {
  padding: calc(91.95 * var(--u)) 0 calc(79 * var(--u));
  background: var(--bonayami-c-white);
}
.bonayami-ttl--know { line-height: 1.6; }
.bonayami-know-list {
  display: flex;
  gap: calc(45.547 * var(--u));
  padding-left: calc(50% - 626.16 * var(--u));
  margin-top: calc(86.34 * var(--u));
}
.bonayami-know-card {
  position: relative;
  display: flex;
  align-items: center;
  width: calc(389.023 * var(--u));
  height: calc(116.906 * var(--u));
  padding-left: calc(18.78 * var(--u));
  border: 1px solid var(--bonayami-c-border);
  border-radius: calc(8 * var(--u));
  background: var(--bonayami-c-white);
  box-shadow: 0 0 calc(12 * var(--u)) var(--bonayami-shadow-16);
}
.bonayami-know-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: calc(77.036 * var(--u));
  height: calc(77.036 * var(--u));
  border-radius: calc(8 * var(--u));
  background: var(--bonayami-c-icon-bg);
}
.bonayami-know-icon img { max-width: none; }
.bonayami-know-icon--denture { width: calc(47.864 * var(--u)); height: calc(33.88 * var(--u)); }
.bonayami-know-icon--merit { width: calc(33.11 * var(--u)); height: calc(40.07 * var(--u)); }
.bonayami-know-icon--basics { width: calc(20.608 * var(--u)); height: calc(39.316 * var(--u)); }
.bonayami-know-txt {
  margin-left: calc(19.5 * var(--u));
  font-family: var(--font-heading);
  font-size: min(calc(18 * var(--u)), calc(13.3333px + 0.2431vw));
  line-height: 1.6;
  color: var(--bonayami-c-navy);
  white-space: nowrap;
}
.bonayami-know-arrow {
  position: absolute;
  right: calc(18.65 * var(--u));
  top: 50%;
  width: calc(24.672 * var(--u));
  height: calc(24.672 * var(--u));
  transform: translateY(-50%);
}

/* ボタン（右下の三角つき） */
.bonayami-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(420 * var(--u));
  height: calc(89 * var(--u));
  margin: calc(81 * var(--u)) auto 0;
  background: var(--bonayami-c-orange);
  color: var(--bonayami-c-white);
  font-weight: 500;
  font-size: min(calc(20 * var(--u)), calc(13.0000px + 0.3646vw));
  line-height: 2;
  letter-spacing: .04em;
}
.bonayami-btn::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(24.42 * var(--u));
  height: calc(22.69 * var(--u));
  background: var(--bonayami-c-tri);
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.bonayami-btn--worry {
  margin: calc(17.75 * var(--u)) 0 0 calc(50% - 203.5 * var(--u));
  border: 1px solid var(--bonayami-c-orange);
  background: var(--bonayami-c-white);
  color: var(--bonayami-c-orange);
}

/* こんな不安をお持ちの方へ */
.bonayami-worry {
  padding: calc(83.16 * var(--u)) 0 calc(82.5 * var(--u));
  background: var(--bonayami-c-worry-bg);
}
.bonayami-worry-list {
  display: flex;
  justify-content: flex-start;
  gap: calc(35.44 * var(--u));
  padding-left: calc(50% - 718.33 * var(--u));
  margin-top: calc(63.14 * var(--u));
}
.bonayami-worry-card {
  display: flex;
  flex-direction: column;
  width: calc(334 * var(--u));
  min-height: calc(487 * var(--u));
  height: 100%;
  padding: calc(13.75 * var(--u)) calc(22.81 * var(--u)) calc(19.1 * var(--u)) calc(11.19 * var(--u));
  border-radius: calc(8 * var(--u));
  background: var(--bonayami-c-white);
  box-shadow: 0 0 calc(8 * var(--u)) var(--bonayami-shadow-25);
}
.bonayami-worry-img {
  position: relative;
  display: block;
  flex-shrink: 0;
  width: calc(304 * var(--u));
  height: calc(216.064 * var(--u));
  margin-left: calc(2 * var(--u));
  overflow: hidden;
}
.bonayami-worry-img img {
  position: absolute;
  max-width: none;
  object-fit: cover;
}
.bonayami-worry-card--pain .bonayami-worry-img img { left: calc(-77.805 * var(--u)); top: calc(-48.977 * var(--u)); width: calc(411.22 * var(--u)); height: calc(293.287 * var(--u)); }
.bonayami-worry-card--age .bonayami-worry-img img { left: calc(-117.535 * var(--u)); top: calc(-114.32 * var(--u)); width: calc(481.47 * var(--u)); height: calc(343.883 * var(--u)); }
.bonayami-worry-card--failure .bonayami-worry-img img { left: calc(-27.02 * var(--u)); top: calc(-24.203 * var(--u)); width: calc(358.04 * var(--u)); height: calc(254.985 * var(--u)); }
.bonayami-worry-card--bone .bonayami-worry-img img { left: calc(-10.518 * var(--u)); top: calc(-14.719 * var(--u)); width: calc(344.87 * var(--u)); height: calc(245.501 * var(--u)); }
.bonayami-worry-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc(12.916 * var(--u));
}
.bonayami-worry-head::after {
  content: "";
  width: calc(53 * var(--u));
  height: 1px;
  margin-top: calc(16.93 * var(--u));
  background: var(--bonayami-c-orange);
}
.bonayami-worry-name {
  font-family: var(--font-heading);
  font-size: min(calc(23 * var(--u)), calc(12.5000px + 0.5469vw));
  line-height: 1.4;
  color: var(--bonayami-c-ink);
}
.bonayami-worry-txt {
  display: block;
  margin-top: calc(14.04 * var(--u));
  font-weight: 300;
  font-size: min(calc(18 * var(--u)), calc(13.3333px + 0.2431vw));
  line-height: 1.7;
  color: var(--bonayami-c-gray);
  text-align: justify;
}
.bonayami-worry-card--pain .bonayami-worry-txt { letter-spacing: .05em; }
.bonayami-worry-more {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(5.29 * var(--u));
  margin-top: auto;
  padding-top: calc(12 * var(--u));
  font-weight: 300;
  font-size: calc(14 * var(--u));
  line-height: 1.7;
  letter-spacing: .05em;
}
.bonayami-worry-more img {
  width: calc(20 * var(--u));
  height: calc(20 * var(--u));
}
.bonayami-note {
  margin-top: calc(77.25 * var(--u));
  font-weight: 300;
  font-size: min(calc(16 * var(--u)), calc(13.6667px + 0.1215vw));
  line-height: 2;
  color: var(--bonayami-c-gray);
  text-align: center;
}

/* Figma PC 04（フレーム幅 1924）照合で個別化した値 */
@media (min-width: 768px) {
  .bonayami-state-list { justify-content: flex-start; gap: 0; padding-left: calc(50% - 720.77 * var(--u)); }
  .bonayami-state-list > li:nth-child(1) { width: calc(337 * var(--u)); }
  .bonayami-state-list > li:nth-child(2) { width: calc(336 * var(--u)); margin-left: calc(30.66 * var(--u)); }
  .bonayami-state-list > li:nth-child(3) { width: calc(336 * var(--u)); margin-left: calc(31.17 * var(--u)); }
  .bonayami-state-list > li:nth-child(4) { width: calc(337 * var(--u)); margin-left: calc(31.67 * var(--u)); }
  .bonayami-state-list > li:nth-child(3) .bonayami-state-name { position: relative; left: calc(-5.35 * var(--u)); }
  .bonayami-state-list > li:nth-child(3) .bonayami-state-sub { position: relative; left: calc(3.5 * var(--u)); }
  .bonayami-state-more { padding-bottom: calc(5.6 * var(--u)); }
  .bonayami-state-list > li:nth-child(1) .bonayami-state-more { padding-left: calc(7.08 * var(--u)); }
  .bonayami-state-list > li:nth-child(2) .bonayami-state-arrow { right: calc(21 * var(--u)); }
  .bonayami-state-list > li:nth-child(3) .bonayami-state-arrow { right: calc(24 * var(--u)); }
  .bonayami-state-list > li:nth-child(4) .bonayami-state-arrow { right: calc(21.68 * var(--u)); }
  .bonayami-know-list > li:nth-child(1) .bonayami-know-card { padding-left: calc(17.78 * var(--u)); }
  .bonayami-know-list > li:nth-child(1) .bonayami-know-txt { margin-left: calc(17.45 * var(--u)); }
  .bonayami-know-list > li:nth-child(1) .bonayami-know-arrow { right: calc(17.63 * var(--u)); }
  .bonayami-know-list > li:nth-child(2) .bonayami-know-card { padding-left: calc(18.65 * var(--u)); }
  .bonayami-know-list > li:nth-child(2) .bonayami-know-txt { margin-left: calc(20.33 * var(--u)); }
  .bonayami-know-list > li:nth-child(2) .bonayami-know-arrow { right: calc(20.04 * var(--u)); }
  .bonayami-know-list > li:nth-child(3) .bonayami-know-card { padding-left: calc(18.98 * var(--u)); }
  .bonayami-know-list > li:nth-child(3) .bonayami-know-txt { margin-left: calc(22.6 * var(--u)); }
  .bonayami-know-list > li:nth-child(3) .bonayami-know-arrow { right: calc(11.61 * var(--u)); }
  .bonayami-worry-list > li:nth-child(2) .bonayami-worry-img { margin-left: calc(3 * var(--u)); }
  .bonayami-worry-list > li:nth-child(2) .bonayami-worry-more { margin-right: calc(-3 * var(--u)); }
  .bonayami-worry-list > li:nth-child(3) .bonayami-worry-img { margin-left: calc(4 * var(--u)); }
  .bonayami-worry-list > li:nth-child(4) .bonayami-worry-card { padding-left: calc(20 * var(--u)); padding-right: calc(14 * var(--u)); }
  .bonayami-worry-list > li:nth-child(4) .bonayami-worry-img { margin-left: calc(-3.8 * var(--u)); }
  .bonayami-worry-list > li:nth-child(4) .bonayami-worry-more { margin-right: calc(8.81 * var(--u)); }
  .bonayami-note { padding-left: calc(13 * var(--u)); }
}

@media (max-width: 767px) {
  .sec-bonayami {
    --u: calc(100vw / 390);
    --bonayami-shade: rgba(0, 0, 0, .56);
  }
  .sec-bonayami .bonayami-brpc { display: none; }
  .sec-bonayami .bonayami-brsp,
  .sec-bonayami .bonayami-spsp { display: inline; }

  .bonayami-ttl {
    font-size: calc(32 * var(--u));
    white-space: nowrap;
  }
  .bonayami-s { font-size: calc(24 * var(--u)); }

  /* 導入 */
  .bonayami-intro-photo {
    left: calc(91.22 * var(--u));
    top: calc(182 * var(--u));
    right: auto;
    bottom: auto;
    width: calc(549.569 * var(--u));
    height: calc(308 * var(--u));
    opacity: .4;
  }
  .bonayami-intro-photo img {
    top: 0;
    width: 100%;
    height: 100%;
  }
  .bonayami-intro-photo::after { content: none; }
  .bonayami-intro-veil {
    right: auto;
    width: calc(316 * var(--u));
    height: 100%;
  }
  .bonayami-intro-inner {
    width: auto;
    padding: calc(47.6 * var(--u)) 0 calc(49.9 * var(--u)) calc(24 * var(--u));
  }
  .bonayami-ttl--intro,
  .bonayami-ttl--intro .bonayami-s { letter-spacing: .02em; }
  /* Figma SP 04: 2 行目の小さい字も 32px 基準の 0.64px */
  .bonayami-ttl--intro br ~ .bonayami-s { letter-spacing: inherit; }
  .bonayami-ttl--intro::after {
    width: calc(64 * var(--u));
    margin-top: calc(22.55 * var(--u));
  }
  .bonayami-intro-txt {
    width: calc(180 * var(--u));
    margin-top: calc(27.35 * var(--u));
    font-size: calc(18 * var(--u));
    text-align: justify;
  }

  /* 歯の状態 */
  .bonayami-state { padding: calc(51.68 * var(--u)) 0 calc(51.16 * var(--u)); }
  .bonayami-lead {
    width: calc(342 * var(--u));
    margin: calc(20.3 * var(--u)) auto 0;
    font-size: calc(16 * var(--u));
    text-align: left;
  }
  .bonayami-state-list {
    flex-direction: column;
    align-items: center;
    gap: calc(16 * var(--u));
    margin-top: calc(29.48 * var(--u));
  }
  .bonayami-state-list > li { width: calc(336.743 * var(--u)); }
  .bonayami-state-img { height: calc(91.53 * var(--u)); }
  .bonayami-state-img--front img { left: calc(-90.092 * var(--u)); top: calc(-7.877 * var(--u)); width: calc(520.481 * var(--u)); height: calc(134.717 * var(--u)); }
  .bonayami-state-img--back img { left: calc(-159.422 * var(--u)); top: calc(-3.988 * var(--u)); width: calc(532.809 * var(--u)); height: calc(137.499 * var(--u)); }
  .bonayami-state-img--single img { left: calc(-6.55 * var(--u)); top: calc(-84.99 * var(--u)); width: calc(371.55 * var(--u)); height: calc(254.59 * var(--u)); }
  .bonayami-state-img--multiple img { left: calc(-12.16 * var(--u)); top: calc(-101.64 * var(--u)); width: calc(355.82 * var(--u)); height: calc(285.65 * var(--u)); }
  .bonayami-state-txt { padding-top: calc(27.05 * var(--u)); }
  /* Figma SP 05: 文字は中央より右寄り（名前 +10.17、補足は個別）・カード 3/4 は 133.51 刻み */
  .bonayami-state-name { position: relative; left: calc(10.17 * var(--u)); }
  .bonayami-state-sub { position: relative; left: calc(2.21 * var(--u)); }
  .bonayami-state-list > li:nth-child(1) .bonayami-state-txt { padding-top: calc(28.1 * var(--u)); }
  .bonayami-state-list > li:nth-child(2),
  .bonayami-state-list > li:nth-child(3) { margin-bottom: calc(6.67 * var(--u)); }
  .bonayami-state-list > li:nth-child(3) .bonayami-state-sub { left: calc(4.73 * var(--u)); }
  .bonayami-state-list > li:nth-child(4) .bonayami-state-txt { padding-top: calc(24.42 * var(--u)); }
  .bonayami-state-list > li:nth-child(4) .bonayami-state-name { left: calc(10 * var(--u)); }
  .bonayami-state-list > li:nth-child(4) .bonayami-state-sub { left: calc(10 * var(--u)); margin-top: calc(5.81 * var(--u)); }
  .bonayami-state-name { font-size: calc(16 * var(--u)); }
  .bonayami-state-sub {
    margin-top: calc(4.89 * var(--u));
    font-weight: 400;
    font-size: calc(13 * var(--u));
    line-height: 1.6;
  }
  .bonayami-state-more {
    height: calc(35.31 * var(--u));
    font-size: calc(14 * var(--u));
  }
  .bonayami-state-arrow {
    right: calc(12.33 * var(--u));
    width: calc(25.1 * var(--u));
    height: calc(25.1 * var(--u));
  }

  /* インプラントを知る */
  .bonayami-know { padding: calc(46.06 * var(--u)) 0 calc(64.26 * var(--u)); }
  .bonayami-know-list {
    flex-direction: column;
    align-items: center;
    padding-left: 0;
    gap: calc(24 * var(--u));
    margin-top: calc(38.84 * var(--u));
  }
  .bonayami-know-card {
    width: calc(342.744 * var(--u));
    height: calc(88 * var(--u));
    padding-left: calc(4.35 * var(--u));
    border: 0;
    box-shadow: 0 0 calc(8 * var(--u)) var(--bonayami-shadow-25);
  }
  .bonayami-know-icon {
    width: calc(78.5 * var(--u));
    height: calc(78.5 * var(--u));
  }
  .bonayami-know-icon--denture { width: calc(48.773 * var(--u)); height: calc(34.523 * var(--u)); }
  .bonayami-know-icon--merit { width: calc(33.73 * var(--u)); height: calc(40.83 * var(--u)); }
  .bonayami-know-icon--basics { width: calc(21 * var(--u)); height: calc(40.063 * var(--u)); }
  .bonayami-know-txt {
    margin-left: calc(26.9 * var(--u));
    font-size: calc(16 * var(--u));
    color: var(--bonayami-c-ink);
  }
  .bonayami-know-arrow {
    right: calc(13.31 * var(--u));
    width: calc(28.637 * var(--u));
    height: calc(28.637 * var(--u));
  }
  .bonayami-btn--know { display: none; }
  .bonayami-know-tight { letter-spacing: -.08em; }

  /* ボタン */
  .bonayami-btn {
    width: calc(315 * var(--u));
    height: calc(66.75 * var(--u));
    font-size: calc(16 * var(--u));
    letter-spacing: 0;
  }
  .bonayami-btn::after {
    width: calc(18.315 * var(--u));
    height: calc(17.016 * var(--u));
  }
  .bonayami-btn--worry { margin: calc(36.9 * var(--u)) 0 0 calc(50% - 155.98 * var(--u)); }

  /* こんな不安をお持ちの方へ */
  .bonayami-worry { padding: calc(50.1 * var(--u)) 0 calc(68.4 * var(--u)); }
  .bonayami-worry-list {
    flex-direction: column;
    align-items: center;
    gap: calc(32 * var(--u));
    margin-top: calc(47.1 * var(--u));
  }
  .bonayami-worry-list > li { width: calc(342 * var(--u)); }
  .bonayami-worry-card {
    display: grid;
    grid-template-columns: calc(143.5 * var(--u)) 1fr;
    column-gap: calc(13.43 * var(--u));
    width: 100%;
    min-height: 0;
    height: auto;
    padding: calc(22.5 * var(--u)) calc(18.88 * var(--u)) calc(13.1 * var(--u)) calc(27.41 * var(--u));
    border-radius: calc(4 * var(--u));
  }
  .bonayami-worry-img {
    grid-column: 1;
    grid-row: 1;
    width: calc(143.5 * var(--u));
    height: calc(120.107 * var(--u));
    margin-left: 0;
  }
  .bonayami-worry-card--pain .bonayami-worry-img img { left: calc(-37.217 * var(--u)); top: calc(-27.227 * var(--u)); width: calc(194.788 * var(--u)); height: calc(163.034 * var(--u)); }
  .bonayami-worry-card--age .bonayami-worry-img img { left: calc(-56.221 * var(--u)); top: calc(-63.549 * var(--u)); width: calc(228.392 * var(--u)); height: calc(191.16 * var(--u)); }
  .bonayami-worry-card--failure .bonayami-worry-img img { left: calc(-12.924 * var(--u)); top: calc(-13.453 * var(--u)); width: calc(169.35 * var(--u)); height: calc(141.743 * var(--u)); }
  .bonayami-worry-card--bone .bonayami-worry-img img { left: calc(-5.031 * var(--u)); top: calc(-8.184 * var(--u)); width: calc(163.051 * var(--u)); height: calc(136.471 * var(--u)); }
  .bonayami-worry-head {
    grid-column: 2;
    grid-row: 1;
    margin-top: calc(34.3 * var(--u));
  }
  .bonayami-worry-head::after {
    width: calc(40 * var(--u));
    margin-top: calc(18.25 * var(--u));
  }
  .bonayami-worry-name {
    font-size: calc(18 * var(--u));
    white-space: nowrap;
  }
  .bonayami-worry-txt {
    grid-column: 1 / -1;
    margin: calc(11.85 * var(--u)) calc(9.55 * var(--u)) 0 0;
    font-size: calc(16 * var(--u));
    line-height: 2;
  }
  .bonayami-worry-card--failure .bonayami-worry-txt { letter-spacing: .02em; }
  /* Figma SP 06: カードごとの縦位置・本文幅（年齢カードは 1 行目「決まりませ」で改行） */
  .bonayami-worry-card--age .bonayami-worry-head { margin-top: calc(21.3 * var(--u)); }
  .bonayami-worry-card--age .bonayami-worry-txt { margin-top: calc(4.45 * var(--u)); margin-right: calc(7.5 * var(--u)); }
  .bonayami-worry-card--age .bonayami-nw { white-space: nowrap; }
  .bonayami-worry-card--age .bonayami-worry-more { padding-top: calc(38.35 * var(--u)); }
  .bonayami-worry-card--bone { padding-bottom: calc(18.9 * var(--u)); }
  .bonayami-worry-card--bone .bonayami-worry-img { margin-top: calc(2.1 * var(--u)); }
  .bonayami-worry-card--bone .bonayami-worry-head { margin-top: calc(24.3 * var(--u)); }
  .bonayami-worry-card--bone .bonayami-worry-txt { margin-top: calc(13.65 * var(--u)); margin-right: calc(12.91 * var(--u)); }
  .bonayami-worry-card--bone .bonayami-worry-more { padding-top: calc(1.25 * var(--u)); }
  .bonayami-worry-more {
    grid-column: 1 / -1;
    margin-top: 0;
    padding-top: calc(12.15 * var(--u));
  }
  .bonayami-note {
    margin: calc(18.6 * var(--u)) 0 0 calc(39.02 * var(--u));
    font-size: calc(16 * var(--u));
    text-align: left;
  }
}