@charset "utf-8";
:root {
  /* カラー */
  --color-base: #313841;
  --color-accent: #2a62ad;
  --color-title-ja: #2059aa;
  --color-button: #2b61ac;
  --color-white: #fff;
  --color-grade: linear-gradient(
    135deg,
    #2059aa 0%,
    #1d7da8 40%,
    #3b68a8 60%,
    #4c86aa 100%
  );
  --color-grade-t: linear-gradient(
    135deg,
    rgba(32, 89, 170, 0.1) 20%,
    rgba(76, 134, 170, 0.1) 50%,
    rgba(29, 125, 168, 0.1),
    rgba(59, 104, 168, 0.1) 100%
  );
  --color-gb-filter: rgba(49, 56, 65, 0.4);

  /* フォント */
  --font-base: "Noto Sans JP", sans-serif;
  --px: calc(1rem / 16);
}

body {
  font-family: var(--font-base);
  color: var(--color-base);
  background: var(--color-white);
  font-weight: 400;
  font-size: clamp(14px, 1.18vw, 16px);
  line-height: 1;
}

a {
  transition: all 0.5s ease;
}

a:hover {
  color: inherit !important;
  cursor: pointer;
  text-decoration: none !important;
  opacity: 0.7;
}

.u-sp {
  display: none;
}

@media screen and (min-width: 768px) {
  .u-sp {
    display: block;
  }
}

.u-pc {
  display: block;
}

@media screen and (min-width: 1024px) {
  .u-pc {
    display: none;
  }
}