#visual {
	background-image: url(/price/img/visual_bg.jpg);
}

table.pricelist .for-sp {
	display: none;
}

@media(max-width:768px){
	table.pricelist {
		display: block;
	}	

	table.pricelist thead {
		display: none;
	}	
	
	table.pricelist tbody {
		display: block;
	}	


	table.pricelist tr {
		display: block;
	}	
	
	table.pricelist th {
		display: block;
		width: 100%;
		margin-top: -1px;
	}
	
	table.pricelist tbody th {
		background-color: #014099;
		color: #fff;
	}		

	
	table.pricelist td {
		display: block;
		margin-top: -1px;
	}	
	
	table.pricelist td.th-sp {
		background-color: #e3edfa;
	}	
	
	table.pricelist td p {
		margin-top: 0;
	}
	
	table.pricelist .for-sp {
		display: block;
	}
	
	
	table.pricelist .for-pc {
		display: none;
	}
}




#md-calc figure  {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	display: table;	
	text-align: center;
	margin-bottom: 24px;
}

@media(max-width:768px){
	#md-calc figure  {
		display: block;
		width: auto;
	}
}

#md-calc figure > span {
	display: table-cell;
	vertical-align: middle;
	padding: 12px;
	line-height: 1.6;
}

@media(max-width:768px){
	#md-calc figure > span {
		display: block;
		width: auto !important;
	}
}

#md-calc figure > span > span {
	display: block;
	font-size: 10px;
}

#md-calc figure > span:nth-child(1),
#md-calc figure > span:nth-child(3),
#md-calc figure > span:nth-child(5),
#md-calc figure > span:nth-child(7) {
	padding: 12px;
	border: 1px solid #014099;
	width: 300px;
	color: #014099;
}

#md-calc figure > span:first-child {
	border: 1px solid #014099;
	background-color: #014099;
	color: #fff;
}

@media(max-width:768px){
	#md-calc figure > span:nth-child(2),
	#md-calc figure > span:nth-child(4),
	#md-calc figure > span:nth-child(6) {
		transform :rotate(90deg);
		padding: 4px;
	}
}