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


.info-ttl {
  background-image: -moz-linear-gradient( -90deg, rgb(2,96,55) 0%, rgb(1,167,126) 68%);
  background-image: -webkit-linear-gradient( -90deg, rgb(2,96,55) 0%, rgb(1,167,126) 68%);
  background-image: -ms-linear-gradient( -90deg, rgb(2,96,55) 0%, rgb(1,167,126) 68%);

	color: #fff;
	font-size: 1.4em;
	box-sizing: border-box;
	padding: .5em;
	margin: 0 auto;
	text-align: center;
}
h2.info-ttl {
	margin: 2em 0 0;
}

.info-sttl {
	background-color: #ccc;
	box-sizing: border-box;
	color: #222;
	font-size: 1.2em;
	font-weight: bold;
	padding: .5em;
	margin: 1em auto .5em;
}

.info-table {
	width: 100%;
}
.info-table th {
	border: 1px solid #c57024;
	vertical-align: middle;
	padding: 1em;
	text-align: center;
	width: 168px;
	font-size: 17px;
	color: #0d825b;
	background: #fffef9;
}
.info-table td {
	border: 1px solid #c57024;
	vertical-align: middle;
	padding: 1em;
	text-align: left;
}
.info-dl {
	border: 1px solid #68360a;
	outline: 1px solid #c57024;
	width: 616px;
	margin: 0 auto;
	padding: 30px 40px;
}
.info-dl dt{
	border-bottom: 2px solid rgb(197, 112, 36);
  box-shadow: 0px 1px 0px 0px rgba(104, 54, 10, 0.004);
	color: #0d825b;
	font-size: 1.2em;
/* 	font-weight: bold; */ 
	margin: 0 auto .7em;
	padding-bottom: .7em;
}
.info-dl dd {
	box-sizing: border-box;
	padding: 0 0 1.2em 0;
}
.info-dl dd:last-child {
	padding: 0;
}
.info-dl dd + dt {
	margin-top: 1em;
}

.info-basis {
	display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
	-webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
	margin-top: 1.2em;
}
.info-basis-annotation {
	text-align: right;
	font-size: .9em;
	margin-left: 3.8em;
}
.comparison_score {
	text-align: center;
	margin: 2em auto 0;
}
.info-basis > dl {
	width: -webkit-calc((100% - 40px) / 3);
	width: -o-calc((100% - 40px) / 3);
	width: calc((100% - 40px) / 3);
	border: 1px solid #68360a;
	outline: 1px solid #c57024;
	box-sizing: border-box;
	padding: 10px;
	margin-bottom: 20px;
	background: #fffef9;
}
.info-basis dt {
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #c57024;
	color: #0d825b;
}
.info-basis table {
/*! margin: 0 auto; */
}
.info-basis th {
	text-align: center;
}
.info-basis th img {
/* 	width: 1.2em; */
	vertical-align: middle;
	padding: 10px;
}

.info-detail {
	width: 100%;
	margin: 40px auto;
}
.info-detail caption {
	color: #0d825b;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
}
.info-detail th {
	background-color: #0d825b;
	color: #fff;
	border: 1px solid #202020;
	font-weight: bold;
	text-align: center;
	padding: 6px 1px;
	line-height: 1.3;
	width: 101px;
}
.info-detail td {
	border: 1px solid #202020;
	text-align: center;
	height: 55px;
}
.rank_s {
	background: #ffff7f;
}