body{
  font-family: 'Noto Sans JP', sans-serif;
  padding: 0;
  margin: 0;
  font-size: 30px;
  /*text-align: center;*/
}

  .header {
    background-color: #000000;
    height: 45px;
    color: aliceblue;
  }

  .header_logo{
    font-size: 130%;
    font-style: oblique;
    font-style: Gothic;

  }
.background{
  position: relative;


}
.background img::before{

  position: fixed;
  background-size: auto;
  background-position: center center;
  min-height: 100vh;
  width: 100%;
  z-index: -1;
  content:'';
  
}

  .background img{

    width: 100%;
    position: fixed;
  }

  p{
    position: absolute;
    font-style: Gothic;

    
  }
.rotate{


  float: right;

  transform: rotate(90deg);
  position: absolute;
  width: auto;
  top: 0rem;
  right: -5rem;
  font-size: 100rem;
  color: black;
  padding: 0px;
  margin: 0px;
}

@media screen and (min-width: 0px){/*sumaho*/
  p{
    font-size: 7rem;
    font-style: Gothic;
  }

@media screen and (min-width: 768px)and(max-width: 1024){/*tab*/
  p{
      font-size: 20rem;
    font-style: Gothic;
    }
}
@media screen and (min-width: 1024px){/*pc*/
  p{
    font-size: 11rem;
    font-style: Gothic;
  }


}
}
.rotate_img{
  background-color: #000000;

  width: auto;
}
.rotate_img img{
  position: relative;
  width: 100%;
  height: 750px;
  top: 850px;
  
  
}
ul li{
  list-style: none;

  margin-top: 180px;

  color: #ffffff;
  size: 15px;
  padding: 0.5em 0.5em 0.5em 0.5em;
  margin-bottom: 5px;
  background-color: #000000;



}