/* 三階層目ページ（/brands/index.html）の共通設定 */

/* title styles */
.heading-01 {
  font-size: 54px;
  font-weight: 600;
  color: var(--color-theme);
  line-height: 1.2;
  margin-bottom: 0.8em;
}
.heading-02 {
  font-size: 48px;
  font-weight: 600;
  color: var(--color-theme);
  line-height: 1.2;
  margin-bottom: 0.8em;
}
.heading-03 {
  font-size: 36px;
  font-weight: 700;
  color: var(--color-theme);
  line-height: 1.2;
  margin-bottom: 0.6em;
}
.heading-04 {
  font-size: 32px;
  font-weight: 700;
  color: var(--color-theme);
  line-height: 1.2;
  margin-bottom: 0.6em;
}
.heading-05 {
  font-size: 24px;
  font-weight: 700;
  color: var(--color-theme);
  line-height: 1.2;
  margin-bottom: 0.4em;
}

/*For Tablet*/
@media only screen and (min-width: 768px) and (max-width: 1440px) {
  .heading-01 {
    font-size: calc(54 * var(--tablet-unit));
  }
  .heading-02 {
    font-size: calc(48 * var(--tablet-unit));
  }
  .heading-03 {
    font-size: calc(36 * var(--tablet-unit));
  }
  .heading-04 {
    font-size: calc(32 * var(--tablet-unit));
  }
  .heading-05 {
    font-size: calc(24 * var(--tablet-unit));
  }
}

/*For SP*/
@media only screen and (max-width: 767px) {
  .heading-01,
  .heading-02,
  .heading-03,
  .heading-04,
  .heading-05 {
    font-size: calc(24 * var(--sp-unit));
    font-weight: 700;
  }
}