@charset "utf-8";
/* CSS Document */
h1.top {
  font-weight: 600;
  line-height: 1.6;
  color: #009984;
}
.top-image{max-width:60%;}
ul.result-img{
	display:flex;
	justify-content:space-between;
	list-style:none;
}
ul.result-img li{width:30%}
ul.result li{
 font: normal 12px/20px ,sans-serif;
 padding-left: 1.5em;
 position: relative;
list-style:none;
	margin-bottom:0.5em;
}
ul.result li:before{
display: block;
 content: "※";
 width: 1em;
 height: 1em;
 position: absolute;
 left: 0;
 top: 0;}

#sec2{
	background-color:#66C2B5;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	padding:5rem 0;
}
#sec2 .article{
	width:80%;
	margin-bottom:5em;
	background:#fff;
	padding:2.4em;
}
#sec2 .article h2{
	text-align:center;
	font-size:2.6em;
	line-height:1.6;
	color: #009984;
}
ul.dirt{
	list-style:none;
	display:flex;
	justify-content:space-between;
}
ul.dirt li{
	width:22%;
	text-align:center;
}
ul.dirt li .item{
	font-size:1.3em;
	border-bottom:1px solid #808080;
	padding-bottom:0.3em;
	margin-bottom:0.3em;
}
ul.dirt li .value{
	font-size:1.6em;
	font-weight:700;
	color:#009984;
	margin-bottom:0;
}
.tester{
	padding:1.6em;
	display:flex;
	justify-content:space-between;
	border:#808080 dotted 2px;
	margin-top:1em;
	width:90%;
}
.tester h4{
	font-weight:700;
	color:#009984;
}
.tester p,.tester ol{font-size:120%;}
.tester div:nth-of-type(1){width:70%;}
.tester div:nth-of-type(2){width:28%;}

.mark{
	max-width:90%;
	background:#99D6CE;
	padding:0.7em;
	box-sizing: border-box;
}
.mark-inner{
	border:2px solid #fff;
	padding:2em;
	display:flex;
	justify-content:space-between;
	width:100%;
}
.mark-inner .photo{
	height:100%;
	margin-right:1em;
}
.mark-inner .text {width:100%;}
.mark-inner .text div:first-child{
	height:6em;
}
.mark-inner .text h2{
	margin-left:1em;
}

@media screen and (max-width:767.98px){
	.top-image {max-width: 100%;}
	h1{font-size:1.6em;}
	ul.result-img{
		padding:0;
		flex-wrap:wrap;
		justify-content:space-around;
	}
	ul.result-img li{width:49%;}
	ul.result{padding:0}
	#sec2{padding:2.5rem 0;}
	#sec2 .article {width:90%;padding:1em;}
	#sec2 .article h2{font-size:1.6em;}
	ul.dirt{padding:0;flex-wrap:wrap;}
	ul.dirt li{width:48%;}
	.tester{width:100%;flex-wrap:wrap;}
	.tester div:nth-of-type(1),.tester div:nth-of-type(2){
		width:100%;
	}
	.tester p,.tester ol{font-size:90%;}
	.mark{max-width:100%;}
	.mark-inner{flex-wrap:wrap;padding:1em;}
	.mark-inner .photo{width:100%;height:auto;margin-right:0;margin-bottom:1em;}
	.mark-inner .text h2{font-size:1.3em;margin-left:0.5em;font-weight:700;width:70%;}
	.mark-inner .text div:first-child{height:4em;width:100%;}
	.mark-inner .text div:first-child img{height:4em;width:auto;}
}