@charset "UTF-8";

/* .mainimg */
.mainimg {
	background:url(../images/management/b.jpg) no-repeat center center;
	background-size:cover;
}

/* .flowArea */
.flowArea {
	padding:2.8% 0;
}
.flowArea .txt01 {
	line-height:1.6;
	padding:2.7% 0 2.3%;
}
.flowArea .cont01 {
	width:100%;
	clear:both;
	padding-bottom:2%;
}
.flowArea .cont01 .photo01 {
	width:48.5%;
	float:left;
	padding-bottom:3%;
}
.flowArea .cont01 div {
	width:48.5%;
	float:right;
	margin:0;
}
.flowArea .cont01 div .tit {
	padding-bottom:2.5%;
	margin-bottom:2.5%;
}
.flowArea .cont01 div .tit img {
	width:34.1%;
}
.flowArea .listTow {
	padding-bottom:1%;
}
.flowArea .listTow li {
	width:48.5%;
	padding-bottom:4%;
}
.flowArea .listTow.pb li {
	padding-bottom:3%;
}
.flowArea .img01 {
	width:73%;
	margin:0 auto;
	padding:1% 0 2.5%;
}
.flowArea .img02 {
	padding-bottom:5%;
}
.flowArea .img03 {
	padding-bottom:4%;
}
.flowArea .listPhoto {
	margin:0 -1.5%;
	padding-bottom:3%;
}
.flowArea .listPhoto li {
	width:30.33%;
	padding:0 1.5%;
	float:left;
}

/* .systemArea */
.systemArea {
	padding-bottom: 4.8%;
}
.systemArea .tabBox {
	padding:7% 0;
}
.systemArea table {
	width:100%;
	clear:both;
	border:#221814 2px solid;
	line-height:1.3;
	box-sizing:border-box;
}
.systemArea table th {
	width:16.5%;
	text-align:center;
	vertical-align:middle;
	border-right:#221814 1px solid;
	border-bottom:#221814 1px solid;
	box-sizing:border-box;
	padding:1.1% 1%;
}
.systemArea table td {
	border-right:#221814 1px solid;
	border-bottom:#221814 1px solid;
	text-align:left;
	vertical-align:middle;
	box-sizing:border-box;
	padding:0.85% 1%;
}
.systemArea table td.td01 {
	width:14.2%;
	text-align:center;
}
.systemArea table th.bg,
.systemArea table td.bg {
	background:#eaf1e9;
}
.systemArea .headTitle04 {
	margin-bottom: 5%;
}
.systemArea .inner {
	max-width: 1000px;
}
.systemArea .txt01 {
	margin-bottom: 2.8%;
}
.systemArea .img2 {
	margin-bottom: 4%;
}
@media only screen and (min-width:1px) and (max-width:680px){
/* .flowArea */
.flowArea .cont01 .photo01 {
	width:75%;
	float:none;
	margin:0 auto;
	padding-bottom:4%;
}
.flowArea .cont01 div {
	width:100%;
	float:none;
}
.flowArea .img01 {
	width:100%;
}
.flowArea .listPhoto {
	padding:3% 0 0;
}
.flowArea .listPhoto li {
	width:47%;
	padding:1% 1.5% 2%;
}
.flowArea .listTow li {
	padding-bottom:4%!important;
}

/* .systemArea */
.systemArea {
	padding-bottom:5%;
}
.systemArea .tabBox {
	padding-bottom:15px;
}
.systemArea table {
	width: 160%;
	font-size:2.4vw;
}
}


@media only screen and (min-width:1px) and (max-width:480px){
.systemArea table {
	width: 200%;
	font-size:3.1vw;
}
}