*{
  padding: 0;
  margin:0;
}
body{
  background: black;
  font-family: sans-serif;
  color: white;
}
.menu{
  display: flex;
  justify-content: center;
  gap:10px;
}
.menuitem{
  text-align: center;
}
.menuitem img{
  display;
    width: 50%;
}
header{
  text-align: center;
  background: black;
  padding: 30px 20px;
}
header h1{
  font-size: 40px;
  padding-bottom: 20px;
}
nav ul{
  display: inline-block;
  justify-content: space-around;
  list-style-type: none;
  padding-top: 20px;
}
.logo img{
  margin: auto;
  display: ;
  width: 50%;
}
.one img{
  margin: auto;
  display: block;
    background: black;
  width: 100%;
}
.two img{
  margin: auto;
  display: block;
    background: black;
  width: 100%;
}
.three img{
  margin: auto;
  display: block;
    background: black;
  width: 30%;
}
.five img{
  margin: auto;
  display: block;
    background: black;
  width: 30%;
}
.four img{
  margin: auto;
  display: block;
    background: black;
  width: 100%;
}
.raka img{
  width: 80%;
}
.yuuka img{
  width: 80%;
}
.mekka img{
  width: 80%;
}
.gouka img{
  width: 80%;
}
}
footer{
  text-align: center;
  color: white;
  padding-top: 20px;
}
.one {/*親div*/
  position: relative;/*相対配置*/
  }
.one p {
  position: absolute;
  top: 60%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  /*文字の装飾は省略*/
  font-size: 1em;/*サイズ2倍*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  }
  .one img {
  width: 100%;
  }
  .two {/*親div*/
    position: relative;/*相対配置*/
    }
  .two p {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin:0;
    padding:0;
    font-size: 1em;/*サイズ2倍*/
    font-family :Quicksand, sans-serif;/*Google Font*/
    }
    .two img {
    width: 100%;
    }
    .raka {/*親div*/
      position: relative;/*相対配置*/
      }
    .raka p {
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%,-50%);
      -webkit-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
      margin:0;
      padding:0;
      font-size: 1em;/*サイズ2倍*/
      font-family :Quicksand, sans-serif;/*Google Font*/
      }
      .raka img {
      width: 100%;
      }
      .yuuka {/*親div*/
        position: relative;/*相対配置*/
        }
      .yuuka p {
        position: absolute;
        top: 50%;
        left: 55%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        margin:0;
        padding:0;
        font-size: 1em;/*サイズ2倍*/
        font-family :Quicksand, sans-serif;/*Google Font*/
        }
        .yuuka img {
        width: 100%;
        }
        .mekka {/*親div*/
          position: relative;/*相対配置*/
          }
        .mekka p {
          position: absolute;
          top: 50%;
          left: 50%;
          -ms-transform: translate(-50%,-50%);
          -webkit-transform: translate(-50%,-50%);
          transform: translate(-50%,-50%);
          margin:0;
          padding:0;
          font-size: 1em;/*サイズ2倍*/
          font-family :Quicksand, sans-serif;/*Google Font*/
          }
          .mekka img {
          width: 100%;
          }
          .gouka {/*親div*/
            position: relative;/*相対配置*/
            }
          .gouka p {
            position: absolute;
            top: 55%;
            left: 55%;
            -ms-transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            margin:0;
            padding:0;
            font-size: 1em;/*サイズ2倍*/
            font-family :Quicksand, sans-serif;/*Google Font*/
            }
            .gouka img {
            width: 100%;
            }
            .voice{/*親div*/
              position: relative;/*相対配置*/
              }
            .voice p{
              position: absolute;
              top: 50%;
              left: 50%;
              -ms-transform: translate(-50%,-50%);
              -webkit-transform: translate(-50%,-50%);
              transform: translate(-50%,-50%);
              margin:0;
              padding:0;
              font-size: 1em;/*サイズ2倍*/
              font-family :Quicksand, sans-serif;/*Google Font*/
              }
              .voice h2{
                position: absolute;
                top: 50%;
                left: 50%;
                -ms-transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                margin:0;
                padding:0;
                font-size: 1em;/*サイズ2倍*/
                font-family :Quicksand, sans-serif;/*Google Font*/
                }
              .voice img {
              width: 100%;
              }
.five{text-align: center;
  font-weight: bold; /*太字に*/
  font-size: 1em;/*サイズ2倍*/
}
.link1{
  background:white;
  color: black;
    padding: 30px 50px;
}
.link2{
  background:red;
  color:white;
    padding: 30px 50px;
}
.link3{
  background:brown;
  color:black;
    padding: 30px 50px;
}