@charset "utf-8";
/* CSS Document */
/*------------------------------------------*/
/* ↓↓↓↓↓↓↓↓↓↓↓↓      スマホ     ↓↓↓↓↓↓↓↓↓↓↓↓*/
/*-----------------------------------------*/
body {
  font-family: '源ノ角ゴシック Code JP M', sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #000000;
  line-height: 1;
  /*<!--↓↓↓↓↓↓　背景　↓↓↓↓↓↓-->*/
  background-color: #fff;
  background-image: url("../img/02.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 100%;
}
img {
  max-width: 100%;
}
li {
  padding: 0;
}
/*<!--↓↓↓↓↓↓　余白
↓↓↓↓↓↓-->*/
.spacer04{
	height: 300px;
}
.spacer01 {
  height: 250px;
}
.spacer03 {
  height: 400px;
}
.spacer02 {
  height: 350px;
}
.spacer05 {
  height: 350px;
}
p {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  writing-mode: vertical-rl;
  margin: 0 auto;
  font-size: 40px;
  color: #fff;
  margin-top: 0px;
  letter-spacing: 20px;
  padding-top: 0px;
  text-shadow: 3px 3px 10px rgba(10, 10, 10, 10);
}
.glowAnime {
  padding-top: 100px;
}
main img{
	width: 100%;
	height: 100%;
}
/*------------------------------------------*/
/* ↓↓↓↓↓↓↓↓↓↓↓↓        pc      ↓↓↓↓↓↓↓↓↓↓↓↓*/
/*-----------------------------------------*/
@media(min-width: 750px) {
  body {
	  width: 100%;
  
 
    background-image: url("../img/pc_background.png");
    background-repeat: no-repeat;
    background-size:100%;
	  padding-bottom: 683%;
  }
	main{
		
	}
#overlay ul {
    display: grid;
    grid-template-columns: 50% 50%;
    text-align: left;
    margin-top: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(0, 0, 0, 0.50);
    border-radius: 50px;
    height: 500px;
    width: 200px;
    margin-left: 80%;
	}
.blurTrigger{
	display: none;
}
	.pc .blurTrigger{
		display: block;
	}
	.footer{
		display: none;
	}
}