@charset "UTF-8";

:root {
  /* コンテナ要素幅 */
  --responsive-sys-container-width: 1230px;
  --responsive-sys-content-header-width: 23%;
  --responsive-sys-border-color-gray-primary: #c8c8c8;
  --responsive-sys-border-color-gray-tertiary: #e5e5e5;
  --responsive-sys-border-color-gray-secondary: #dcdcdc;
  --responsive-sys-content-header-background-color: #f8f8f8;
}

@media screen and (min-width: 769px) {
  /* ----全体設定---- */

  body {
    font-size: 16px;
  }

  /* ----ヘッドライン---- */

  h1,
  .h1 {
    font-size: calc(35 / var(--rootFontSize) * 1rem);
    padding: 25px 0 35px;
  }
  h2 {
    font-size: calc(26 / var(--rootFontSize) * 1rem);
  }
  h3 {
    font-size: calc(20 / var(--rootFontSize) * 1rem);
  }
}