@charset "utf-8";

.service-list {
	display: table;
	width: 100%;
}
.service-list .image {
	display: table-cell;
	width: 100px;
	background: #5AACF5;
	vertical-align: middle;
}
.service-list .list {
	display: table-cell;
	background: url(../img/service_arrow.jpg) left center no-repeat;
	padding-left: 32px;
	vertical-align: middle;
}
.service-list .list li {
	background: url(../img/icon_service.jpg) left 1px no-repeat;
	padding: 0 0 0 27px;
	margin-bottom: 14px;
	font-size: 1.14em;
	line-height: 1.4;
	font-weight: bold;
	color: #338DD1;
}
.service-list .list li:last-child {
	margin-bottom: 0;
}

/*===============================================
  画面の横幅が480px以下に適用
===============================================*/
@media screen and (max-width: 480px){
	.service-list .image {
		overflow: hidden;
		width: 60px;
	}
	.service-list .image img {
		position: relative;
		left: 50%;
		max-width: 250%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.service-list .list {
		padding: 10px 0 10px 20px;
	}
	.service-list .list li {
		font-size: 1em;
	}
}