@charset "UTF-8";
/* CSS Document */
.maincopy {
	background-image:url(../images/overview/bg.jpg);
	}
.maincopy h2 img{width:350px; height:55px;}
.companyinfo{
	max-width:790px;
	margin:0 auto;
}
.overview,.history{
	margin:30px 0 50px 0;
}
h3{
	width:300px;
		float:left;
		margin-right:50px;
	}
table{
	width:440px;	
	float:left;
}
th{
	width:80px;
	font-weight:normal;
}
th,td{
	padding:6px 10px 6px 10px;
}
th{
	padding-left:20px;
}
.bluetable{
	margin:30px 0 0 0;
}
.bluetable th,.bluetable td{
	border-bottom:1px solid #bddfdf;
}
.bluetable .topcell th,.bluetable .topcell td{
	border-top:1px solid #bddfdf;
}
.bluetable tr.odd th,.bluetable tr.odd td{
	background-color:#f0f6f2;
}
.greentable{
	margin-top:100px;
}
.greentable th,.greentable td{
	border-bottom:1px solid #c2ddbc;
}
.greentable .topcell th, .greentable .topcell td{
	border-top:1px solid #c2ddbc;
}
.greentable tr.odd th,.greentable tr.odd td{
	background-color:#f6faed;
}
#margin_parcentage h3,#margin_parcentage table,#margin_parcentage .bluetable{
	float:none;
	margin-bottom:20px;
}
#margin_parcentage h3{
	margin-bottom:80px;
}
#margin_parcentage {
	display:-webkit-box;/*--- Androidブラウザ用 ---*/
    display:-ms-flexbox;/*--- IE10 ---*/
    display: -webkit-flex;/*--- safari（PC）用 ---*/
	-js-display: flex;
	-ms-flex-pack: center;
    display:flex;
    justify-content:space-between;
	justify-content: center;
	-webkit-justify-content: center;
	-webkit-box-align:center;/*--- Androidブラウザ用 ---*/
    -ms-flex-align:center;/*--- IE10 ---*/
    -webkit-align-items:center;/*--- safari（PC）用 ---*/
    align-items: center;
	-webkit-flex-wrap:wrap;/*--- safari（PC）用 ---*/
   flex-wrap:wrap;
}
#margin_parcentage h4{
	color:#547e41;
	text-align:left;
}
#margin_parcentage div{
	width:440px;
}
#margin_parcentage table{
margin-top:10px;
}
#margin_parcentage .greentable tr.odd th,#margin_parcentage .greentable tr.odd td{
	background-color:#f3f7e1;
}
#margin_parcentage .greentable .topcell th, #margin_parcentage .greentable .topcell td{
	border-top:1px solid #cee6b1;
}
#margin_parcentage .greentable th,#margin_parcentage .greentable td{
	border-top:1px solid #cee6b1;
}
#margin_parcentage .greentable tr th{
	width:110px;
}
#margin_parcentage p{
	line-height:24px;
	margin-bottom:30px;
	}
#margin_cost{
	margin-top:40px;
	margin-bottom:50px;
}
@media screen and (max-width: 789px) {
	h3,table,.bluetable{
		float:none;
		margin:0 auto;
	}	
	.greentable{
	margin-top:0;
}
}
@media screen and (max-width: 40em) {
.maincopy h2 img{width:300px; height:47px;}
.overview,.history{
	margin:0 0 50px 0;
}
.overview{
	margin:0 0 10px 0;
}
.history{
	margin:0 0 10px 0;
}
#margin_parcentage{
	margin-bottom:30px;
}
table{
	width:90%;
	margin:0 auto;	
table-layout: fixed;
word-break: break-word;
}
th{
	width:20%;
}
td{
	width:70%;
}
th,td{
	padding:3px 10px 3px 10px;
}
.brpc{
	display:none;
}
#margin_parcentage{
	display:block;
	margin-left:24px;
	margin-right:24px;
}
#margin_parcentage h3{
	margin-bottom:30px;
	margin-top:0;
}
#margin_parcentage div{
	display:block;
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
#margin_parcentage table{
	width:100%;
table-layout: fixed;
word-break: break-word;
}
}