@charset "utf-8";

:root {
  --white: #fff;
  --black: #000;
  --gray: #f6f6f5;
  --blue: #5172ff;
  --dark-blue: #020f28;
  --easing01: cubic-bezier(0.19, 0.64, 0.4, 0.89);/*ボタン・リンク*/
}

.c-color-white {
  color: var(--white) !important;
}
.c-color-black {
  color: var(--black) !important;
}
.c-color-gray {
  color: var(--gray) !important;
}
.c-color-blue {
  color: var(--blue) !important;
}
.c-color-dark-blue {
  color: var(--dark-blue) !important;
}
.c-bg-white {
  background-color: var(--white) !important;
}
.c-bg-black {
  background-color: var(--black) !important;
}
.c-bg-gray {
  background-color: var(--gray) !important;
}
.c-bg-blue {
  background-color: var(--blue) !important;
}
.c-bg-dark-blue {
  background-color: var(--dark-blue) !important;
}

/*上書き・打消し
---------------------------------------------------------- */
body {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  background: var(--black);
}
#container {
  min-width: inherit;
  font-size: 1.8rem;
  font-family: "Noto Sans JP", serif;
  font-style: normal;
  background: var(--black) ;
  overflow: hidden;
}
img {
  height: auto;
}
.footer_simple {
  background: var(--white);
  margin-top: auto;
}

@media screen and (min-width: 751px) {
  body {
    width: 100%;
    min-width: 1080px;
  }
}

@media screen and (max-width: 750px) {
  #container {
    font-size: 1.4rem;
    flex: auto;
  }
  img {
    width: 100%;
  }
}


/*共通
---------------------------------------------------------- */
.c-txt-l {
  font-size: 1.2em;
}


/* hero
---------------------------------------------------------- */
h1 {
  text-align: center;
  background: var(--black);
}

/* comingsoon
---------------------------------------------------------- */
.comingsoon {
  font-size: 50px;
  text-align: center;
  color: var(--white);
}
@media screen and (max-width: 750px) {
  .comingsoon {
    font-size: 21px;
  }
}