@charset "UTF-8";
/* ハイパフォーマンスシステム 実践・体験システム*/

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


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


main .system5 article {
	background-color: rgba(203, 125, 176, 0.05);
	margin-top:-240px;
	padding-top:240px;
	padding-bottom:30px;
	z-index: 1;
	position: relative;
}

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

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

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

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

main .system5 article .system5graphic1 {
	display: block;
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_image_1.png");
	background-size: 700px;
	background-position: top center;
	width:700px;
	height:226px;
	margin:30px auto 60px auto;
}



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

main .system5 article .point h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_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 .system5 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 .system5 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 .system5 article .event {
	margin-bottom: 60px;
}
main .system5 article .event ul {
	list-style: none;
	width:760px;
	margin:0px auto 0px auto;
	
	overflow: hidden;
}

main .system5 article .event 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;
	float:left;
}

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

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

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

main .system5 article .event ul .hps101 figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_1_image.jpg");
	height:267px;
}



main .system5 article .event ul .hps101 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_1_title.jpg");
	background-size:296px;
}

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

figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_2_image.png");
	height:267px;
}


main .system5 article .event ul .hps102 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_2_title.jpg");
	background-size:264px;
}

main .system5 article .event ul .hps103 figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_3_image.jpg");
	height:267px;
}


main .system5 article .event ul .hps103 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_3_title.jpg");
	background-size:252px;
}


main .system5 article .event ul .hps104 figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_4_image.jpg");
	height:120px;
}


main .system5 article .event ul .hps104 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_4_title.jpg");
	background-size:248px;
}


main .system5 article .event ul .hps105 {
	position: relative;
	margin-left:-730px;
	margin-top:460px;
	margin-bottom:80px;
}


main .system5 article .event ul .hps105 figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_5_image.jpg");
	height:148px;
}


main .system5 article .event ul .hps105 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_5_title.jpg");
	background-size:258px;
}

main .system5 article .event ul .hps106 figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_6_image.jpg");
	height:120px;
}


main .system5 article .event ul .hps106 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_5_6_title.jpg");
	background-size:280px;
	height:37px;
}


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

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


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

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

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

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



	main .system5 article .system5graphic1 {
		display: block;
		background-image: url("../image2020/sp/01_4_03high_performance/system_5_image_1.png");
		background-size: 100%;
		background-repeat: no-repeat;
		width:100%;
		height:0px;
		padding-top:32%;
		margin:20px auto 0px auto;
	}



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

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

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

	main .system5 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 .system5 article .point ul .brno br {
		display: none;
	}
	main .system5 article .point ul .bron br {
		display:inline-block;
	}



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

	main .system5 article .event 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 .system5 article .event ul h5 {
		background-position: top center;
		background-repeat: no-repeat;
		text-indent: 110%;
		overflow: hidden;
		white-space: nowrap;
		margin-top:20px;
	}

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

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

	main .system5 article .event ul .hps101 figure {
		background-image: url("../image2020/sp/01_4_03high_performance/system_5_1_image.jpg");
		height:240px;
	}
	
	main .system5 article .event ul .hps101 h5 {
	background-image: url("../image2020/sp/01_4_03high_performance/system_5_1_title.jpg");
		background-size:240px;
		height: 17px;
	}

	main .system5 article .event ul .hps102 {
		height:auto;
	}
	main .system5 article .event ul .hps102 figure {
		background-image: url("../image2020/sp/01_4_03high_performance/system_5_2_image.png");
		height:240px;
		position: relative;
	}
	
	main .system5 article .event ul .hps102 h5 {
	background-image: url("../image2020/sp/01_4_03high_performance/system_5_2_title.jpg");
		background-size:236px;
		height: 17px;
	}
	
	main .system5 article .event ul .hps103 figure {
		background-image: url("../image2020/sp/01_4_03high_performance/system_5_3_image.jpg");
		height:239px;
		position: relative;
	}
	
	main .system5 article .event ul .hps103 h5 {
	background-image: url("../image2020/sp/01_4_03high_performance/system_5_3_title.jpg");
		background-size:227px;
		height: 17px;
	}
	
	main .system5 article .event ul .hps104 figure {
		background-image: url("../image2020/sp/01_4_03high_performance/system_5_4_image.jpg");
		height:109px;
	}
	
	main .system5 article .event ul .hps104 h5 {
	background-image: url("../image2020/sp/01_4_03high_performance/system_5_4_title.jpg");
		background-size:223px;
		height: 37px;
	}
	
	main .system5 article .event ul .hps105 {
		margin:30px auto 30px auto;
	}
	
	main .system5 article .event ul .hps105 figure {
		background-image: url("../image2020/sp/01_4_03high_performance/system_5_5_image.jpg");
		height:116px;
	}
	
	main .system5 article .event ul .hps105 h5 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_5_5_title.jpg");
		background-size:232px;
		height: 17px;
	}
	
	main .system5 article .event ul .hps106 figure {
		background-image: url("../image2020/sp/01_4_03high_performance/system_5_6_image.jpg");
		height:109px;
	}
	
	main .system5 article .event ul .hps106 h5 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_5_6_title.jpg");
		background-size:252px;
		height: 37px;
	}
}