#page_title {
	background: url('../images/service/bg_h2.jpg') repeat-x top center;
}

#subnav {
	width: 660px;
	margin: 0 auto;
	padding: 45px 0;
}

#subnav ul {
	display: flex;
}

#subnav li {
	width: 200px;
	margin: 0 10px;
}

#subnav li a {
	display: block;
	border: 2px solid #fa7f19;
	border-radius: 35px;
	font-size: 18px;
	color: #121212;
	text-decoration: none;
	line-height: 70px;
	text-align: center;
}

#contents1 {
	background: url('../images/service/bg1.jpg') repeat-y;
	background-size: 100% auto;
	padding: 40px 0 60px;
}

#contents1 article {
	width: 1000px;
	margin: 0 auto;
}

#contents1 h3 {
	text-align: center;
	margin: 0 0 35px 0;
}

#contents1 h4 {
	text-align: center;
	margin: 0 0 45px 0;
	font-size: 36px;
	color: #097b2f;
	line-height: 1.5em;
}

#comment1 {
	padding: 100px 40px 0;
}

#comment1 .justifyleft {
	float: left;
	margin: 0 50px 0 0;
}

#contents2 {
	background: url('../images/service/bg2.jpg') no-repeat center bottom;
	background-size: 100% auto;
	padding: 100px 0;
	text-align: center;
}

#contents2 article {
	width: 900px;
	margin: 0 auto;
}

#contents2 h3 {
	text-align: center;
	margin: 0 0 35px 0;
}

#contents2 h4 {
	text-align: center;
	margin: 0 0 45px 0;
	font-size: 36px;
	color: #097b2f;
	line-height: 1.5em;
}

#contents2 h5 {
	text-align: center;
	margin: 0 0 30px 0;
	font-size: 24px;
	border-bottom: 5px solid #097b2f;
	line-height: 1.5em;
}

#box1 {
	width: 440px;
	padding: 20px;
	box-sizing: border-box;
	background: #fff9e1;
	border-radius: 10px;
	text-align: left;
	float: left;
	margin: 0 0 20px 0;
}

#box2 {
	width: 440px;
	padding: 20px;
	box-sizing: border-box;
	background: #fff9e1;
	border-radius: 10px;
	text-align: left;
	float: right;
	margin: 0 0 20px 0;
}

#box3 {
	padding: 20px;
	box-sizing: border-box;
	background: #fff9e1;
	border-radius: 10px;
	text-align: left;
	margin: 0 0 20px 0;
}

#box3 .justifyleft {
	float: left;
	margin: 0 20px 0 0;
}

#box3 .justifyright {
	float: right;
	margin: 0 0 0 20px;
}

#box4 {
	padding: 20px;
	box-sizing: border-box;
	background: #fff9e1;
	border-radius: 10px;
	text-align: left;
	margin: 0 0 20px 0;
}

#box4 ul {
	list-style: none;
	display: flex;
}

#box4 ul li {
	width: 200px;
	margin: 0 10px;
}

h6 {
	font-size: 20px;
	line-height: 58px;
	border-top: 3px solid #fa7f19;
	border-bottom: 3px solid #fa7f19;
	text-align: center !important;
	margin: 0 0 35px 0;
}

h6 img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}

#contents3 {
	background: url('../images/service/bg3.jpg') no-repeat center bottom;
	background-size: 100% auto;
	padding: 100px 0;
	text-align: center;
}

#contents3 h3 {
	text-align: center;
	margin: 0 0 35px 0;
}

#contents3 h4 {
	text-align: center;
	margin: 0 0 45px 0;
	font-size: 36px;
	color: #ec5f00;
	line-height: 1.5em;
}

#contents3 p img {
	margin: 50px 0 0 0;
}

@media screen and ( max-width:960px) {
	main article p{
		text-align:left !important;
	}
	#subnav {
		width: 100% !important;
		padding: 25px 0 !important;
	}
	h3 img {
		width: 40% !important;
		height: auto;
	}
	#contents3 h3 img {
		width: 60% !important;
		height: auto;
	}
	#subnav li {
		width: calc(100% / 3 - 20px) !important;
		margin: 0 10px;
	}
	#subnav li a {
		font-size: 14px !important;
	}
	#contents1 article {
		width: 100% !important;
		padding: 0 3% !important;
		box-sizing: border-box;
	}
	#contents1 h4 {
		margin: 0 0 25px 0 !important;
		font-size: 18px !important;
	}

	#contents1 img{
		margin:0 !important;
	}
	#comment1 {
		padding: 50px 3% !important;
	}
	#comment1 img.justifyleft {
		display: block !important;
		float: none !important;
		width: 70% !important;
		margin: 0 auto 30px !important;
	}
	#contents2 article {
		width: 100% !important;
		padding: 0 3% !important;
		box-sizing: border-box;
	}
	#contents2 h4 {
		margin: 0 0 25px 0 !important;
		font-size: 18px !important;
	}
	#contents2 h5 {
		margin: 0 0 20px 0 !important;
		font-size: 17px !important;
	}
	#box1,
	#box2,
	#box3 {
		width: 100%;
	}
	#box3 p img {
		width: 48%;
		height: auto;
		max-width: none !important;
		float: left !important;
		margin: 0 1% 10px !important;
	}
	#box3 p img.justifyright:after {
		content: "";
		clear: both;
	}
	#box4 ul {
		flex-wrap: wrap;
	}
	#box4 ul li {
		width: 48% !important;
		margin: 0 1% 10px !important;
	}
	h6 {
		font-size: 15px !important;
	}
	#contents3 h4 {
		margin: 0 0 25px 0 !important;
		font-size: 18px !important;
	}
	#contents3 article {
		text-align: left !important;
		padding: 0 3%;
	}
}