@charset "utf-8";
.container{
	max-width: 980px;
	padding: 0 30px;
	margin-left: auto;
	margin-right: auto;
}
.container h2{
	font-size: 24px;
}
.main{
	padding: 80px 0;
	color: #000000;
	text-align: center;
	background-color: #F0F8FF;
}
.main h2 {
  border-bottom: 2px solid #00bfff;
  margin-top: 30px;
  margin-bottom: 30px; 
}
.box {
  margin-top: 50px;
  width: 300px;
  margin-right: 20px;
  float: left;
}
.box:last-child { /* 最後の.box */
  margin-right: 0;
}
.box h3 {
  text-align: center;
  font-size: 20px; 
}
.box img {
  width: 300px;
  height: auto;
  display: block;
  border: 5px solid #fff;
  box-sizing: border-box; /* 幅の算出にボーダーを含める */
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.22); /* 影を付ける */
}
p.photo {
  margin-bottom: 30px;
}
#inside p {
  font-size: 0.9em;
  line-height: 1.8;
}
.footer{
	height: 130px;
	background-color: #ff7f50;
	color: #000000;
}
.footer-right{
	float: right;
	padding: auto;
	margin-top: 50px;
	}