@charset "utf-8";

/*=========グラフ表示のためのCSS ===============*/

.chart-area{/*円グラフがスマホでつぶれないようにする*/
  position: relative;
  width:100%;
  height:50vh;
}


/*========= レイアウトのためのCSS ===============*/


body{
  background:#ECF2FC;
}

h1{
  text-align: center;
  text-transform: uppercase;
  font-size: 2rem;
  margin:30px 0;
}

.lead{
  padding: 20px;
  text-align: center;
}

.box{
  max-width:600px;
  width:100%;
  margin:100px auto 330px auto;
  padding: 20px;
  background:#fff;
  text-align: center;
}