@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700;800&display=swap");

/* ======================================================================
/* 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 {
  display: block;
  margin: 0 auto;
  max-inline-size: 100%;
  vertical-align: bottom;
}