.m-box-mainv .mainv-bg span {
	background-image : url('../../images/about/bg_mainv_about.jpg');
}

.u-system {
	width : auto !important;
	position : relative;
	height : 705px;
	margin-top : 100px;
	text-align : center;
	background : url('../../images/about/bg_system.jpg') no-repeat center bottom;
	background-size : cover;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-system {
		height : auto;
		margin-top : 50px;
	}
}
.u-system:before {
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : url('../../images/about/bg_dot_system.png');
}
.u-system [data-fixed] {
	width : 1050px !important;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-system [data-fixed] {
		width : auto !important;
	}
}
.u-system .system-read {
	font-size : 41.6px;
	font-size : 2.6rem;
	font-weight : bold;
	line-height : 1.92;
	letter-spacing : 0.16em;
	color : #fff;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-system .system-read {
		font-size : 1.6em;
		letter-spacing : 0.1em;
	}
}
.u-system .system-point {
	position : relative;
	margin-top : 175px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-system .system-point {
		margin-top : 20px;
		padding-bottom : 40px;
	}
}
.u-system .system-point > li {
	position : absolute;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-system .system-point > li {
		position : static;
		display : inline-block;
		width : 30%;
		-webkit-box-sizing : border-box;
		        box-sizing : border-box;
	}
}
.u-system .system-point > li:nth-child(1) {
	left : 0;
	top : 70px;
}
.u-system .system-point > li:nth-child(2) {
	left : 210px;
	top : 0;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-system .system-point > li:nth-child(2) {
		width : 34%;
	}
}
.u-system .system-point > li:nth-child(3) {
	top : 80px;
	left : 50%;
	margin-left : -100px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-system .system-point > li:nth-child(3) {
		margin-left : 0;
	}
}
.u-system .system-point > li:nth-child(4) {
	top : 80px;
	right : 175px;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-system .system-point > li:nth-child(4) {
		width : 33%;
	}
}
.u-system .system-point > li:nth-child(5) {
	top : 30px;
	right : 0;
}

.u-reason {
	width : auto !important;
	margin-top : 90px;
	padding : 90px 0;
	background : #eef8ff;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-reason {
		padding : 40px 15px !important;
		margin-top : 50px;
	}
}
.u-reason .reason-content {
	display : table;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-reason .reason-content {
		display : block;
	}
}
.u-reason .reason-content .content-ttl {
	display : table-cell;
	width : 420px;
	vertical-align : middle;
	font-size : 41.6px;
	font-size : 2.6rem;
	font-weight : bold;
	letter-spacing : 0.16em;
	letter-spacing : 1.69;
	color : #1777ba;
	background : url('../../images/about/bg_reason.gif') no-repeat right center;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-reason .reason-content .content-ttl {
		display : block;
		width : auto;
		margin-bottom : 20px;
		padding-bottom : 80px;
		text-align : center;
		font-size : 1.8rem;
		letter-spacing : 0.1em;
		background-position : center bottom;
		background-size : 70px auto;
	}
}
.u-reason .reason-content .content-desc {
	display : table-cell;
	padding-left : 60px;
	vertical-align : middle;
	line-height : 1.86;
	font-size : 22.4px;
	font-size : 1.4rem;
}
@media screen and (min-width: 0) and (max-width: 768px) {
	.u-reason .reason-content .content-desc {
		padding-left : 0;
		font-size : 1.2rem;
	}
}