@charset "UTF-8";
/* ハイパフォーマンスシステム 検定試験合格システム*/

main .system3 {
	padding-top:50px;
}
main .system3 h4 {
background-image: url("../image2020/pc/01_4_03high_performance/system_3_title.jpg");
background-size: 434px;
width:434px;
height:46px;
text-indent: 110%;
overflow: hidden;
white-space: nowrap;
margin:30px auto;
position: relative;
}


main .system3 .systemgraphic {
	background-image:url("../image2020/pc/01_4_03high_performance/system_3_graphic.png");
	background-size: 818px;
	height:411px;
	width:818px;
	margin:0px auto;
	z-index: 100;
	position: relative;
}


main .system3 article {
	background-color: rgba(90, 181, 81, 0.05);
	margin-top:-240px;
	padding-top:240px;
	padding-bottom:30px;
	z-index: 1;
	position: relative;
}

main .system3 article .subtitle {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_subtitle.png");
	background-size: 422px;
	height:30px;
	width:422px;
	margin:-50px auto 50px auto;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
}

main .system3 article p {	
	font-size:14pt;
	line-height: 20pt;
	width:700px;
	margin:30px auto 0px auto;
}

main .system3 article aside {
	color:#009d38;
	font-size:10pt;
	width:700px;
	margin:10px auto 0px auto;
	
}

main .system3 article aside br {
		display: none;
	}

main .system3 article .system3graphic1 {
	display: block;
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_image_1.png");
	background-size: 700px;
	background-position: top center;
	width:700px;
	height:225px;
	margin:30px auto;
}

main .system3 article .license20 .back_girl {
display: none;
}

main .system3 article .license20 {
	width:800px;
	margin:30px auto 30px auto;
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_back_girl.png");
	background-size: 190px;
	background-repeat: no-repeat;
	background-position: right bottom;
}

main .system3 article .license20 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_subtitle_2.svg");
	background-size: 423px;
	width:423px;
	height:34px;
	margin-left:55px;
	text-indent: 110%;
    background-repeat: no-repeat;
	overflow: hidden;
	white-space: nowrap;
}

main .system3 article .license20 p {
	width:530px;
	margin-left:50px;
	display: block;
}

main .system3 article .license20 p strong {
	color:#159f35;
}

main .system3 article .point {
	width:750px;
	margin:30px auto;
	position: relative;
}

main .system3 article .point h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_point_title.png");
	background-size: 119px;
	background-repeat: no-repeat;
	height:58px;
	width:119px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	margin:0px auto;
	position: relative;
	z-index: 58;
}

main .system3 article .point ul {
	list-style: none;
	border:1px solid #5c5c69;
	background-color: #ffffff;
	padding:30px 30px 20px 30px;
	width:700px;
	box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);
	position: relative;
	z-index: 15;
}

main .system3 article .point li {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_list_mark.jpg");
	background-size: 14px;
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-left:18px;
	font-size:15pt;
	margin-bottom:8px;
}

main .system3 article .licenselist {
	margin:80px auto 60px auto;
	width:880px;
	
}
main .system3 article .licenselist h5 {
	background-image: url("../image2020/pc/02_achie/24_licenses.svg");
	background-size: 224px;
	background-repeat: no-repeat;
	height:40px;
	width:224px;
	margin:0px auto 30px auto;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
}

main .system3 article .licenselist ul {
	list-style: none;
	width:80%;
	magin:0px auto 0px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    padding-left: 90px;
}

main .system3 article .licenselist ul li {
	display:block;
	background-size:197px;
	background-repeat: no-repeat;
	width:197px;
	height:58px;
	margin:5px;
}

main .system3 article .licenselist ul .l01 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_01.jpg");
	
}

main .system3 article .licenselist ul .l02 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_02.jpg");
	
}

main .system3 article .licenselist ul .l03 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_03.jpg");
	
}
main .system3 article .licenselist ul .l04 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_04.jpg");
	
}

main .system3 article .licenselist ul .l05 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_05.jpg");
	
}
main .system3 article .licenselist ul .l06 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_06.jpg");
	
}
main .system3 article .licenselist ul .l07 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_07.jpg");
	
}

main .system3 article .licenselist ul .l08 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_08.jpg");
	
}

main .system3 article .licenselist ul .l09 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_09.jpg");
	
}
main .system3 article .licenselist ul .l10 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_10.jpg");
	
}
main .system3 article .licenselist ul .l11 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_11.jpg");
	
}
main .system3 article .licenselist ul .l12 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_12.jpg");
	
}

main .system3 article .licenselist ul .l13 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_13.jpg");
	
}

main .system3 article .licenselist ul .l14 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_14.jpg");
	
}
main .system3 article .licenselist ul .l15 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_15.jpg");
	
}
main .system3 article .licenselist ul .l16 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_16.jpg");
	
}
main .system3 article .licenselist ul .l17 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_17.jpg");
	
}
main .system3 article .licenselist ul .l18 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_18.jpg");
	
}

main .system3 article .licenselist ul .l19 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_19.jpg");
	
}

main .system3 article .licenselist ul .l20 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_20.jpg");
	
}
main .system3 article .licenselist ul .l21 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_21.jpg");
	
}


main .system3 article .licensepass {
	margin:80px auto 30px auto;
}

main .system3 article .licensepass h5 {
	height:26px;
	width:100%;
	margin:0px auto;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    font-family: "Hiragino Sans";
}

main .system3 article .licensepass figure {
		background-image: url("../image2020/pc/01_4_03high_performance/2025_licensepass_table.png");
	background-size: 490px;
	background-repeat: no-repeat;
	width:490px;
	height:664px;
	margin:10px auto;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
}

main .system3 article .system3graphic2 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_image_2.png");
	background-size: 700px;
	background-repeat: no-repeat;
	width:700px;
	height:224px;
	margin:80px auto;
}

/* ======================== スマートフォン ================================================ */

@media screen and (max-width:800px){
	
	
	
	main .system3 h4 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_title.jpg");
		background-size: 289px;
		width:289px;
		height:33px;
		margin:30px auto;
		position: relative;
	}


	main .system3 .systemgraphic {
		background-image:url("../image2020/sp/01_4_03high_performance/system_3_graphic.png");
		background-size:100%;
		background-repeat: no-repeat;
		height:0px;
		width:100%;
		padding-top:70%;
		margin:0px auto;
		z-index: 100;
		position: relative;
	}
	
	main .system3 article {
		margin-top:-220px;
		padding-top:220px;
		z-index: 1;
		position: relative;
	}

	main .system3 article .subtitle {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_subtitle.png");
		background-size: 171px;
		height:44px;
		width:171px;
		position: relative;
		margin-top:-40px;
		margin-bottom:0px;
	}

	main .system3 article p {	
		font-size:12pt;
		line-height: 20pt;
		width:90%;
		margin:30px auto 0px auto;
	}
	
	main .system3 article aside {
		font-size:10pt;
		width:90%;
		margin:10px auto 0px auto;

	}
	
	main .system3 article aside br {
		display: inline-block;
	}



	main .system3 article .system3graphic1 {
		display: block;
		background-image: url("../image2020/pc/01_4_03high_performance/system_3_image_1.png");
		background-size: 100%;
		background-repeat: no-repeat;
		width:100%;
		height:0px;
		padding-top:32%;
		margin:15px auto 0px auto;
	}

	main .system3 article .license20 {
		width:360px;
		height: auto;
		margin:60px auto 60px auto;
		background-image: none;
		display: block;
	}

	main .system3 article .license20 h5 {
		background-image: url("../image2020/pc/01_4_03high_performance/system_3_subtitle_2_sp.svg");
		background-size: 235px;
		width:235px;
		height:50px;
		margin:0px auto 30px auto;
        background-repeat: no-repeat;
	}
	
	main .system3 article .license20 .back_girl {
display: block;
float: right;
width: 155px;
height: auto;
margin-right: -20px;
margin-top: -45px;
background-image: none;
}

main .system3 article .license20 p {
		width:360px;
		margin:0px auto;
		display: inline;
		line-height:33px;
		letter-spacing: -0.9px;
		text-align: justify;
        text-justify: inter-ideograph;
	}


	main .system3 article .point {
		width:100%;
		margin:30px auto;
		position: relative;
	}

	main .system3 article .point h5 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_point_title.png");
		background-size: 86px;
		background-repeat: no-repeat;
		height:42px;
		width:86px;
		margin:0px auto;
	}

	main .system3 article .point ul {
		list-style: none;
		border:1px solid #5c5c69;
		background-color: #ffffff;
		padding:20px 20px 10px 20px;
		width:70%;
		margin:0px auto;
	}

	main .system3 article .point li {
		background-image: url("../image2020/pc/01_4_03high_performance/system_3_list_mark.jpg");
		background-size: 14px;
		background-repeat: no-repeat;
		background-position: left 6px;
		padding-left:18px;
		font-size:12pt;
		margin-bottom:8px;
	}

	main .system3 article .licenselist {
		margin:80px auto 60px auto;
		width:100%;

	}
	main .system3 article .licenselist h5 {
	background-image: url("../image2020/pc/02_achie/24_licenses.svg");
		background-size: 177px;
		background-repeat: no-repeat;
		height:32px;
		width:177px;
		margin:0px auto 20px auto;
	}

	main .system3 article .licenselist ul {
		list-style: none;
		width:100%;
		magin:0px auto 0px auto;
    padding-left: 0px;
	}

	main .system3 article .licenselist ul li {
		display:block;
		background-size:158px;
		background-repeat: no-repeat;
		width:158px;
		height:48px;
		margin:5px;
	}


/*
	main .system3 article .licenselist ul .l01 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_01.png");

	}

	main .system3 article .licenselist ul .l02 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_02.png");

	}

	main .system3 article .licenselist ul .l03 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_03.png");

	}
	main .system3 article .licenselist ul .l04 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_04.png");

	}

	main .system3 article .licenselist ul .l05 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_05.png");

	}
	main .system3 article .licenselist ul .l06 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_06.png");

	}
	main .system3 article .licenselist ul .l07 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_07.png");

	}

	main .system3 article .licenselist ul .l08 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_08.png");

	}

	main .system3 article .licenselist ul .l09 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_09.png");

	}
	main .system3 article .licenselist ul .l10 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_10.png");

	}
	main .system3 article .licenselist ul .l11 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_11.png");

	}
	main .system3 article .licenselist ul .l12 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_12.png");

	}

	main .system3 article .licenselist ul .l13 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_13.png");

	}

	main .system3 article .licenselist ul .l14 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_14.png");

	}
	main .system3 article .licenselist ul .l15 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_15.png");

	}
	main .system3 article .licenselist ul .l16 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_16.png");

	}
	main .system3 article .licenselist ul .l17 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_17.png");

	}
	main .system3 article .licenselist ul .l18 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_18.png");

	}

	main .system3 article .licenselist ul .l19 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_19.png");

	}

	main .system3 article .licenselist ul .l20 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_3_license_20.png");

	}
		main .system3 article .licenselist ul .l21 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_3_license_21.png");

	}
*/


	main .system3 article .licensepass {
		margin:40px auto 30px auto;
	}

	main .system3 article .licensepass h5 {
		height:25px;
    text-align: center;
    font-size: 21px;
    font-weight: 600;
    font-family: "Hiragino Sans";
	}

	main .system3 article .licensepass figure {
		background-size: 323px;
		background-repeat: no-repeat;
		width:323px;
		height:460px;
		margin:10px auto;
	}

	main .system3 article .system3graphic2 {
		background-image: url("../image2020/pc/01_4_03high_performance/system_3_image_2.png");
		background-size: 100%;
		background-repeat: no-repeat;
		width:100%;
		height:0px;
		padding-top:35%;
		margin:40px auto;
	}



}