@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;
}