label, legend {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
p.label_title{
	display: block;
	font-size: 2.0rem;
	font-weight: 700;
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.flex{
	display: flex;
	flex-wrap: wrap;
}
.well{
	border: 1px solid #EEE;
	border-radius: 7px;
	padding: 20px;
	max-width: 860px;
	box-sizing: border-box;
	margin: 0 auto 20px;
}
.well.red-well{
	border-color: crimson;
	background-color: #FEE;
}
.well h1,
.well h2,
.well h3{
	margin: 0;
}
.well h1 > i,
.well h2 > i,
.well h3 > i{
	margin: 0 5px;
}
.well a.button{
	margin: 0;
}
.well-header{
	border-bottom: 1px solid #EEE;
	padding-bottom: 10px;
}
.well-text{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #EEE;
}
.well-row{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #EEE;
}
.well-head{
	width: 20%;
	font-weight: bold;
}
.well-head > span{
	display: inline-block;
	margin: 0 5px;
}
.well-body{
	width: 80%;
}
.well-footer{
	padding-top: 10px;
	/*
	border-top: 1px solid #EEE;
	*/
}
.pull-right{
	text-align: right;
}

.max-button-area{
	text-align: center;
	padding: 10px 10px 20px 10px;
}
.max-button-area a{
	width: 70%;
}
.max-button-area button{
	width: 70%;
}

@media screen and (max-width:1024px) {
	/*　画面サイズが1024pxまではここを読み込む　*/
	h1{
		font-size: 3rem;
	}

}
@media screen and (min-width:768px) and ( max-width:1024px) {
	/*　画面サイズが768pxから1024pxまではここを読み込む　*/
	h1{
		font-size: 2.5rem;
	}
	
}
@media screen and (max-width:768px) { 
	/*　画面サイズが480pxからはここを読み込む　*/
	h1{
		font-size: 2.2rem;
	}
	h2{
		font-size: 2rem;
	}
	.well{
		font-size: 1.5rem;
	}
	.well-head{
		width: 100%;
		font-size: 1.8rem;
		margin-bottom: 5px;
	}
	.well-head > span{
		margin: 0 5px 0 0;
	}
	.well-body{
		font-size: 1.6rem;
		width: 100%;
		padding-left: 5px;
	}
	.max-button-area{
		padding: 10px 10px 20px 10px;
	}
	.max-button-area a{
		width: 100%;
		display: block;
	}
	.max-button-area button{
		width: 100%;
		display: block;
	}
}