@charset "utf-8";
/*--京splp_sp2.css LPガス用 セーバープロⅡ--*/
/* ##########PC########## */
/*advantages_box*/
.advantages_box{
	width:960px;
	margin:0 auto;
	padding:0 0 40px 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

	.advantages_box > .box_header{
		width:150px;
	}
	
		.advantages_box > .box_header h4{
			color:#fff;
			font-size:1.6em;
			background:#004f94;
			padding:0.5em 0;
			text-align:center;
		}
	
	.advantages_box > .box_inner{
		width:calc(100% - 150px);
		padding-left:45px;
		box-sizing:border-box;
	}
	
		.advantages_box > .box_inner p{
			font-size:1.2em;
			line-height:2;
		}
		
.sep1{
	width:960px;
	margin:0 auto 50px auto;
	border:none;
	border-top:1px dotted #555;
}

/*exp1_box,exp2_box*/
.exp1_box,
.exp2_box{
	width:900px;
	margin:0 auto 40px auto;
}

.exp1_box{
	margin:0 auto 80px auto;
}

	.exp1_box > .box_header,
	.exp2_box > .box_header{
		text-align:center;
		margin-bottom:2em;
	}
	
		.exp1_box > .box_header h4,
		.exp2_box > .box_header h4{
			color:#004f94;
			font-size:1.5em;
			line-height:2;
			margin-bottom:0.3em;
		}
		
		.exp1_box > .box_header p,
		.exp2_box > .box_header p{
			font-size:1.1em;
		}
		
		.exp1_box > .box_inner ul,
		.exp2_box > .box_inner ul{
			width:860px;
			margin:0 auto;
			display:flex;
			flex-wrap:wrap;
		}
		
			.exp1_box > .box_inner ul li{
				width:400px;
				border:1px solid #ccc;
				padding:5px;
				box-sizing:border-box;
				margin-right:60px;
				display:flex;
				justify-content:center;
				align-items:center;
			}
			
			.exp2_box > .box_inner ul li{
				width:400px;
				margin-right:60px;
				margin-bottom:40px;
			}

			
			.exp1_box > .box_inner ul li:nth-child(even),
			.exp2_box > .box_inner ul li:nth-child(even){
				margin-right:0;
			}
			
			.exp1_box > .box_inner ul li img,
			.exp2_box > .box_inner ul li img{
				max-width:100%;
				height:auto;
			}
			
			
			.exp2_box > .box_inner ul li .fig_img{
				margin-bottom:0.6em;
			}
			
/*law_info*/
.law_info{
	width:860px;
	margin:0 auto 50px auto;
	border:1px solid #ccc;
	box-sizing:border-box;
	padding:20px;
}

	.law_info p{
		font-size:1.05em;
		line-height:2em;
	}


/* ##########SP########## */
@media screen and (max-width:479px) {
/*advantages_box*/
.advantages_box{
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 6vw 3vw;
	display: block;
}

	.advantages_box > .box_header{
		width: 100%;
		text-align: center;
		margin-bottom: 4vw;
	}
	
		.advantages_box > .box_header h4{
			display: inline-block;
			font-size: 4vw;
			padding: 0.5em 1em;
		}
	
	.advantages_box > .box_inner{
		width: 100%;
		padding: 0 3vw;
	}
	
		.advantages_box > .box_inner p{
			font-size:1em;
			line-height:1.8;
		}
		
.sep1{
	width:860px;
	margin:0 auto 50px auto;
	border:none;
	border-top:1px dotted #aaa;
}

/*exp1_box,exp2_box*/
.exp1_box,
.exp2_box{
	width:100%;
	box-sizing:border-box;
	padding:0 3vw;
	margin:0 0 3em 0;
}

	.exp1_box > .box_header,
	.exp2_box > .box_header{
		margin-bottom:1.5em;
	}

	.exp1_box > .box_header h4,
	.exp2_box > .box_header h4{
		color:#004f94;
		font-size:1.3em;
		margin-bottom:0.5em;
		line-height:1.4;
	}
		
		.exp1_box > .box_header p,
		.exp2_box > .box_header p{
			font-size:1em;
			line-height:1.6;
		}
		
		.exp1_box > .box_inner ul,
		.exp2_box > .box_inner ul{
			width:80%;
			margin:0 auto;
			display:block;
		}
		
			.exp1_box > .box_inner ul li{
				width:100%;
				padding:2vw;
				margin:0 auto 1em auto;
				display:block;
			}
			
			.exp1_box > .box_inner ul li:last-child{
				margin-bottom:0;
			}
			
			.exp2_box > .box_inner ul li{
				width:100%;
				margin-right:0;
				margin:0 auto 1em auto;
			}

			.exp2_box > .box_inner ul li .fig_img{
				margin-bottom:0.6em;
			}
			
			.exp2_box > .box_inner ul li .fig_text{
				line-height:1.4;
			}
			
/*law_info*/
.law_info{
	width:calc(100% - 6vw);
	margin:0 auto 3em auto;
	padding:3vw;
}

	.law_info p{
		font-size:1em;
		line-height:1.6;
	}


}

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

}