@charset "UTF-8";
/* CSS Document */
/*文字のcss*/
/* ルートの文字サイズを10pxに設定 */
html {
  font-size: 62.5%;
}
/* bodyのフォントサイズを1.6em（16px）に設定 */
body {
  font-size: 1.6em;
  color: #333;
}
h2 {
  font-size: 5rem; /* 50px */
  font-family: "Noto Sans JP","source-han-sans-japanese", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
}
h3 {
  font-size: 3.2rem; 
  font-family: "Noto Sans JP","source-han-sans-japanese", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.5;
}
h4 {
  font-size: 2.6rem; 
  font-family: "Noto Sans JP","source-han-sans-japanese", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.5;
}
p {
  font-size: 1.6rem;
  font-family: "Noto Sans JP","source-han-sans-japanese", sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.5;
}
a{
  cursor:pointer;
}
@media screen and (max-width: 959px) {
.h2 {
  font-size: 4rem; 
}
.h3 {
  font-size: 2.8rem; 
}
.h4 {
  font-size: 2.2rem; 
}
}
@media screen and (max-width: 519px) {
.h2 {
  font-size: 3.2rem; /* 50px */
}
.h3 {
  font-size: 2.4rem; 
}
.h4 {
  font-size: 1.8rem; 
}
.p {
  font-size: 1.4rem;
}
}