body{
  background-color: #c6f5f3	;
  font-family: '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

  font-size: 1.5em;
  margin: 3em;
}


p {
  margin: 2.5em 1px; /* 上下に1em・左右に0px */
  font-family: '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}
p2 {
  margin-bottom: 80px; /* 行間隔を10pxに設定 */
  font-family: '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}


h1{
  font-size: 1em;
  color: #800000;
  text-align: center;
}

h2{
  margin-top: 1em;
}

h3{
  text-align: center;
}

.explanation{
  background-color:#ffffb0	;
  border: solid 5px;
  padding:  0.1em;
  border-color:#000080;
  text-align:  center;
}

.explanation_result{
  background-color:#FF69B4	;
  border: solid 5px;
  padding:  0.1em;
  border-color:#000080;
  text-align:  center;
}


.button{
  font-size: 20px; /* フォントサイズを大きくします */
  padding: 10px 20px; /* 上下左右の余白を追加してボタンのサイズを調整します */
  width: 10em;
  height:3em;




}

.title_pic{
  text-align:  center;
  margin-bottom: 2em;
}

.fixed_btn
{
  position: fixed;
  top: 1em;
  right: 1em;
  width: 20%;
  padding: 1.5em 1em;
  border-radius:2em;
  border: solid 2px;
  border-color: #000080;
  background-color: #FFFF33;
  font-family: '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

  font-size: 0.7em
}

.fixed_btn:hover {
    background-color: #ffc9d7;
    }

.fixed_btn_out
{
  position: fixed;
  top: 7em;
  right: 1em;
  width: 20%;
  padding: 1.5em 1em;
  border-radius:2em;
  border: solid 2px;
  border-color: #000080;
  background-color: #99FF33;
  font-family: '游ゴシック体', 'Yu Gothic', 'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

  font-size: 0.7em
}

.fixed_btn_out:hover {
    background-color: #ffc9d7;
    }

.chuo{
  text-align:  center;
}
button {
  width: 12em;
  height:2em;

  padding: 10px 20px;
  font-size: 25px;
  color: white;
  background-color: blue ;
  border: none;
  border-radius: 12px; /* 角を丸める */
  cursor: pointer;
  transition: background-color 0.3s ease; /* マウスオーバー時のエフェクト */
}
button2 {

  width: 12em;
  height:2em;

  padding: 10px 20px;
  font-size: 25px;
  color: white;
  background-color:  orange;
  border: none;
  border-radius: 12px; /* 角を丸める */
  cursor: pointer;
  transition: background-color 0.3s ease; /* マウスオーバー時のエフェクト */
}
  .button input[type="submit"] {
    font-size: 20px; /* フォントサイズを大きくします */
    padding: 10px 20px; /* 上下左右の余白を追加してボタンのサイズを調整します */
    width: 10em;
    height:3em;
  }
  input[type="submit"] {
    font-size: 20px; /* フォントサイズを大きくします */
    padding: 10px 20px; /* 上下左右の余白を追加してボタンのサイズを調整します */
    width: 10em;
    height:3em;
  }
  .chuo input[type="button"] {
    font-size: 20px; /* フォントサイズを大きくします */
    padding: 10px 20px; /* 上下左右の余白を追加してボタンのサイズを調整します */
    width: 10em;
    height:3em;
  }
  input[type="radio"] {
   width: 30px; /* 幅を指定 */
   height: 20px; /* 高さを指定 */
  }