@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 {
  max-inline-size: 100%;
  vertical-align: bottom;
}




/* ======================================================================
/* eng
====================================================================== */
.eng {
  position: relative;
  font: 600 45px / 1 "Shippori Mincho", serif;
  font-style: normal;
  text-align: center;
}

@media screen and (width <=768px) {
  .eng {
    font: 600 30px / 1 "Shippori Mincho", serif;
  }
}


/* ======================================================================
/* lead
====================================================================== */
.lead {
  font: 400 18px / 1.7 "Shippori Mincho", serif !important;
  font-style: normal;
}

@media screen and (width <=768px) {
  .lead {
    font: 400 14px / 1.7 "Shippori Mincho", serif !important;
  }
}