@charset "utf-8";

.clearfix::after{
	content: "";
	display: block;
	clear: both;
}

wrap {
	max-width: 800px;
	margin: 0 auto;
}
#wrap {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
}

.maininner{
  display: block;
  max-width: 800px;
  margin:auto;
}

#wrap  .maininner  h2  img{
	width: 85%;
	max-width: 800%;
	height: auto;
}

#wrap  .maininner  .box  {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
}
#wrap  .maininner  h3  {
	color: #FFFFFF;
	background-color: #6666FF;
	height: 2.2em;
	font-size: 1.2em;
	padding-top: 1em;
	padding-right: 0;
	padding-left: 10px;
	margin-bottom: 10px;
	border-left-width: 50px;
	border-left-style: solid;
	border-left-color: #FF9900;
}
#wrap  .maininner  .text  {
	float: right;
	width: 70%;
}
#wrap  .maininner  .box  .img  img  {
	height: auto;
	width: 90%;
	margin-left: 10px;
}



.footer {
    max-width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}