header{
  background-image: url(ki.jpg);
}
body{
  background-image:url(ki.jpg);
    background-size:cover;
    background-repeat: repeat-y;
    
  }
h1{
  width:100%;
  font-size: 250px;
  text-align: center;
  font-family:"Yu Mincho" ;
  
}
a.btn--red.btn--border-outset1 {
  width:100%;
  border: 6px outset black;
  font-size: 100px;
  font-family:"Yu Mincho" ;
  color: black;
  margin:210px ;
}

a.btn--red.btn--border-outset3{
  width:100%;
  border: 6px outset black;
  font-size: 100px;
  font-family:"Yu Mincho" ;
  color: black;
}

  header,h1,body{
    padding: 0px;
    margin: 0px;
  }
  div.all{
    text-align:center
  }
  @media screen and (min-width: 600px) {
    /* スマホ */
    h1{
      font-size: 9rem; 
    }
    a.btn--red.btn--border-outset1{
      font-size: 5rem; 
    }
    a.btn--red.btn--border-outset3{
      font-size: 5rem; 
    }
  }
  @media screen and (min-width: 800px) and (max-width: 1024px) {
    /* タブレット */
    h1{
      font-size: 10rem;
    }
    a.btn--red.btn--border-outset1{
      font-size: 6rem; 
    }
    a.btn--red.btn--border-outset3{
      font-size: 6rem; 
    }
  }
  @media screen and (min-width: 1024px) {
    /* PC */
    h1{
      font-size: 11rem;
    }
    a.btn--red.btn--border-outset1{
      font-size: 7rem; 
    }
    a.btn--red.btn--border-outset3{
      font-size: 7rem; 
    }
  }