@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>div>h1{
	font-size: 14px;
	font-weight: 500;
	color: #fff;
}
.menuBotton>div>h1{
	font-size: 14px;
	color: #fff;
}
.midashi h1{
	font-size: 40px;
	font-weight: 900;
}
.storyText h1{
	font-size: 32px;
	font-weight: 700;
}
.storyText h2{
	font-size: 24px;
	font-weight: 400;
}
.sample_box h1{
	font-size: 24px;
	font-weight: 400;
}
.sample_box:hover h1{
	color: #fff;
}
.informationText h1{
	font-size: 32px;
	font-weight: 700;
}
.informationText h2, .informationBotton h1{
	font-size: 24px;
	font-weight: 400;
}
.informationBotton:hover h1{
	color: #fff;
}
.informationTokutenText h1{
	font-size: 32px;
	font-weight: 500;
}
.informationTokutenText h2{
	font-size: 24px;
	font-weight: 400;
}
.charaterText h1{
	font-size: 32px;
	font-weight: 700;
}
.charaterText h2{
	font-size: 24px;
	font-weight: 400;
}
.footerYoutube h1, .footerTwitter h1{
	font-size: 28px;
	color: #fff;
}
.footerYoutube h2, .footerTwitter h2{
	font-size: 12px;
	font-weight: 100;
	color: #fff;
}
.footer2 h1{
	font-family: 'Noto Serif JP', serif;
	font-size: 18px;
	font-weight: 400;
	color: #fff;
}
@media screen and (max-width: 768px){
	.menuBox div h1{
		font-size: 24px;
	}
	.storyText h1, .informationText h1, .informationTokutenText h1, .charaterText h1{
		font-size: 28px;
	}
	.storyText h2, .informationText h2, .informationBotton h1, .informationTokutenText h2, .charaterText h2{
		font-size: 18px;
	}
	.informationBotton:hover h1{
		color: #000;
	}
}