html,
body {
  font-family: "游ゴシック", "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  /* width: 99.5%; */
  /* width: 99.9%; */
  font-size: 7vw;
}


#g_wrap {
  background: #f2ffe9;
  display: block;
  text-align: center;
}


#wrap{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

#top p:nth-child(1){
  font-weight: bold;
  font-size: 1.2rem;
}

#top p:nth-child(2){
  margin-top: 0.5rem;
  font-weight: bold;
}

#top p:nth-child(3){
  font-size: 0.9rem;
  margin-top: 1rem;
}

#middle{
  margin-top: 0.625rem;
  font-weight: 1000;
}

#middle p span:nth-child(1){
  text-align: left;
  display: inline-block;
  width: 35%;
}

#middle p span:nth-child(2){
  text-align: right;
  display: inline-block;
  width: 35%;
}

#middle p span:nth-child(3){
  text-align: right;
  display: inline-block;
  width: 10%;
}

#middle p:nth-child(1){
  background-color: #f6f6f6;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.25rem;
}

#middle p:nth-child(2){
  margin-top: 0.625rem;
  background-color: #f6f6f6;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.25rem;
}

#bottom{
  margin-top: 0.625rem;
}

#bottom a{
  text-decoration: none;
  display: block;
  background-color: #065E27;
  color: white;
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.25rem;
}

#bottom a:hover {
  opacity: 0.7;
}