@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&family=Noto+Sans+JP:wght@100..900&display=swap');

html,
body {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #000000 50%, #111111 50%);
  color: #ffffff;
  font-size: min(16px, 4.1vw);
  font-family: 'Noto Sans JP', sans-serif;
  font-feature-settings: 'palt';
  letter-spacing: .08em;
  line-height: 2;
}

h1 {
  display: flex;
  width: 100%;
  height: 100svh;
  font-size: 2rem !important;
  font-weight: 100 !important;
  text-align: center;
  line-height: 1.5;
  justify-content: center;
  align-items: center;
}

h1 span {
  margin-right: .25em;
}

.pc_only {
  display: initial;
}

.sp_only {
  display: none;
}

@media (any-hover: hover) {
}

@media (768px <= width < 1050px) {
}

@media (width < 768px) {


  .pc_only {
    display: none;
  }

  .sp_only {
    display: initial;
  }

}