/* 固定ページの書体・本文幅・見出し・リンクを継承する案内ページ。 */
.guide-page .breadcrumb { margin-bottom: 32px; }
.guide-block + .guide-block { margin-top: 80px; }
.guide-block > :last-child { margin-bottom: 0; }
.guide-block > h2 + h3 { margin-top: 0; }
.guide-usage {
  padding: 28px 24px;
  border-radius: 12px;
  background: #f5f7f6;
  font-size: 15px;
}
.guide-usage h2 { font-size: 24px; margin-bottom: 32px; }
.guide-page .guide-contact-link { display: inline-block; text-decoration: none; }
.guide-page .contact-form__actions { margin-top: 40px; }
@media (min-width: 768px) {
  .guide-block + .guide-block { margin-top: 112px; }
  .guide-usage { padding: 40px; }
  .guide-usage h2 { font-size: 28px; }
}

/* Block 1・2専用。見出し階層にかかわらず同じ項目名の表現にする。 */
.guide-page .guide-item-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 64px 0 24px;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.7;
  color: #666;
}
.guide-page .guide-item-heading:first-child,
.guide-page h2 + .guide-item-heading { margin-top: 0; }
.guide-item-heading > span { flex: 0 1 auto; min-width: 0; }
.guide-item-heading .guide-item-heading__icon { flex: 0 0 24px; width: 24px; height: auto; opacity: 0.6; }
.guide-item-heading::after { flex: 1 0 24px; }
.guide-item-heading::after,
.guide-faq__item::after {
  height: 8px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4 C100 3.4 140 4.6 220 4 S360 3.4 440 4 S540 4.6 600 4' fill='none' stroke='%23b7b7b7' stroke-width='1' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
  content: "";
}
@media (min-width: 768px) {
  .guide-page .guide-item-heading { font-size: 20px; gap: 12px; }
}

/* FAQだけに、控えめな見出しと回答末尾の罫線を付ける。 */
.guide-faq > h2 { margin-bottom: 32px; }
.guide-faq__item { position: relative; padding-block: 24px 28px; }
.guide-faq > h2 + .guide-faq__item { padding-top: 0; }
.guide-faq__item h3 { margin: 0 0 16px; font-size: 20px; }
.guide-faq__item p { margin-bottom: 16px; margin-left: 12px; }
.guide-faq__item > :last-child { margin-bottom: 0; }
.guide-faq__item::after { position: absolute; right: 0; bottom: 0; left: 0; opacity: 0.65; }
@media (min-width: 768px) {
  .guide-faq > h2 { margin-bottom: 40px; }
  .guide-faq__item h3 { font-size: 22px; }
  .guide-faq__item p { margin-left: 28px; }
}

/* 404・検索0件で使う空色→紫→ローズの110degグラデーションを流用。
   白を82%重ねて淡くし、両端も白へ溶かす。文字自体の濃度は維持する。 */
.guide-faq__marker {
  padding-bottom: 3px;
  background-image:
    linear-gradient(90deg, #fff, transparent 5%, transparent 94%, #fff),
    linear-gradient(rgb(255 255 255 / 82%), rgb(255 255 255 / 82%)),
    linear-gradient(110deg, #7893a1 0%, #9290b5 50%, #c3a0b6 100%);
  background-size: 100% 0.48em;
  background-position: 0 100%;
  background-repeat: no-repeat;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

/* 募集パートの挿絵。元SVGの縦横比を保ち、本文より控えめに配置。 */
.guide-page .guide-people-illustration { width: 100%; margin: 0 auto 32px; }
@media (min-width: 768px) {
  .guide-page .guide-people-illustration { width: 75%; margin-bottom: 40px; }
}