@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700;900&family=Noto+Serif+JP:wght@400;700&display=swap');
*{
	font-family: 'Noto Sans JP', sans-serif;
}
.menuBox div h1{
	font-size: 24px;
	font-weight: 700;
	color: #fff;
}
.menuBox div:hover h1{
	color: #FB4E54;
}
.midashi h1{
	font-size: 48px;
	font-weight: 700;
	color: #FB4E54;
}
.storyBox h1{
	font-size: 24px;
	color: #FB4E54;
}
.sample_box h1{
	font-size: 22px;
	font-weight: 700;
	color: #FB4E54;
}
.sample_box:hover h1{
	color: #fff;
}
.informationText1 h1{
	font-size: 28px;
	font-weight: 700;
	color: #FB4E54;
}
.informationText2 h1{
	font-size: 28px;
	font-weight: 500;
	color: #FB4E54;
}
.informationText3 h1{
	font-size: 22px;
	color: #FB4E54;
}
.informationText4 h1{
	font-size: 22px;
	color: #FB4E54;
}
.informationBotton h1{
	font-size: 22px;
	font-weight: 700;
	color: #FB4E54;
}
.informationBotton:hover h1{
	color: #fff;
}
.characterText h1{
	font-size: 22px;
	color: #FB4E54;
}
.characterText h2{
	font-size: 16px;
	color: #FB4E54;
}
@media screen and (max-width: 768px){
	.menuBottonSp div h1, .closeBottonSp div h1{
		font-size: 16px;
		color: #fff;
	}
	.menuSpTop h1, .menuSpStory h1, .menuSpInformation h1, .menuSpCharacter h1, .menuSpTwitter h1, .menuSpYoutube h1{
		font-size: 28px;
		color: #fff;
	}
}