@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
h1, h2, h3, h4, h5, h6{
  font-family: 'Noto Sans JP', sans-serif;
}
.heading h1{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 48px;
  font-weight: bold;
}
.story h2{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 20px;
}




.information h2{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  font-weight: bold;
}
.information h3{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
}
.information h4{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
}
.information h5{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 22px;
}
.information h6{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
}


.character h2{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 20px;
  font-weight: bold;
}
.character h3{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 18px;
}

.footer h1{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
}

.toTop h1{
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
}
@media screen and (max-width: 768px){
  .heading h1{
    font-size: 36px;
  }
  .story h2{
    font-size: 14px;
  }
  .information h5{
    font-size: 18px;
  }
  .information h6{
    font-size: 14px;
  }
  .footer h1{
    font-size: 14px;
  }
}