.caption{
  background: url(../images/h2_bg.jpg) no-repeat center center;
  background-size: cover
}

.content .inner{
	position: relative;
}
.content .section{
  background: #FFF;
  padding: 20px;
  margin: 0 0 20px;
}
.content .section h3{
  height: 50px;
  color: #FFF;
  background: #245497;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
  padding: 5px;
  margin: 0 0 10px;
}
.content .section h3 span{
  display: block;
  height: 48px;
  line-height: 48px;
  border: 1px solid #FFF;
}
.content .section h4{
  margin: 20px 0 0;
  color: #245497;
  font-size: 16px;
}
.content .section ul{
  list-style: disc;
  list-style-position: inside;
}
.content .section ul li{
  padding: 0;
}

/*==========================================================================================

	768px以下用（SP）のCSS

==========================================================================================*/
@media screen and (max-width: 768px) {

  .content .section h3{
    height: auto;
    font-size: 16px;
  }
  .content .section h3 span{
    height: auto;
    line-height: 1.4em;
    padding: 5px 0;
  }
}