@charset "utf-8";
/*--京common.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{
			display:flex;
			flex-wrap:wrap;
		}
		
			.features_box > .box_inner ul li{
				width:calc((100% - 40px) / 2 );
				margin-right:40px;
				margin-bottom:40px;
			}
			
			.features_box > .box_inner ul li:nth-child(even){
				margin-right:0;
			}
			
				.features_box > .box_inner ul li dl{
					border:1px solid #ccc;
					padding:20px;
				}
				
					.features_box > .box_inner ul li 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;
					}
					
					.features_box > .box_inner ul li dl dd{
						text-align:center
					}
					
						.features_box > .box_inner ul li dl dd img{
							max-width:100%;
							height:auto;
						}
						
.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:5vw 3vw;
		margin:0;
	}
	
		.features_box > .box_header{
			padding: 0 0 0 1em;
			margin-bottom: 2em;
			text-align:left;
			line-height:1.4;
			box-sizing:border-box;
		}
		
			.features_box > .box_header:before{
				height: 100%;
				width: 1.5vw;
			}
		
			.features_box > .box_header h4{
				font-size: 1.4em;
				font-weight: bold;
				color: #004E93;
				position: relative;
				padding:0;
			}
			
		
		.features_box > .box_inner{
			padding:0 2vw;
			box-sizing:border-box;
		}
		
			.features_box > .box_inner ul{
				display:flex;
				flex-wrap:wrap;
				font-size:1em;
			}
			
				.features_box > .box_inner ul li{
					width:calc((100% - 2vw) / 2 );
					margin-right:2vw;
					margin-bottom:2vw;
					padding:0;
				}
				
				.features_box > .box_inner ul li:nth-child(even){
					margin-right:0;
				}
				
				.features_box > .box_inner ul li:last-child{
					margin-bottom:2vw;
				}
				
					.features_box > .box_inner ul li dl{
						border:1px solid #ccc;
						padding:3vw;
						box-sizing:border-box;
						height:100%;
					}
					
						.features_box > .box_inner ul li dl dt{
							font-size:1em;
							line-height:1.4;
							padding-bottom:0.3em;
						}
						
							
	.app_view_box{
		width:calc(100% - 10vw);
		margin:0 auto 2em auto;
		padding:3vw;
	}
	
		.app_view_box dl{}
		
			.app_view_box dl dt{
				font-size:1em;
				line-height:1.4;
			}
			
			.app_view_box dl dd img{
				max-width:100%;
				height:auto;
			}
}

/* ##########印刷用########## */
@media print{

}

	
/*IEの印刷用調整*/
@media print and (-ms-high-contrast: none){
	.features_box > .box_inner ul li{
		margin-right: 38px;
	}
}

/*Edgeの印刷用調整*/
@media print{
	@supports (-ms-ime-align:auto) {

	}
}