@charset "UTF-8";
/* ハイパフォーマンスシステム 就職合格システム*/

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


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


main .system2 article {
	background-color: rgba(233, 96, 129, 0.05);
	margin-top:-180px;
	padding-top:180px;
	padding-bottom:30px;
	z-index: 1;
	position: relative;
}

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

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

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

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

main .system2 article ul {
	list-style: none;
	width:760px;
	margin:0px auto 0px auto;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

main .system2 article ul li {
	display: block;
	width:326px;
	background-color: #ffffff;
	box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);
	margin:20px 25px;
	position: relative;
}

main .system2 article ul h5 {
	background-position: top center;
	background-repeat: no-repeat;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	margin-top:20px;
}

main .system2 article ul p {
	width:295px;
	margin:15px auto 10px auto;
	font-size:10pt;
	line-height: 16pt;
}

main .system2 article ul figure {
	background-repeat: no-repeat;
	background-size: 326px;
}

main .system2 article ul .hps101 figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_2_1_image.jpg");
	height:268px;
}



main .system2 article ul .hps101 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_2_1_title.jpg");
	background-size:73px;
}

main .system2 article ul .hps102 {
	height:440px;
}

main .system2 article ul .hps102 figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_2_2_image.jpg");
	height:267px;
	position: relative;
}


main .system2 article ul .hps102 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_2_2_title.jpg");
	background-size:76px;
	position: relative;
}

main .system2 article ul .hps103 figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_2_3_image.jpg");
	height:122px;
}



main .system2 article ul .hps103 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_2_3_title.jpg");
	background-size:163px;
}

main .system2 article ul .hps104 figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_2_4_image.jpg");
	height:121px;
}

main .system2 article ul .hps104 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_2_4_title.jpg");
	background-size:125px;
}

main .system2 article ul .hps105 figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_2_5_image.jpg");
	height:120px;
}

main .system2 article ul .hps105 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_2_5_title.jpg");
	background-size:130px;
}


main .system2 article nav {
	clear: both;
	width:288px;
	margin:0px auto 40px auto;
	padding-top:40px;
}
main .system2 article nav a {
	display: block;
	background-image:url("../image2020/pc/01_4_03high_performance/system_2_link_button.png");
	background-size: 288px;
	width:288px;
	height:47px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
}

main .system2 article nav a:hover {
	opacity: 0.5;
}

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

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


	main .system2 .systemgraphic {
		background-image:url("../image2020/sp/01_4_03high_performance/system_2_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 .system2 article {
		margin-top:-220px;
		padding-top:220px;
		z-index: 1;
		position: relative;
	}

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

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

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


	main .system2 article ul {
		list-style: none;
		width:100%;
		margin:0px auto;
		display: block;
		float: none;
	}

	main .system2 article ul li {
		display: block;
		width:293px;
		background-color: #ffffff;
		box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);
		margin:20px auto 30px auto;
		padding-bottom:5px;
		position: relative;
		float:none;
		
	}

	main .system2 article ul h5 {
		background-position: top center;
		background-repeat: no-repeat;
		text-indent: 110%;
		overflow: hidden;
		white-space: nowrap;
		margin-top:20px;
	}

	main .system2 article ul p {
		width:90%;
		margin:15px auto 10px auto;
		font-size:10pt;
		line-height: 16pt;
	}
	
	main .system2 article ul p br {
		display: none;
	}

	main .system2 article ul figure {
		background-repeat: no-repeat;
		background-size: 293px;
	}

	main .system2 article ul .hps101 figure {
		background-image: url("../image2020/sp/01_4_03high_performance/system_2_1_image.jpg");
		height:240px;
	}



	main .system2 article ul .hps102 figure {
		background-image: url("../image2020/sp/01_4_03high_performance/system_2_2_image.jpg");
		height:240px;
		position: relative;
		z-index: 10;
	}



	main .system2 article ul .hps103 figure {
		background-image: url("../image2020/sp/01_4_03high_performance/system_2_3_image.jpg");
		height:108px;
	}



	main .system2 article ul .hps104 figure {
		background-image: url("../image2020/sp/01_4_03high_performance/system_2_4_image.jpg");
		height:109px;
	}

	

	main .system2 article ul .hps105 figure {
		background-image: url("../image2020/sp/01_4_03high_performance/system_2_5_image.jpg");
		height:108px;
	}

	
	

	main .system2 article nav {
		width:269px;
		margin:40px auto 40px auto;
	}
	main .system2 article nav a {
		display: block;
		background-image:url("../image2020/sp/01_4_03high_performance/system_2_link_button.png");
		background-size: 269px;
		width:269px;
		height:45px;
	}


}