body {
  color: #212529;
  background-color: #ffffff;
  /* font-family: 'Arial', 'Helvetica', 'メイリオ', Meiryo, 'Hiragino Sans', 'ヒラギノ角ゴシック', YuGothic, 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; */
}
@font-face {
  font-family:  "corp-round";
  src: url("../font/Corporate-Logo-Rounded-subset.woff2") format("woff2"),
      url("../font/Corporate-Logo-Rounded-subset.woff") format("woff");
}
.corp-round
{
  font-family: "corp-round";
}
.button-w {
  width: 100px;
  cursor: pointer;
}

#slice_box {
  /* mt-3 */
  text-align: center;
  position: relative;
  line-height: 2em;
}

#Slice {
  display: inline-block;
  position: relative;
}

.js-slider {
  position: relative;
  width: 300px;
  height: 20px;
  margin: 10px auto;
}

.js-slider div {
  background: #ddd;
  height: 3px;
  border: 1px inset #aaa;
  position: relative;
  top: 12px;
  font-size: 0px;
}

.js-slider input {
  display: block;
  position: absolute;
  width: 15px;
  height: 20px;
  cursor: pointer;
}

#stage {
  display: block;
  position: relative;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  z-index: 9;
}

#stage_prev {
  position: relative;
  cursor: pointer;
}

#stage_next {
  position: relative;
  cursor: pointer;
}

#five_button {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  width: 100%;
  height: 90px;
}

#five_button div {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
  padding: 0;
  cursor: pointer;
}

#five_button i {
  display: inline-block;
  vertical-align: middle;
  margin: 10px;
  cursor: pointer;
}

.button5 {}

/*���S��T�C�g�^�C�g�����Z���^�����O*/
footer {
  display: block;
  width: 100%;
  height: 100px;
}