@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
	font-family:sans-serif;
	color:#252525;
	font-size:16px;
	background-color: #fff;
}

.container {
	margin: 0 auto;
	max-width: 960px;
	padding: 30px;
}

header {
	padding: 50px;
	background: #000;
	margin-bottom: 30px;
	border-bottom: 5px #1e90ff solid;
	text-align: center;
}

footer {
	padding: 15px;
	background: #565656;
	color: #fff;
	margin-top: 30px;
	text-align: center;
}

h1{
color: #fff;
font-size: 3em;
text-shadow:
0 0 5px #0099ff,
0 0 13px #0066cc,
0 0 13px #0066cc,
0 0 13px #0066cc,
0 0 13px #0066cc;
}


img{
max-width:100%;
height:auto;
}

.box1 {
margin:0 auto;
padding: 30px 30px 20px;
background-color: #87cefa;
border-radius: 10px;
margin-top: 30px;
margin-bottom: 30px;
}

.naka {
	text-align: center;
}

.kage3 {
box-shadow: 3px 3px 10px #333;
}

.box2 {
margin:0 auto;
padding: 30px 30px 20px;
background-color: #dcdcdc;
border-radius: 10px;
margin-top: 30px;
margin-bottom: 30px;
display: flex;
justify-content: space-around;
}

@media screen and (max-width:768px){
	.box2{
		flex-direction: column;
	}
}