/* 独自クラス名 命名ルール
１）接頭辞 xcs- ：css装飾
２）接尾辞 xjs- ：js装飾
*/

/* ------------全ページ共通------------ */
/* ---------------------------------------------------------------------- */

/* サンプル動画を全幅表示に */

@media (max-width: 600px) {
.xcs-wide-video {
  position: relative;
  width: 99vw !important;
  max-width: 99vw !important;
  margin-left: calc(50% - 49.5vw) !important;
  margin-right: calc(50% - 49.5vw) !important;
}

.xcs-wide-video iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  display: block !important;
}
}


/* =========================================
   タイトル横の若葉マーク
========================================= */
.page-slug-beginner .c-page-header__title {
  display: flex;
  gap: 0.4em;
}

.page-slug-beginner .c-page-header__title::before {
  content: "";
  display: block;
  width: 1.1em;
  height: 1.1em;
  background: url('../images/beginner.webp') center / contain no-repeat;
  background-repeat: no-repeat;
  flex-shrink: 0;
}

.page-slug-beginner .c-page-header__title::after {
  display: none;
}



/* =========================================
    ドロワーの開く速度（アニメーション）を遅くする
========================================= */
/* 例：transition を少し遅くする */
.c-drawer,
.c-drawer__body,
.c-drawer__overlay {
  transition-duration: 0.45s !important;
}