@charset "UTF-8";
#main .ttl_main.test_and_certifications h1{
	background:linear-gradient(-90deg, rgba(0,0,0,.1) 50%,rgba(0,0,0,.9)) 50%,url(../img/ttl_test_and_certifications.jpg) no-repeat center center / cover;
	}
	
#main h2{
	width:90%;
	height:auto;
	padding:50px 5% 200px;
	font-size:36px;
	line-height:36px;
	color:#fff;
	text-shadow:1px 1px 30px #000;
	font-weight:normal;
	font-family:'Roboto', sans-serif;
	background:linear-gradient(-90deg, rgba(0,0,0,.1) 50%,rgba(0,0,0,.9)) 50%,url(../img/test_and_certifications/testaf/main.jpg) no-repeat center center / cover;
	margin:0 auto 50px;
	}
#main h2 span{
	display:block;
	font-size:18px;
	}		
#main h3{
	font-size:16px;
	line-height:20px;
	}
#main section{
	width:100%;
	height:auto;
	margin:0 auto 50px;
	}
#main figure img{
	width:100%;
	height:auto;
	}
#main figure figcaption{
	font-size:13px;
	line-height:20px;
	}
#main .left{
	width:48%;
	height:auto;
	margin:0 2% 0 0;
	float:left;
	}
#main .left figure{
	width:100%;
	height:auto;
	margin:0 auto 10px;
	}
#main ol{
	margin:0 auto 30px;
	}
#main ol.paren li{
	list-style:none;
	counter-increment:cnt;
	text-indent:-2em;
	padding:0 0 0 0;
	}
#main ol.paren li:before{
	display:marker;
	content:"( "counter(cnt) " ) ";
	}
#main figure.left{
	width:48%;
	height:auto;
	margin:0 2% 0 0;
	float:left;
	}
#main .figure02 figure{
	width:48%;
	height:auto;
	margin:0 2% 15px 0;
	float:left;
	}
#main .figure03 figure{
	width:48%;
	height:auto;
	margin:0 2% 15px 0;
	float:left;
	}
#main .figure03 figure img{
	border:solid 1px #ccc;
	}	


@media screen and (min-width:700px) and ( max-width:1050px) {
#main h2{
	width:90%;
	height:auto;
	padding:50px 5% 150px;
	font-size:36px;
	line-height:36px;
	color:#fff;
	text-shadow:1px 1px 20px #000;
	font-weight:normal;
	font-family:'Roboto', sans-serif;
	background:linear-gradient(-90deg, rgba(0,0,0,.1) 50%,rgba(0,0,0,.9)) 50%,url(../img/test_and_certifications/testaf/main.jpg) no-repeat center center / cover;
	margin:0 auto 50px;
	}
#main h2 span{
	display:block;
	font-size:18px;
	}	
#main h3{
	font-size:16px;
	line-height:20px;
	}
#main section{
	width:100%;
	height:auto;
	margin:0 auto 50px;
	}
#main figure img{
	width:100%;
	height:auto;
	}
#main figure figcaption{
	font-size:13px;
	line-height:20px;
	}
#main .left{
	width:48%;
	height:auto;
	margin:0 2% 0 0;
	float:left;
	}
#main .left figure{
	width:100%;
	height:auto;
	margin:0 auto 10px;
	}
#main ol{
	margin:0 auto 30px;
	}
#main ol.paren li{
	list-style:none;
	counter-increment:cnt;
	text-indent:-2em;
	padding:0 0 0 0;
	}
#main ol.paren li:before{
	display:marker;
	content:"( "counter(cnt) " ) ";
	}
#main figure.left{
	width:48%;
	height:auto;
	margin:0 2% 0 0;
	float:left;
	}
#main .figure02 figure{
	width:48%;
	height:auto;
	margin:0 2% 15px 0;
	float:left;
	}
#main .figure03 figure{
	width:48%;
	height:auto;
	margin:0 2% 15px 0;
	float:left;
	}
#main .figure03 figure img{
	border:solid 1px #ccc;
	}	
}

@media screen and (max-width:700px) {
#main h2{
	width:90%;
	height:auto;
	padding:30px 5% 100px;
	font-size:22px;
	line-height:22px;
	color:#fff;
	text-shadow:1px 1px 20px #000;
	font-weight:normal;
	font-family:'Roboto', sans-serif;
	background:linear-gradient(-90deg, rgba(0,0,0,.1) 50%,rgba(0,0,0,.9)) 50%,url(../img/test_and_certifications/testaf/main.jpg) no-repeat center center / cover;
	margin:0 auto 50px;
	}
#main h2 span{
	display:block;
	font-size:14px;
	}	
#main h3{
	font-size:16px;
	line-height:20px;
	}
#main section{
	width:100%;
	height:auto;
	margin:0 auto 50px;
	}
#main figure img{
	width:100%;
	height:auto;
	}
#main figure figcaption{
	font-size:13px;
	line-height:20px;
	}
#main .left{
	width:100%;
	height:auto;
	margin:0 auto;
	float:none;
	}
#main .left figure{
	width:100%;
	height:auto;
	margin:0 auto 10px;
	}
#main ol{
	margin:0 auto 30px;
	}
#main ol.paren li{
	list-style:none;
	counter-increment:cnt;
	text-indent:-2em;
	padding:0 0 0 0;
	}
#main ol.paren li:before{
	display:marker;
	content:"( "counter(cnt) " ) ";
	}
#main figure.left{
	width:100%;
	height:auto;
	margin:0 auto;
	float:none;
	}
#main .figure02 figure{
	width:100%;
	height:auto;
	margin:0 auto 10px;
	float:left;
	}
#main .figure03 figure{
	width:100%;
	height:auto;
	margin:0 auto 15px;
	float:none;
	}
#main .figure03 figure img{
	border:solid 1px #ccc;
	}	
}