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

#system01,
#system02,
#system03,
#system04,
#system05 {
display: block;
padding-top: 150px;
margin-top: -150px;
}


main .abouthpsystem {
	width:985px;
	margin:0px auto;
}
main .abouthpsystem h2 {
	display: block;
	width:502px;
	height:31px;
	margin:0px auto;
	background-image: url("../image2020/pc/01_4_03high_performance/h2_high_performance.png");
	background-repeat: no-repeat;
	background-size: 502px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
}

main .abouthpsystem p {
	margin-top:40px;
	font-size:22pt;
	text-align: center;
	
}

main .abouthpsystem p br {
	display: none;
}

main .abouthpsystem figure {
	width:819px;
	height:288px;
	background-image: url("../image2020/pc/01_4_03high_performance/high_performance_title_image.jpg");
	background-repeat: no-repeat;
	background-size: 819px;
	background-position: center top;
	margin:30px auto 0px auto;
}

main .hpsystem {
	margin-top:60px;
	margin-bottom:100px;
}

main .hpsystem h3 {
	background-image:url("../image2020/pc/01_4_03high_performance/title_about5system.jpg");
	background-repeat: no-repeat;
	background-size: 314px;
	width:314px;
	height:63px;
	text-indent: 110%;
	overflow: hidden;
	white-space: nowrap;
	margin:0px auto;
}

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

main .system1 h4 {
background-image: url("../image2020/pc/01_4_03high_performance/system_1_title.jpg");
background-size: 432px;
width:432px;
height:45px;
text-indent: 110%;
overflow: hidden;
white-space: nowrap;
margin:30px auto;
position: relative;
}


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


main .system1 article {
	background-color: rgba(0, 128, 188, 0.05);
	margin-top:-180px;
	padding-top:180px;
	padding-bottom:30px;
	z-index: 1;
	position: relative;
}

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

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

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

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

main .system1 article ul {
	list-style: none;
	width:760px;
	margin:0px auto 0px auto;
	/*
	display: flex;
	flex-wrap: wrap;
	*/
}

main .system1 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;
	float:left;
}

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

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

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

main .system1 article ul .hps101 {
	height:440px;
	text-align: justify;
	display: block;
	width:326px;
	background-color: #ffffff;
	box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);
	margin:20px 25px;
	
}
main .system1 article ul .hps101 figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_1_1_image.jpg");
	height:267px;
}



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

main .system1 article ul .hps102 {
	height:440px;
	text-align: justify;
	display: block;
	width:326px;
	background-color: #ffffff;
	box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);
	margin:20px 25px;
}

main .system1 article ul .hps102 figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_1_2_image.jpg");
	height:306px;
	position: relative;
	z-index: 10;
}


main .system1 article ul .hps102 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_1_2_title.jpg");
	background-size:93px;
	margin-top:-10px;
	position: relative;
	z-index: 35;
}

main .system1 article ul .hps103 {
	display: block;
	width:326px;
	background-color: #ffffff;
	box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);
	margin:20px 25px;
    text-align: justify;
	}
	
main .system1 article ul .hps103 figure {
	background-image: url("../image2020/pc/01_4_03high_performance/system_1_3_image.jpg");
	height:266px;
}



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

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

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

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

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

main .system1 article ul .hps106 {
	display: block;
	width:326px;
	background-color: #ffffff;
	box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);
	margin:-100px 25px 20px 25px;
    text-align: justify;
}


main .system1 article ul .hps106 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_1_6_title.jpg");
	background-size:119px;
}

main .system1 article ul .hps107{
	display: block;
	width:326px;
	background-color: #ffffff;
	box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);
	margin:20px 25px;
    text-align: justify;
}


main .system1 article ul .hps107 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_1_7_title.jpg");
	background-size:220px;
}

main .system1 article ul .hps108 {
	display: block;
	width:326px;
	background-color: #ffffff;
	box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);
	margin:-100px 25px 20px 25px;
    text-align: justify;
}

main .system1 article ul .hps108 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_1_8_title.jpg");
	background-size:75px;
}

main .system1 article ul .hps109 {
	display: block;
	width:326px;
	background-color: #ffffff;
	box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3);
	margin:20px 25px;
	clear: both;
    text-align: justify;
}


main .system1 article ul .hps109 h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_1_9_title.jpg");
	background-size:75px;
}

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

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


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

@media screen and (max-width:800px){
	
	
	main .abouthpsystem {
		width:100%;
		margin:0px auto;
		
	}
	main .abouthpsystem h2 {
      display: block;
      width:70%;
      height:0px;
		padding-top:15%;
      margin:0px auto;
      background-image: url("../image2020/sp/01_4_03high_performance/h2_high_performance.png");
      background-size: 100%;
  }
	
	main .abouthpsystem p {
}
	
	main .abouthpsystem p br {
		display: inline-block;
	}
	
	main .abouthpsystem figure {
		width:100%;
		height:0px;
		padding-top:60%;
		background-image: url("../image2020/sp/01_4_03high_performance/high_performance_title_image.jpg");
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center 70%;
		margin-top:0px;
	}
	
	
	main .hpsystem {
		margin-top:60px;
		margin-bottom:100px;
	}

	main .hpsystem h3 {
		background-image:url("../image2020/sp/01_4_03high_performance/title_about5system.jpg");
		background-repeat: no-repeat;
		background-size: 221px;
		width:221px;
		height:38px;
		margin:0px auto;
	}

	main .hpsystem p {
		font-size:12pt;
		line-height: 20pt;
		width:90%;
		margin:30px auto;
	}
	
	main .system1 h4 {
		background-image: url("../image2020/sp/01_4_03high_performance/system_1_title.jpg");
		background-size: 315px;
		width:315px;
		height:33px;
		margin:30px auto;
		position: relative;
	}


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

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

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

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


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

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

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

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

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

	

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

	


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

	main .system1 article ul .hps102 {
			display: block;
		width:293px;
		margin:20px auto 30px auto;
	}


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

	

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

	
	main .system1 article ul .hps101,
	main .system1 article ul .hps102,
	main .system1 article ul .hps103,
	main .system1 article ul .hps104,
	main .system1 article ul .hps105,
	main .system1 article ul .hps106,
	main .system1 article ul .hps107,
	main .system1 article ul .hps108,
	main .system1 article ul .hps109 {
		display: block;
		width:293px;
		margin:20px auto 30px auto;
        text-align: justify;
	}


	main .system1 article ul .hps106,
	main .system1 article ul .hps107,
	main .system1 article ul .hps108,
	main .system1 article ul .hps109 {
		padding-top:1px;
	}
	

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


}