@charset "utf-8";
/* CSS Document */

/* --------------------------------
   □ 共通
-------------------------------- */

/* --------------------------------
   □ #outline
-------------------------------- */
#outline {
	margin-bottom:54px;
}

#outline .explain{
	float:left;
	width:488px;
}

	#outline  table.tableStyle{
		width:100%;
		border-top:1px solid #e2e2e2;
	}
	
	#outline  table.tableStyle th,
	#outline  table.tableStyle td{
		padding:21px 20px;
		border-bottom:1px solid #e2e2e2;
	}
	
	#outline  table.tableStyle th{
		font-weight:700;
		vertical-align:top;
		width:27%;
		background:#f7f7f7;
	}
#outline .image{
	float:right;
}


/* --------------------------------
   □ #others
-------------------------------- */
#others p.image{
	text-align: center;
	width: 45%;
    float: left;
	margin-left: 45px;
    margin-bottom: 45px;
}



/* --------------------------------
   □ #results
-------------------------------- */
#results {
	border-bottom:1px solid #e2e2e2;
}

#results ul.column{
	box-sizing:border-box;
	width:49%;
	float:left;
	text-align:left;
	padding-left:18px;
}

#results p.etc{
	clear:both;
	padding-right:10px;
	padding-top:25px;
	text-align:right;
}


@media only screen and
(max-width : 740px) {
	
/* --------------------------------
   □ #outline
-------------------------------- */
#outline {
	margin-bottom:12%;
}

#outline .explain{
	float:none;
	width:auto;
}
	
	#outline  table.tableStyle th,
	#outline  table.tableStyle td{
		padding:3%;
	}
	
	#outline  table.tableStyle th{
		width:30%;
	}
#outline .image{
	float:none;
}


/* --------------------------------
   □ #results
-------------------------------- */

#results ul.column{
	float:none;
	width:auto;
	padding-left:0;
}

#results ul.column li{
	width:auto;
	padding-left:0;
}


}