/* スマホ用のCSSはメディアクエリの外に記述する */
body{
  font-family: 'Noto Sans', sans-serif;
}
header{
  /* height: 1vh; */
}
header img{
  padding: 1vw;
  width: 30vw;
}
footer{
    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
    width: 98vw;
    font-size: 1.5vw;
    text-align: center;
    padding: 10px 0;
}

.cbox {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 3.5vw;
  }

@media screen and (min-width: 481px) {
	/* 481px以上に適用されるCSS（タブレット用） */
}
@media screen and (min-width: 960px) {
	/* 960px以上に適用されるCSS（PC用） */
  .cbox {
    font-size: 2vw;
  }
  header img{
    padding: 1vw;
    width: 15vw;
  }
  footer{
    font-size: 1vw;
}
}