:root{
  --ink: #ffffff;
  --max: 650px;
}
body::before{
  content: '';
  position: fixed;
  inset: 0;
  background: #000 url("../img/burningBg_SP.webp") no-repeat center bottom / 100% auto;
  pointer-events: none;
  z-index: -1;
}
@media screen and (min-width: 769px){
  body::before{ background-image: url("../img/burningBg_PC.webp"); }
}
body{
  background: #000;
  color: var(--ink);
  font-family: "Noto Sans JP", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  -webkit-font-smoothing: initial;
}
*, *::before, *::after{ box-sizing: border-box; margin: 0; padding: 0; }
img{ max-width: 100%; display: block; }

/* mainVisual */

.mainVisual{
  position: relative;
  width: 100%;
  max-width: var(--max);
  margin: 0 auto;
  overflow: hidden;
}
.mainVisual img{
  width: 100%;
  display: block;
}

/* footer */

.footer{
  text-align: center;
	padding: 14vw 0 10vw;
}
.footer p{
  width: 18vw;
  margin: 0 auto 10vw;
}
.footer span{
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 3.25vw;
  line-height: 2;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 769px){
	.footer{
		padding: 5.69rem 0 4.06rem;
	}
	.footer p{
		width: 7.31rem;
		margin: 0 auto 4.06rem;
	}
	.footer span{
		font-size: 1.32rem;
	}
}