@charset "UTF-8";

/* .mainimg */
.mainimg {
	background:url(../images/salespoint/bg_mainimg.jpg) no-repeat center center;
	background-size:cover;
}

/* .managementArea */
.managementArea {
	background:none;
}

/* .meritArea */
.meritArea {
	padding:4.8% 0;
	overflow:hidden;
}
.meritArea.corBg {
	background:#eaf1e9;
}
.meritArea.contract {
	padding-bottom:2.6%;
}
.meritArea .ttl01 {
	color:#00683d;
	padding:1% 0 1% 8.5%;
	margin-bottom:2.3%;
}
.meritArea .ttl01.bg01 {
	background:url(../images/salespoint/ico01.png) no-repeat left center;
	background-size:6% auto;
}
.meritArea .ttl01.bg02 {
	background:url(../images/salespoint/ico02.png) no-repeat left center;
	background-size:6% auto;
}
.meritArea .ttl01.bg03 {
	background:url(../images/salespoint/ico03.png) no-repeat left center;
	background-size:6% auto;
}
.meritArea .ttl01.bg04 {
	background:url(../images/salespoint/ico04.png) no-repeat left center;
	background-size:6% auto;
}
.meritArea .ttl01.bg05 {
	background:url(../images/salespoint/ico05.png) no-repeat left center;
	background-size:6% auto;
}
.meritArea .ttl01.bg06 {
	background:url(../images/salespoint/ico06.png) no-repeat left center;
	background-size:6% auto;
}
.meritArea .ttl01.bg07 {
	background:url(../images/salespoint/ico07.png) no-repeat left center;
	background-size:6% auto;
}
.meritArea .ttl01.bg08 {
	background:url(../images/salespoint/ico08.png) no-repeat left center;
	background-size:6% auto;
}
.meritArea .cont01 {
	width:100%;
	clear:both;
}
.meritArea .cont01 .img01 {
	width:48%;
	float:right;
	padding:0.2% 0 3% 4%;
}
.meritArea .txt01 {
	background:#ec6c00;
	text-align:center;
	color:#fefefe;
	padding:0.7% 0 0.5%;
	font-weight:bold;
	margin-bottom:7%;
}
.meritArea .txt02 {
	padding:6.5% 0 2.8%;
	line-height:1.6;
}
.meritArea .cont02 {
	padding-bottom:4.5%;
}
.meritArea .cont02 .img01 {
	width:22%;
	float:left;
}
.meritArea .cont02 div {
	width:72.5%;
	border:#221814 2px solid;
	box-sizing:border-box;
	float:right;
	border-radius:15px;
	background:#fefefe;
	margin:0.4% 0 0;
}
.meritArea .cont02 ul {
	background:url(../images/salespoint/ico_arrow.png) no-repeat left 30%;
	background-size:4.8% auto;
	padding:1.8% 2% 1.8% 7%;
	margin-left:-5%;
}
.meritArea .cont02 ul li {
	display:inline-block;
	background:#edebea;
	border-radius:8px;
	margin:0.8% 0 0.8% 0.5%;
	min-width:28.1%;
	text-align:center;
	font-weight:bold;
	padding:1.4% 2%;
}
.meritArea .cont02 ul li.wid {
	min-width:23%;
}
.meritArea .listMerit {
	margin:0 -3%;
	padding-bottom:3.8%;
}
.meritArea .listMerit li {
	width:27.33%;
	float:left;
	padding:0 3% 3%;
}
.meritArea .listMerit li .tit {
	font-weight:bold;
}
.meritArea .listMerit li .txt {
	padding:5.5% 0 8.8%;
	line-height:1.6;
}
.meritArea .img {
	width:52%;
	margin:0 auto;
	padding-bottom:6.6%;
}
.meritArea .img2 {
	padding-bottom:4%;
}
.meritArea .txt03 {
	text-align:center;
	color:#e50011;
	font-weight:bold;
	margin-top:-3.5%;
	padding-bottom:1.8%;
}
.meritArea .listTxt li {
	width:48.5%;
	text-align:center;
	border:#221814 2px solid;
	box-sizing:border-box;
	font-weight:bold;
	padding:0.6%;
}
.meritArea .method01 {
	width:100%;
	clear:both;
	padding-bottom:1%;
}
.meritArea .method01 li {
	width:48%;
	padding-bottom:3%;
}
.meritArea .method02 li:last-child {
	background:none;
}
.meritArea .method02 {
	padding:0.4% 0;
}
.meritArea .method02 li {
	background:url(../common/images/ln01.png) repeat-x left bottom;
	background-size:auto 6.8%;
	padding:2.65% 0;
}
.meritArea .listContract li {
	padding-bottom:2%;
}
.meritArea .listContract li:last-child {
	padding-bottom:1%;
}
.meritArea .method03 {
	margin:0 -2.4%;
	padding-top:1%;
}
.meritArea .method03 li {
	width:28.53%;
	float:left;
	position:relative;
	margin:0 2.4% 0.6%;
}
.meritArea .method03 li span {
	width:100%;
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	text-align:center;
	background:rgba(34,24,20,0.70);
	color:#fff;
	padding:2px 0;
}
.meritArea .img3 {
	width:78%;
	margin:-1% auto 0;
	padding-bottom:7.5%;
}
.meritArea .botBtn {
	padding:0 0 3.5%;
}
.meritArea .botBtn a {
	background:#fff;
}

@media only screen and (min-width:1px) and (max-width:680px){
.meritArea .ttl01 {
	padding-top:1.8%;
}
.meritArea .cont01 {
	padding-bottom:3%;
}
.meritArea .cont01 .img01 {
	width:100%;
	float:none;
	padding:0.2% 0 3%;
}
.meritArea .txt01 {
	padding:1.5% 2%;
}
.meritArea .cont02 .img01 {
	width:34.375%;
	float:none;
	margin:0 auto 8%;
}
.meritArea .cont02 div {
	width:86%;
	margin:0 auto;
	float:none;
	border-width:1px;
}
.meritArea .cont02 div ul {
	background:url(../images/salespoint/ico_arrow_sp.png) no-repeat center top;
	background-size:6% auto;
	padding:8% 2% 2%;
	margin:-6% 0 0 0;
}
.meritArea .cont02 ul li {
	padding:1.5% 4%;
}
.meritArea .listMerit li {
	width:44%;
}
.meritArea .img {
	width:81.25%;
}
.meritArea .listTxt li {
	width:100%;
	float:none!important;
	display:block;
	margin-top:2%;
}
.meritArea .method01.spList li {
	display:block;
	width:100%;
	float:none!important;
}
.meritArea .method03 {
	margin:0 -3%;
	padding:0;
}
.meritArea .method03 li {
	width:44%;
	margin:6px 3%;
}
.meritArea .img3 {
	width:100%;
	margin:0;
}
}