.mongon{
	margin-bottom:1%;
}
.main-image{
width:960px;
margin:0 auto 10px;
}

/*ACCORDION*/
/*Youtube動画を入れた際にアス比の固定用*/
.youtube{
	width:50%;
}
.iframe-wrapper{
	position:relative;
	width:50%;
}
.iframe-wrapper:before{
	content:"";
	display:block;
	padding-top:75%;
}
iframe{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
}

iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

div.accordion{
	width:960px;
	margin: 0 auto 30px;
}
div.accordion > ul > li > a {
  display: block;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  background-color: #365bb3;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 10px 12px;
  position: relative;
}
div.accordion > ul > li > a:hover{
  background-color: #4d82ff;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 16px;
  color: #fff;
}
div.accordion > ul > li > a:after{
  content: "▼";
}
div.accordion > ul > li > a.active:after{
  content: "▲";
}
div.accordion > ul > li > ul {
  display: none;
}
div.accordion > ul > li > ul > li > a{
  display: block;
  color: black;
  font-size: 14px;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  padding: 6px 12px;
  position: relative;
}
div.accordion > ul > li > ul > li > a:hover{
  background-color: #b3c7ff;
}




div.accordion2{
	width:960px;
	margin: 0 auto;
}


div.accordion2 > ul > li > a {
  display: block;
  color: black;
  font-size: 16px;
  text-decoration: none;
  background-color: #ADD8E6;
  border-bottom: 1px solid #fff;
  cursor: pointer;
  padding: 10px 12px;
  position: relative;
}
div.accordion2 > ul > li > a:hover{
  background-color: #4d82ff;
}
div.accordion2 > ul > li > a:after, div.accordion > ul > li > a.active:after{
  font-size: 12px;
  position: absolute;
  right: 12px;
  top: 16px;
  color: #fff;
}
div.accordion2 > ul > li > a:after{
  content: "▼";
}
div.accordion2 > ul > li > a.active:after{
  content: "▲";
}
div.accordion2 > ul > li > ul {
  display: none;
}
div.accordion2 > ul > li > ul > li > a{
  display: block;
  color: black;
  font-size: 14px;
  background-color: #fff;
  border-bottom: 1px solid #fff;
  padding: 6px 12px;
  position: relative;
}
div.accordion2 > ul > li > ul > li > a:hover{
  background-color: #b3c7ff;
}