h2{
	background: #C8E4FF;/*背景色*/
	padding: 0.5em;/*文字まわり（上下左右）の余白*/
	color:#58A9EF;
	text-align:center;	
	font-size:16px;
	font-weight:700;
}

p{
	text-align: justify;
	text-justify: inter-ideograph;
}
h1{
	line-height:20px;
	font-size:16px;
	font-weight:bold;
}
.btn{
	font-weight:700;
}
/* 青いボタン */
.btn-primary {
    background: #58A9EF !important;
    color: #fff;
	font-weight:700;
	border:1px solid #b5d9f8;
}

.btn-primary:hover, .btn-primary:focus, 
.btn-primary:active, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:active.focus,
.btn-primary.active, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary, 
.open > .dropdown-toggle.btn-primary:hover,
.open > .dropdown-toggle.btn-primary:focus, 
.open > .dropdown-toggle.btn-primary.focus,
.btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary.focus {
    background: #58A9EF;
    color: #fff;
	border:1px solid #b5d9f8;

}

.btn-primary.outline {
    border: 3px solid #58A9EF; //アウトラインのみのボタンの線の色
    color: #58A9EF; //アウトラインのみのボタンのテキストの色
}

#fab:hover {
  box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);}


#fab i {/*アイコン*/
  color: white;
  line-height: 56px;
  font-size: 18px;
  transition: 0.2s;
}

#fab:hover i {/*ホバーでアイコン回転*/
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
}