/* guide本文のみ。幅・書体・配色の基本値は既存の共通指定を使用する。 */
.guide-content { padding-block: 72px 100px; }
.guide-eyebrow {
  margin: 0 0 12px;
  color: var(--color-accent);
  font-size: 13px;
}
.guide-heading {
  margin: 0;
  font-size: 26px;
  font-weight: var(--font-weight-bold);
  line-height: 1.6;
}
.guide-copy { margin: 24px 0 0; font-size: 15px; line-height: 1.9; }
.guide-features { margin-top: 120px; }
.guide-features__list { display: grid; gap: 140px; margin-top: 48px; }
.guide-feature {
  display: grid;
  grid-template-columns: 440px 440px;
  column-gap: 80px;
  align-items: start;
}
.guide-feature--reverse .guide-feature__image { grid-column: 2; grid-row: 1; }
.guide-feature--reverse .guide-feature__body { grid-column: 1; grid-row: 1; }
.guide-feature__image { width: 440px; height: 440px; object-fit: cover; }
.guide-feature__number {
  display: flex;
  align-items: baseline;
  gap: 12px;
  margin: 0 0 24px;
  color: var(--color-accent);
  font-size: 13px;
  line-height: 1;
}
.guide-feature__number span { font-size: 48px; font-weight: var(--font-weight-bold); }
.guide-feature__heading {
  margin: 0;
  font-size: 28px;
  font-weight: var(--font-weight-bold);
  line-height: 1.7;
}
.guide-feature__body > .button { margin-top: 40px; }
.guide-consultants { margin-top: 120px; }
.guide-consultants__list { display: grid; grid-template-columns: repeat(3, 300px); gap: 30px; margin-top: 40px; }
/* 既存画像カードの写真比率・プロフィール文字配置だけを調整する。 */
.guide-consultant .card-link__image { aspect-ratio: 1; }
.guide-consultant .card-link__body { margin-top: 24px; }
.guide-consultant .card-link__title { font-size: 22px; }
.guide-consultant .card-link__icon { top: auto; bottom: 0; }
.guide-consultant__role { margin: 0 0 6px; color: var(--color-accent); font-size: 12px; }
.guide-consultant__name { margin: 2px 0 0; font-size: 12px; }
.guide-consultant[aria-disabled="true"] { cursor: default; }
.guide-faq { margin-top: 120px; }
.guide-faq .guide-heading > span { font-size: 20px; }
.guide-faq__list { margin: 36px 0 0; font-size: 15px; line-height: 1.9; }
.guide-faq__list dt { margin: 0; }
.guide-faq__list dd[hidden] + dt { margin-top: 21px; }
.guide-faq__trigger {
  display: block;
  width: 100%;
  border: 0;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  position: relative;
  margin: 0;
  padding: 22px 28px 22px 60px;
  background: #f7f7f7;
  font-weight: var(--font-weight-medium);
}
.guide-faq__trigger::before {
  content: "";
  position: absolute;
  left: 26px;
  top: 28px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--color-accent);
}
.guide-faq__trigger::after {
  content: "";
  position: absolute;
  left: 31px;
  top: 34px;
  width: 4px;
  height: 4px;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  transform: rotate(-45deg);
}
.guide-faq__list dd { margin: 0; }
.guide-faq__answer { padding: 24px 28px 40px 60px; }
.guide-faq__list dd:last-child .guide-faq__answer { padding-bottom: 0; }
.guide-faq__trigger[aria-expanded="true"]::after {
  left: 32px;
  top: 33px;
  transform: rotate(45deg);
}

/* SP共通ブレイクポイント：PCの既存指定は維持する。 */
@media (max-width: 480px) {
  .guide-content { padding-block: 40px 56px; }
  .guide-heading, .guide-feature__heading { font-size: 24px; }
  .guide-features, .guide-consultants, .guide-faq { margin-top: 56px; }
  .guide-features__list { gap: 48px; margin-top: 32px; }
  .guide-feature { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .guide-feature--reverse .guide-feature__image, .guide-feature--reverse .guide-feature__body { grid-column: auto; grid-row: auto; }
  .guide-feature__image { aspect-ratio: 1; }
  .guide-feature__number { margin-bottom: 16px; }
  .guide-feature__body > .button { margin-top: 24px; }
  .guide-faq__trigger { padding-right: 20px; padding-left: 48px; }
  .guide-faq__trigger::before { left: 18px; }
  .guide-faq__trigger::after { left: 23px; }
  .guide-faq__trigger[aria-expanded="true"]::after { left: 24px; }
  .guide-faq__answer { padding: 20px 16px 28px; }
}