@charset "utf-8";

div.about{
	width:calc(100% - 20px);
	max-width:1080px;
	margin:80px auto;
	box-sizing:border-box;
}

h1.about{
	text-align:center;
	margin:0 auto 60px auto;
	font-size:2em;
	font-weight:bold;
	color:#006494;
	line-height: 1.5em;
}
	
	div.about > div{
		background-color:#f5fdff;
		padding:40px;
		box-sizing:border-box;
	}

	div.about p{
		font-weight:500;
		line-height:1.5em;
		margin:30px auto;
	}
	

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
smf
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (max-width:800px){
div.about{
	margin:40px auto;
}
}
@media screen and (max-width:700px){
	div.about > div{
		padding:20px 40px;
	}
}

@media screen and (max-width:600px){
	div.about > div{
		padding:20px;
	}
}

@media screen and (max-width:400px){
div.about{
	width:100%;
	padding:10px;
}

	div.about > div{
		padding:10px;
	}
}