@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
html{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 62.5%;
	color: #00b1bb;
}
.menuPc h2{
	font-size: 2rem;
	color: #fff;
}
.menuPcBox>div:hover h2{
	font-weight: 700;
	color: #00b1bb;
}
.menuPc h3{
	font-size: 2rem;
	color: #fff;
}

/* 共通 */
.midashi h1{
	font-size: 4rem;
	font-weight: 700;
}


/* Story */
.introduction h1{
	font-size: 2.0rem;
}
.sample_box h1{
	font-size: 2.4rem;
	font-weight: 700;	
}
.sample_box:hover h1{
	color: #fff;
}


/* Information */
.informationTxt1 h1{
	font-size: 3rem;
	font-weight: 700;
}
.informationTxt2 h1{
	font-size: 2.4rem;
}
.informationTxt3 h1{
	font-size: 2.0rem;
	font-weight: 700;
}
.informationTxt3:hover h1{
	color: #fff;
}
.informationTxt4 h1, .informationTxt4_2 h1, .informationTxt4_3 h1{
	font-size: 2.6rem;
	font-weight: 500;
}
.informationTxt5 h1{
	font-size: 2.4rem;
	font-weight: 500;
}
.informationTxt6 h1{
	font-size: 1.8rem;
	font-weight: 400;
}
.informationTxt7 h1{
	font-size: 2.4rem;
	font-weight: 500;
}
.informationTxt7:hover h1{
	color: #fff;
}
.informationTxt8 h1{
	font-size: 2.2rem;
	font-weight: 500;
}
.informationTxt9 h1{
	font-size: 1.8rem;
	font-weight: 500;
}
.informationTxt10 h1{
	font-size: 2.0rem;
	font-weight: 700;
}
.informationTxt11 h1{
	font-size: 2.0rem;
	font-weight: 700;
}
.informationTxt10:hover h1, .informationTxt11:hover h1{
	color: #fff;
}



/* Character */
.charaTxt1 h1{
	font-size: 3.0rem;
	font-weight: 700;
}
.charaTxt2 h1{
	font-size: 2.2rem;
}




@media screen and (max-width: 1080px){
	.menuSpBox{
		font-size: 2.4rem;
		color: #fff;
	}
}