body {
  margin: auto;
  padding: 30px;
  width: 720px;
  font-size: 30px;
  font-family: kozuka-gothic-pr6n, sans-serif;
  line-height: 1.6em;
}



#qr {
  text-align:center;
  padding: 50px  20px 0px 20px;
  float: left;
  width: 300px;

}

.modoru {
margin: 0 auto;
padding: 20px;
text-align: left;
}

#title {
  text-align: center;
  padding: 10px 0px;
}

#footer {
  text-align: center;
  padding: 10px;
}

#toi {
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: #fff;
  background-color: #1eaa39;
  padding: 40px 0px;
  line-height: 2em;
  text-decoration: none;
}

#toi a:link {
  color: #fff;
  text-decoration: none;
}

#toi a:hover {
  color: #11d036;
  text-decoration: none;
}

#toi a:visited {
  color: #fff;;
 text-decoration: none;
}


#box {
  text-align: center;
  padding: 20px 0px;
}

/*パソコン・スマホ共通のCSS*/
#PageTopBtn {
  position: fixed; /*ボタンの配置場所を固定*/
  bottom: 30px; /*下からのボタンの配置場所を指定*/
  right: 80px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
  display: block; /*配置の調整*/
  text-decoration: none; /*文字の下線を消す*/
  color: #fff; /*文字の色*/
  background: #cccccc; /*ボタンの背景色*/
  text-align: center; /*文字を中央に配置*/
  border-radius: 50%; /*ボタンの角を少し丸くする*/
  outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
  text-decoration: none; 
  background: #999999; /*マウスオーバー時の背景色*/
}

.button01 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 1em;
  color: #333;
  font-size: 30px;
  text-align: left;
  background-color: #dbdbdb;
  transition: 0.3s;
}


.button01 a:hover {
  text-decoration: none;
  background-color: #cecdcd;
}

.kakomi {
  background-color: #dbdbdb;
}

/*パソコンで表示する場合のCSS*/
@media (min-width: 700px) {
#PageTopBtn {
  font-size: 54px; /*文字のサイズ*/
}
#PageTopBtn a {
  width: 80px; /*ボタンの幅*/
  height: 70px; /*ボタンの高さ*/
  padding: 8px 0 0; /*文字の配置場所の調整*/
}
}

/*スマホで表示する場合のCSS*/
@media (max-width: 800px) {
#PageTopBtn {
  font-size: 50px;
}
#PageTopBtn a {
  width: 73px;
  height: 55px;
  padding: 8px 0;
}
}

#genba {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  background-color: #ff9446;
  padding: 30px 0px;
  line-height: 150%;
  width:700px;
  margin:5px 10px 15px 10px;
  border-radius:25px;
}


#siryou {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  background-color: #46a1ff;
  padding: 20px 0px;
  line-height: 150%;
  width:340px;
  float: left;
  margin:5px 10px 15px 10px;
  border-radius:25px;
}


#genba2 {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  background-color: #ff9446;
  padding: 20px 0px;
  line-height: 150%;
  width:340px;
  margin:5px 10px 25px 30px;
  border-radius:25px;
}

#siryou2 {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  color: #fff;
  background-color: #46a1ff;
  padding: 20px 0px;
  line-height: 150%;
  width:340px;
  margin:10px 10px 0px 30px;
  border-radius:25px;

}

.float1{
  float: left;
}

#genba_link{
  text-decoration-line: none;

}

#siryou_link{
  text-decoration-line: none;

}