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

/* ----- ヘッダ ------------------------------------------------------------------------ */
header {
	width:100%;
	height:250px;
	background:url("../img/mainVisual_reaf_small.png") left 650px top -30px no-repeat,
	url("../img/mainVisual_background.png");
}
header img { margin:40px 0 0 50px; }
/* ----- ナビゲーション------------------------------------------------------------------- */
nav ul li { font-size:13px; float:left; margin-right:10px; }
nav ul li::before { content:">"; }
nav ul li:first-child::before { content:none; }

/* ----- メイン-------------------------------------------------------------------------- */
main {
	background-color:#F5F5F5;
	min-height:100%;
	padding:60px 0;
}
#article {
	width:850px;
	height:auto;
	padding:60px;
	margin:0 auto;
	background-color:#FFF;
	border:1px solid #EEE;
}
h1 { 
	padding-bottom:5px;
	border-bottom:1px solid #000;
	font-size:30px;
}
h2 { 
	padding:20px;
	margin:60px 0 30px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	font-size:24px; 
	text-align:center;
}
h3 { 
	padding:10px 20px;
	margin:60px 0 30px;
	background-color:#EEE;
	font-size:22px;
}
h4 { border-bottom:1px solid #000;
	font-size:18px;
}
.contents {
	padding-left:17px;
	position:relative;
	margin:0;
}
.contents::before {
	content:"";
	width:0;
	height:0;
	border:5px solid transparent;
	border-top:10px solid #000;
	position:absolute;
	top:10px;
	left:0;
}
.contents_list {
	border:1px solid #000;
	border-radius:5px;
	padding:20px;
}
.contents_list li {
	list-style-type:decimal;
	list-style-position:inside;
	margin-bottom:5px;
}
.contents_list li:last-child {
	margin:0;
}
.contents_list li a {
	text-decoration:underline;
}
#price_comparison th, 
#price_comparison td {
	width:300px;
	padding:5px 0;
}
#price_comparison th {
	background-color:#000;
	color:#FFF;
}
#price_comparison td {
	background-color:#EEE;
}
p { line-height:2; margin-bottom:20px; }
.merit { padding:2px 20px; margin-right:10px; background-color:#000; color:#FFF; font-size:12px; }
.purposeList div dl {
	width:506px;
	height:116px;
	overflow:hidden;
}
.purposeList div dl dd { font-size:13px; }
.relation { font-size:20px; font-weight:bold; border-top:1px solid #EEE; border-bottom:1px solid #EEE; padding:60px 0 5px; }


@media screen and (max-width:600px) {
	
header {
	width:100%;
	height:auto;
	padding:20px;
	background:url("../img/mainVisual_background.png");
}
header img {
	width:100%;
	text-align:center;
	margin:0;
	}
img { 
	width:100%;
	}
#article { 
	width:100%;
	padding:20px; 
	border:none; 
	}
main {
	padding:0;
	}
.purposeList div dl {
		width:65%; 
		margin-right:5%;
		height:auto;
		overflow:visible;
	}
} /* media screen */