/* ==========================
   Page: raschel
========================== */

#about-raschel {
  padding: 56px 0 80px;
}

/* ページ本文の横幅 */
#about-raschel .page-content {
  max-width: 860px;
  margin: 0 auto;
}

/* リード文 */
#about-raschel .text-lead {
  margin-bottom: 40px;
}

/* 図版 */
#about-raschel figure img,
#about-raschel .page-content>img {
  border-radius: 4px;
}

/* ポジション図 */
#about-raschel .image--narrow {
  max-width: 800px;
}

/* 3つの図解カード */
#about-raschel .c-figure-grid {
  margin: 48px 0 56px;
}

#about-raschel .c-figure-item {
  padding: 22px 20px 24px;
  background: var(--color-bg-soft);
  border: 1px solid rgba(202, 168, 76, 0.22);
  border-radius: 4px;
}

#about-raschel .c-figure-item img {
  margin-bottom: 18px;
  background: #fff;
  border-radius: 3px;
}

/* 動画 */
#about-raschel .c-video {
  margin: 56px auto 72px;
}

/* アーカイブへのボタン */
#about-raschel .c-button__arrow {
  margin: 36px auto 64px;
}

/* できることセクションの画像 */
#about-raschel h4+img,
#about-raschel h4+figure {
  margin-top: 20px;
}

/* お困りリスト */
#about-raschel .page-list {
  margin-top: 28px;
}

/* ==========================
   PC
========================== */
@media screen and (min-width: 768px) {
  #about-raschel {
    padding: 0 0 120px;
  }

  #about-raschel .text-lead {
    margin-bottom: 48px;
  }

  #about-raschel .c-figure-grid {
    margin: 56px 0 72px;
  }

  #about-raschel .c-figure-item {
    padding: 24px 22px 28px;
  }

  #about-raschel .c-video {
    max-width: 760px;
    margin: 64px auto 80px;
  }

  #about-raschel .c-button__arrow {
    margin: 40px auto 72px;
  }
}

/* ==========================
   SP
========================== */
@media screen and (max-width: 767px) {
  #about-raschel .page-content {
    max-width: none;
  }

  #about-raschel .c-figure-item {
    padding: 20px 18px 22px;
  }
}