@charset "utf-8";
/* CSS Document */

/**********************index********************/
.csr1 {
	float:left;
	width:315px;
	padding:0 20px 10px 0;
}
.csr1 img {
	float:left;
	padding-right:10px;
}
.csr1 h3 {
	background:#d9e8d6 url(/img/base/arrow02.png) no-repeat 10px 10px;
	border:1px solid #caddc6;
	border-radius:3px;
	line-height:2em;
	padding:1px 0 0 29px;
	font-size:16px;
}
.csr1 h3:after {
	background:none;
}
.csr1>a, .csr1>a:hover, .csr1>a:active {
	text-decoration:none;
}
.csr1>a:hover>h3, .csr1>a:active>h3 {
	background:#559b54 url(/img/base/arrow02_o.png) no-repeat 10px 10px !important;
	border:1px solid #559b54;
	color:#fff !important;
}

	/* tablet */
	@media screen and (max-width: 960px) {
	.csr1 {
		width:45%;
		overflow:visible;
		}
	.csr1 img {
		width:auto;
		}
	.csr1 p {
		height:100px;
		overflow:visible;
		}
	}

	/* sp */
	@media screen and (max-width: 620px) {
	.csr1 {
 		width:100%;
		}
	}

/**********************client********************/
.csr2 {
	margin: 0 0 30px 0;
}
.csr2 h4 {
	clear: both;
	margin: 20px 0 10px;
}
.csr2 h5 {
	clear: both;
	margin: 10px 0 10px;
	font-size:14px;
}
.csr2 h5.list {
	clear: both;
	margin: 20px 0 5px;
	font-size:15px;
}
.csr2 img.pictureR {
	float:right;
	padding:0 0 20px 20px;
}

/**********************marchant********************/

section.csr2 img{
	margin: 0 0 0 10px;
}

	/* sp */
	@media screen and (max-width: 620px) {
		section.csr2 img{
			margin: 0 auto;
		}
	}