@layer contents {
  :root {
    --color-base: #333;
    --color-white: #fff;
    --blue: #004098;
  }
}

@layer contents {
  :root {
    --font-family-base: "Zen Old Mincho", "YuGothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
    --font-size-base: 1rem;
  }
}

@layer contents {
  :root {
    --max-width-xxl: 1512px;
    --max-width-xl: 1136px;
    --max-width-l: 944px;
    --max-width-m: 752px;
  }
}

@layer contents {

  .u-d-none {
    display: none !important;
  }

  .u-v-hidden {
    visibility: hidden !important;
  }

  @media screen and (max-width: 896px) {
    .u-d-sm-none {
      display: none !important;
    }

    .u-v-sm-hidden {
      visibility: hidden !important;
    }
  }

  @media (min-width: 897px) {
    .u-d-md-none {
      display: none !important;
    }

    .u-v-md-hidden {
      visibility: hidden !important;
    }
  }
}