body{
	margin-right: auto;
	margin-left : auto;
	width:800px;
	padding: 0;
	font-size: 16px;
	color: #333333;
	background-size: contain;
	-webkit-text-size-adjust: none;
}
.box-gr01{
	width:800px;
	height:40px;
	background:green;
	border-radius:10px;
	display: table-cell;
	vertical-align: middle;
	color:white;
	font-weight: bold;
}
.box-gr02{
	width:680px;
	height:280px;
	border: solid 2px;
	border-radius:30px;
	background: #bbffbb;
	display: table;
	font-weight: bold;
	margin: 0 auto;
}
.box-gr03{
	width:680px;
	height:180px;
	display: table;
	margin: 0 auto;
	vertical-align: middle;
}
.box-gr04{
	width:680px;
	height:10px;
	display: table;
	margin: 0 auto;
	vertical-align: middle;
}
.box-gr05{
	width:800px;
	height:10px;
	background:#bbffbb;
	border-radius:30px;
	display: table-cell;
	vertical-align: middle;
	color:black;
	font-weight: bold;
	text-align : center;
}
.point{
	display: table-cell;
	color: #000;
	padding: 10px;
	width: calc(100%/2);
}
.leftpoint{
	padding-left: 2em;
	vertical-align: middle;
}
.rightpoint{
	vertical-align: middle;
}
.rightpoint img{
	max-width:100%;
	height: auto;
}
.mechapoint01 img{
	max-width:100%;
	height: auto;
	vertical-align: middle;
}
.mechapoint02 img{
	max-width:100%;
	height: auto;
	vertical-align: top;
}
.text-br01{
	width:720px;
	position: relative;
	left: 15px;
	color:black;
	text-indent: -1em;
	padding-left: 2em;
}
.text-br02{
	width:720px;
	position: relative;
	left: 15px;
	color:black;
	text-indent: 1em;
	padding-left: 1em;
}
.text-br03{
	color:black;
	font-weight: normal;
	font-size: x-small;
	text-align : center;
}
.text-br04{
	color:green;
	font-weight: bold;
	font-size: normal;
	text-align : center;
}
.text-br05{
	color:black;
	font-weight: bold;
	font-size: xx-large;
	text-align : center;
}
.merit{
	width:800px;
	position: relative;
	left: 40px;
	overflow:hidden;
}
.merit img{
	width: auto;
	height: auto;
	min-width: 90%;
	min-height: 90%;
}
.flex_box {
	background-color: #fff;
	padding:  10px;
	display: flex;
	flex-direction:row;
}
.flex_box2 {
	background-color: #fff;
	display: flex;
	flex-direction:row;
}
.flex_item {
	padding: 20px;
	color:  #000;
	margin:  10px;
	width: calc(100%/3);
	font-size:85%;
}
.flex_item2 {
	padding: 10px;
	color:  #000;
	margin:  5px;
	width: calc(100%/3);
	font-size:75%;
}
.flex_item img {
	display: inline-block;
	max-width:100%;
	height: auto;
}
