/* HACK: CSS変数の使い方がよくない。依存関係をなくすか、個別に値を指定すること・ */

@media screen and (min-width: 960px) {
  /* PC */
  /* ----------  ---------- */
  /* -----  ----- */
  .guide {
  }

  .guide .guide_title {
  }

  /* ---  --- */
  .guide .guide_title .main_title {
  }

  .guide .guide_title .main_title h1 {
    font-size: var(--font-size-large);
    font-weight: 600;
    font-family: var(--m-plus-rounded);
  }

  /* ---  --- */
  .guide .guide_title .sub_title {
  }

  .guide .guide_title .sub_title p {
    font-size: var(--font-size-normal);
  }
}

@media screen and (max-width: 959px) {
  /* Tablet and Mobile */
  /* ----------  ---------- */
  /* -----  ----- */
  .guide {
  }

  .guide .guide_title {
  }

  /* ---  --- */
  .guide .guide_title .main_title {
  }

  .guide .guide_title .main_title h1 {
    font-size: var(--font-size-medium);
    font-weight: 600;
    font-family: var(--m-plus-rounded);
  }

  /* ---  --- */
  .guide .guide_title .sub_title {
  }

  .guide .guide_title .sub_title p {
    font-size: var(--font-size-normal);
  }
}