@charset "UTF-8";

/*//////////----- SYSTEM -----//////////*/

#system{
	background-color:#fff;
	color:#000;
}

#system h3{
	font-size:2.0rem;
	line-height:1.5em;
	font-weight:bold;
	
	margin-bottom:10px;
	
	box-sizing: border-box;
	padding-left:20px;
	
	position: relative;
}

#system h3:before{
	display:block;
	content:"";
	
	width:7.5px;
	height:30px;
	
	background-color:#000;
	
	position: absolute;
	top:10px;
	left:2.5px;
}

/*//////////----- SYSTEM-CONTENT -----//////////*/

#system div.content{
	width:100%;
	
	background-color:#fff;
	color:#000;
	
	margin:0 auto;
	max-width: 640px;
}

#system div.container{
	margin-bottom:20px;
}

#system div.container:last-child{
	margin-bottom:0;
}

/*//////////----- SYSTEM-PRICE -----//////////*/

.pricelist{
	box-sizing: border-box;
	padding-bottom:60px;
	margin-bottom:20px;
	
	background-image: url("../images/img-system-design01.jpg");
	background-repeat: no-repeat;
	background-size:640px;
	background-position: center bottom;
}

.pricelist:last-child{
	box-sizing: border-box;
	padding-bottom:0;
	margin-bottom:0;
	
	background: none;
}

.pricelist div.row{
	box-sizing: border-box;
	padding-bottom:5px;
	border-bottom:solid 1px #af8854;
	margin-bottom:10px;
	
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	font-size:1.5rem;
	line-height:40px;
	
	position: relative;
}

.pricelist div.row:before{
	display:block;
	content:"";
	
	width:10px;
	height:1px;
	
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	
	margin:auto;
	
	background-color:#000;
}

.pricelist div.row p.que{
	width:50%;
	
	text-align: center;
}

.pricelist div.row p.ans{
	width:50%;
	
	text-align: center;
}