@charset "utf-8";


/* ======================================================================
/* root
====================================================================== */
:root {
  --color-black: #231815;
  --color-white: #ffffff;
  --color-gray: #d8d8d8;
  --color-dark-navy: #000028;
  --color-theme: #00a9c9;
}


/* ======================================================================
/* white
====================================================================== */
.white {
  color: var(--color-white);
}


/* ======================================================================
/* black
====================================================================== */
.black {
  color: var(--color-black);
}


/* ======================================================================
/* ul ol
====================================================================== */
ul,
ol {
  list-style: none;
}


/* ======================================================================
/* br
====================================================================== */
.pc {
  display: block;
}

.sp {
  display: none;
}

@media screen and (width <=768px) {
  .pc {
    display: none;
  }

  .sp {
    display: block;
  }
}


/* ======================================================================
/ textCenter
====================================================================== */
.textCenter {
  text-align: center;
}


/* ======================================================================
/* z-index
====================================================================== */
.z-index_10 {
  z-index: 10;
}

.z-index_20 {
  z-index: 20;
}



/* ======================================================================
/* img
====================================================================== */
img {
  max-inline-size: 100%;
  vertical-align: bottom;
}