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

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

#result

:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/* font-size===========================================

10px -> 72%
11px -> 79%
12px -> 86%
13px -> 93%
14px -> 100%
15px -> 108%
16px -> 115%
17px -> 122%
18px -> 129%
19px -> 136%
20px -> 143%
21px -> 150%
22px -> 158%
23px -> 165%
24px -> 172%
25px -> 179%
26px -> 186%
27px -> 193%


===================================================== */

/* common
---------------------------------- */
#result .contents {
	padding-left: 57px;
	
	
	
}
#result .contents h3 {
	margin-bottom: 30px;
}
/* .block01
---------------------------------- */
#result .block01 {
	margin-top: 62px;
	width: 808px;
}

/* .block01 .sec01
---------------------------------- */
#result .sec01 {
	margin-top: 40px;
	margin-bottom: 40px;
}

/*.imageBox01------------*/
#result .block01 .imageBox01 li {
	position: relative;
	width: 390px;
	float: left;
	box-sizing: border-box;
}
#result .block01 .imageBox01 li p {
	position: absolute;
	background: #F6F6F6;
	padding: 5px 5px 3px 5px;
	margin: 15px 20px;
	font-size: 143%;/*20px*/
	text-align: center;
	width: 350px;
	box-sizing: border-box;
}

/*.textBox01------------*/
#result .block01 .textBox01 {
	background: #FBFDF7;
	padding: 18px 25px;
	margin-top: 28px;
}
#result .block01 .textBox01 dt {
	background: url(../common/icon01.png) left 2px no-repeat;
	background-size: 16px 16px;
	padding-left: 22px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px dotted #DDDDDD;
}
#result .block01 .textBox01 dt p {
	color: #68831D;
	font-weight: bold;
	font-size: 108%;/*15px*/
	display: inline-block;
}
#result .block01 .textBox01 dt span {
	color: #000;
	font-weight: normal;
	font-size: 93%; /*13px*/
	float: right;
}
#result .block01 .textBox01 dd {
	text-align: justify;
}


/* .block01 .sec02
---------------------------------- */
#result .sec02{
	margin-bottom: 65px;
}

#result .sec02 h3 {
	font-size: 143%;/* 20px*/
}

/*.imageBox02------------*/
#result .imageBox02 {
	position: relative;
}
#result .imageBox02 p {
	position: absolute;
	background: #F6F6F6;
	padding: 5px 5px 3px 5px;
	margin: 18px 50px;
	font-size: 143%;/*20px*/
	text-align: center;
	width: 707px;
	box-sizing: border-box;
}

/*.imageBox02 グラフ凡例------------*/
#result .imageBox02 ul {
	position: absolute;
	top: 174px;
	right: 50px;
	border: 1px dotted #A4D8EC;
	padding: 15px 18px;
}

#result .imageBox02 ul li{
	position: relative;
	margin-top: 5px;
	padding-left: 18px;
}

#result .imageBox02 ul li:first-child{
	margin-top: 0;
}

#result .imageBox02 ul li::before {
	content: "";
	height: 12px;
	width: 12px;
	left: 0;
	position: absolute;
	top: 5px;
}

/*凡例カラー*/
#result .imageBox02 ul li.ic01::before {
	background: #7EAAD6;
}

#result .imageBox02 ul li.ic02::before {
	background: #72C4E2;
	
}

/* .block02
---------------------------------- */

#result .block02{
	width: 808px;
}

#result .block02 h2{
	font-size: 172%;/*24px*/
}
#result .block02 .sec01{
	margin-top: 40px;
}

/*.imageBox01------------*/

#result .block02 .imageBox01{
	margin-left: -40px;
}

#result .block02 .imageBox01 li {
	position: relative;
	width: 384px;
	float: left;
	margin-left: 40px;
	margin-bottom: 40px;
	box-sizing: border-box;
}


#result .block02 .imageBox01 li p {
	position: absolute;
	background: #F6F6F6;
	padding: 5px 5px 3px 5px;
	margin: 12px 12px;
	font-size: 143%;/*20px*/
	text-align: center;
	width: 360px;
	box-sizing: border-box;
}