@charset "UTF-8";
/* ----------------------------------------------
wrapper
----------------------------------------------*/
#wrapper {
	margin-top: 16px;
}
#service {
	width: 921px;
	margin-left: 19px;
	background-image: url(../img/service-back.gif);
	background-position: 0px 30px;
	background-repeat: repeat-y;
}
#service2 {
	width: 921px;
	background-image: url(../img/service-end.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
}
#serviceLeft {
	width: 441px;
	float: left;
	position: relative;
}
#serviceRight {
	width: 441px;
	float: right;
}
#service h2 {
	padding-bottom: 24px;
}
#service h2 img {
	vertical-align: top;
}
#service ul {
	width: 400px;
	display: block;
	padding-left: 30px;
	list-style-type: none;
}
#service li {
	display: block;
	padding-left: 12px;
	padding-bottom: 13px;
	font-size: 115%;
	line-height: 140%;
	background-image: url(../img/service-list.gif);
	background-position: 0px 7px;
	background-repeat: no-repeat;
}
ul#list01 {
	width: 215px;
	float: left;
}
ul#list02 {
	width: 190px;
	float: left;
	padding-left: 0px;
}

#kyouseigata {
    position: absolute;
    bottom: -15px;
    left: 30px;
}
@media screen and (max-width: 767px) {
	#service {
		width: auto;
		margin: 0 10px;
		background-image: none;
	}
	#service2 {
		width: auto;
		background-image: none;
	}
	#service2 > [id^="service"] {
		max-width: 441px;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		float: none;
		background-image: url(../img/service-end.png), url(../img/service-back.png);
		background-repeat: no-repeat, repeat-y;
		background-position: center bottom;
		background-size: 100% auto;
	}
	#serviceRight {
		margin-top: 30px;
	}
	#service h2 {
		padding-bottom: 10px;
	}
	#service ul {
		width: auto;
		padding: 0 10px;
	}
	#service li {
		background-position: 5px 7px;
		padding-left: 17px;
		font-size: 100%;
		line-height: 1.4;
	}
	ul#list01 {
		width: calc(55% - 15px);
		padding-right: 5px;
	}
	ul#list02 {
		width: calc(45% - 10px);
		padding-left: 0;
	}
	#list02 li {
		background-position: 0 7px;
		padding-left: 12px;
	}
	#kyouseigata {
		position: static;
		clear: both;
		font-size: 92.4%;
		padding: 0 10px 15px;
	}
}