@charset "utf-8";
/*--京splp_sps.css--*/
/* ##########PC########## */
/*features_box*/
.features_box{
	width:920px;
	margin:0 auto;
	padding:80px 0 0 0;
}

	.features_box > .box_header{
		position: relative;
		padding: 0.2em 0 0 1.3em;
		margin-bottom: 2em;
	}
	
		.features_box > .box_header:before{
			content: "";
			display: inline-block;
			height: 1.6em;
			width: 8px;
			background: #004E93;
			position: absolute;
			top: 0;
			left: 0;
		}
	
		.features_box > .box_header h4{
			font-size: 1.4em;
			font-weight: bold;
			color: #004E93;
			position: relative;
		}
		
	
	.features_box > .box_inner{
		padding:0 20px;
	}
	
		.features_box > .box_inner ul{
			font-size:1.2em;
			line-height:1.4;
		}
		
			.features_box > .box_inner ul li{
				margin-bottom:1em;
				position:relative;
				padding:0.5em 0.5em 0.6em 1.9em;
				border-bottom:1px dotted #aaa;
			}
			
			.features_box > .box_inner ul li:before{
				font-family: FontAwesome;
				content:"\f00c";
				position:absolute;
				top:0.5em;
				left:0.5em;
				color:#6d8e00;
			}
			
/*system_outline_box*/
.system_outline_box{
	width:920px;
	margin:0 auto 80px auto;
	padding:80px 0 0 0;
}

	.system_outline_box > .box_header{
		position: relative;
		padding: 0.2em 0 0 1.3em;
		margin-bottom: 2em;
	}
	
		.system_outline_box > .box_header:before{
			content: "";
			display: inline-block;
			height: 1.6em;
			width: 8px;
			background: #004E93;
			position: absolute;
			top: 0;
			left: 0;
		}
	
		.system_outline_box > .box_header h4{
			font-size: 1.4em;
			font-weight: bold;
			color: #004E93;
			position: relative;
		}
		
	
	.system_outline_box > .box_inner{
		width:852px;
		display:flex;
		flex-wrap:wrap;
		margin:0 auto;
	}
	
	.system_outline_box > .box_inner .so_box{
		box-sizing:border-box;
		line-height:1.4;
	}
	
		.system_outline_box > .box_inner .so_box img{
			max-width:100%;
			height:auto;
		}
	
	.system_outline_box > .box_inner .so_box.so1,
	.system_outline_box > .box_inner .so_box.so3,
	.system_outline_box > .box_inner .so_box.so5{
		width:310px;
	}
	
	.system_outline_box > .box_inner .so_box.so2{
		width:232px;
		padding:5.5em 40px 0 40px;
	}
	
	.system_outline_box > .box_inner .so_box.so5{
		margin-left:542px;
	}
	
	.system_outline_box > .box_inner .so_box.so4{
		width:100%;
		display:flex;
		justify-content:flex-end;
		padding:2em 140px 2em 0;
	}
	
		.system_outline_box > .box_inner .so_box.so4:before{
			content:"";
			display:inline-block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 15px 15px 0 15px;
			border-color: #004E93 transparent transparent transparent;
		}
	
		.system_outline_box > .box_inner .so_box.so1 .img_box,
		.system_outline_box > .box_inner .so_box.so3 .img_box,
		.system_outline_box > .box_inner .so_box.so5 .img_box{
			text-align:center;
			margin-bottom:0.5em;
		}
		
		.system_outline_box > .box_inner .so_box.so2 .img_box{
			text-align:center;
			margin-bottom:1em;
		}
	
		.system_outline_box > .box_inner .so_box dl{}
		
			.system_outline_box > .box_inner .so_box dl dt{
				text-align:center;
				background:rgba(8,79,148,0.2);
				margin-bottom:0.8em;
				padding:0.4em 0;
				font-weight:bold;
				color:#222;
			}
	

			

.app_view_box{
	width:880px;
	margin:0 auto 80px auto;
	border:1px solid #ccc;
	padding:20px;
	box-sizing:border-box;
}

	.app_view_box dl{}
	
		.app_view_box dl dt{
			font-size:1.2em;
			line-height:1.6;
			border-bottom:1px dotted #aaa;
			text-align:center;
			margin-bottom:0.5em;
			font-weight:bold;
		}
		
		.app_view_box dl dd{
		}



/* ##########SP########## */
@media screen and (max-width:479px) {
	/*features_box*/
	.features_box{
		width:100%;
		box-sizing:border-box;
		padding:3em 3vw;
		margin:0;
	}
	
		.features_box > .box_header{
			padding: 0.2em 0 0 1em;
			margin-bottom: 1.5em;
			box-sizing:border-box;
		}
		
			.features_box > .box_header:before{
				height: 100%;
				width: 1.5vw;
			}
		
			.features_box > .box_header h4{
				padding:0;
				text-align:left;
			}
			
		
		.features_box > .box_inner{
			padding:0 3vw;
			box-sizing:border-box;
		}
		
			.features_box > .box_inner ul{
				font-size:1em;
				line-height:1.4;
			}


	/*system_outline_box*/
	.system_outline_box{
		width:100%;
		margin:0 auto 6vw auto;
		padding:0 3vw;
		box-sizing:border-box;
	}
	
		.system_outline_box > .box_header{
			padding: 0.2em 0 0 1em;
			margin-bottom: 1.5em;
		}
		
			.system_outline_box > .box_header:before{
				display: inline-block;
				height: 100%;
				width: 1.5vw;
			}
		
		
		.system_outline_box > .box_inner{
			padding:0 3vw;
			display:block;
			box-sizing:border-box;
			width:100%;
		}
		
		.system_outline_box > .box_inner .so_box.so1,
		.system_outline_box > .box_inner .so_box.so3,
		.system_outline_box > .box_inner .so_box.so5{
			width:100%;
		}
		
			.system_outline_box > .box_inner .so_box.so1 .img_box,
			.system_outline_box > .box_inner .so_box.so3 .img_box,
			.system_outline_box > .box_inner .so_box.so5 .img_box {
				width:80%;
				margin: 0 auto 0.5em auto;
			}
		
		.system_outline_box > .box_inner .so_box.so2{
			width:100%;
			box-sizing:border-box;
			padding:1em;
			display:flex;
			align-items:center;
		}
		
			.system_outline_box > .box_inner .so_box.so2 .img_box{
				width:30%;
				margin-bottom:0;
			}
			
			.system_outline_box > .box_inner .so_box.so2 .img_box img{
				max-width:100%;
				height:auto;
			}
			
			.system_outline_box > .box_inner .so_box.so2 p{
				width:70%;
				box-sizing:border-box;
				padding-left:1em;
			}
		
		.system_outline_box > .box_inner .so_box.so4{
			width:100%;
			padding:1em 0;
			justify-content:center;
		}
		
		.system_outline_box > .box_inner .so_box.so5{
			margin-left:0;
		}

}

/* ##########印刷用########## */
@media print{

}