@charset "UTF-8";
/* ハイパフォーマンスシステム マナー・礼法徹底システム*/

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


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


main .system4 article {
	background-color: rgba(245, 172, 60, 0.05);
	margin-top:-240px;
	padding-top:240px;
	padding-bottom:30px;
	z-index: 1;
	position: relative;
}

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

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

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

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

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



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

main .system4 article .point h5 {
	background-image: url("../image2020/pc/01_4_03high_performance/system_4_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 .system4 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 .system4 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 .system4 article .event {
	margin-bottom: 60px;
}
main .system4 article .event ul {
	list-style: none;
	width:760px;
	margin:0px auto 0px auto;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

main .system4 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;
}

main .system4 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 .system4 article .event ul p {
	width:295px;
	margin:15px auto 10px auto;
	font-size:10pt;
	line-height: 16pt;
}

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

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



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

main .system4 article .event ul .hps102 {
}

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


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



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

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



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

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


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

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

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

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



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



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

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

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

	main .system4 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 .system4 article .event ul {
		list-style: none;
		width:100%;
		margin:0px auto;
		display: block;
		flex: none;
	}

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

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

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

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



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

	
	main .system4 article .event ul .hps103,
	main .system4 article .event ul .hps104 {
		padding-top:1px;
	}
}