:root {
  --itify-container-width: 1200px;
  --itify-header-desktop-height: 86px;
  --itify-header-mobile-height: 73px;
  --itify-color-background: #040712;
  --itify-color-border: #1c2440;
  --itify-color-text: #c4cce3;
  --itify-font-ui: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html:lang(ja),
html[lang^="ja"],
body.lang-ja {
  --itify-font-ui: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .nav > li > a,
body .button,
body button,
body input,
body select,
body textarea {
  font-family: var(--itify-font-ui);
}


body #header,
body #header .header-nav-main > li > a,
body #header .itify-header__controls,
body #header .itify-header__controls :is(a, button, span),
body .itify-mobile-drawer,
body .itify-mobile-drawer :is(a, button, li),
body #footer,
body .footer-wrapper,
body .absolute-footer,
body .footer-wrapper :is(h1, h2, h3, h4, h5, h6, p, a, li, button, input, select, textarea),
body .footer-wrapper :is(.widget-title, .textwidget, .footer-nav, .footer-menu),
body .absolute-footer :is(p, a, li, button, input, select, textarea) {
  font-family: var(--itify-font-ui) !important;
}

.itify-container {
  width: calc(100% - 48px);
  max-width: var(--itify-container-width);
  margin-inline: auto;
}

.itify-badge {
  display: inline-flex;
  align-items: center;
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: #7fa2ff;
}

.itify-badge::before {
  content: "";
  display: block;
  flex: 0 0 20px;
  width: 20px;
  height: 2px;
  margin-right: 10px;
  background-color: #7fa2ff;
}

body h1 {
  font-size: 52px;
  line-height: 1.35;
  font-weight: 700;
}

body h2 {
  font-size: 44px;
  line-height: 1.35;
  font-weight: 700;
}

body .itify-desc,
body .global-desc {
  font-size: 18px;
  line-height: 1.7;
  font-weight: 400;
}

@media (max-width: 1199px) {
  body h1 {
    font-size: 48px;
  }

  body h2 {
    font-size: 40px;
  }
}

@media (max-width: 991px) {
  body h1 {
    font-size: 40px;
  }

  body h2 {
    font-size: 34px;
  }

  body .itify-desc,
  body .global-desc {
    font-size: 17px;
  }
}

@media (max-width: 767px) {
  .itify-container {
    width: calc(100% - 40px);
  }

  body h1 {
    font-size: 30px;
  }

  body h2 {
    font-size: 28px;
  }

  body .itify-desc,
  body .global-desc {
    font-size: 16px;
  }
}