h2.img-sp {
	background: url(../images/h2_img.gif) no-repeat left  top 100px;
	padding-bottom: 30px;
	font-size: 30px;
	text-align: left;
}

div.service {
	width: 100%;
	margin: 0px auto;
}

div.service ul.service-point {
	width: 100%;
	margin: 0px auto;
	display: inline-block;
}

div.service ul.service-point h3 {
	padding-top: 10px;
}

div.service ul.service-point {
	display: block;
	margin: 0px auto;
	padding: 10px 0px; 
	text-decoration: none;
	vertical-align: top;
}

ul.service-point li {
	display: block;
	padding: 28px 0px;
	margin: 0px auto;
}

ul.service-point li.media,
ul.service-point li.oem,
ul.service-point li.busicon,
ul.service-point li.organic {
 border-radius: 30px 0px;
 width: 100%;
 height: auto;
}

ul.service-point li.oem {
	background-image: url(images/point_oem.jpg);
}

ul.service-point li.busicon {
	background-image: url(images/point_busicon.jpg);
}

ul.service-point li.organic {
	background-image: url(images/point_organic.jpg);
}

ul.service-point li.media {
	background-image: url(images/point_media.jpg);
}

ul.service-point li span.text {
	display: block;
	padding: 150px 30px 20px 30px;
}

ul.service-point li span.text strong {
	border-bottom: 1px solid #ba8c36;
	border-top: 1px solid #ba8c36;
	display: block;
	margin: 10px 0px;
	padding: 10px 0px;
	text-align: center;
}

ul.service-point li ul.list{
	border-top: none;
	padding-bottom: 10px;
}

ul.service-point li ul.list li {
	background: url(../images/ul_list_li.svg) no-repeat 9px 12px;
	background-size: 8px;
	border-bottom: none;
	display: block;
	padding: 6px 0px 6px 24px;
}

ul.service-point li span.works {
	display: inline-block;
	padding: 10px 10px;
}

ul.service-point li span.text a.link-btn {
	display: inline-block;
	font-size: 13px;
	margin-top: 20px;
	padding: 10px  65px 10px 30px;
	background-color: #ecdcbd;
	border: 1px solid black;
}

ul.service-point li span.text a:hover.link-btn  {
	background: black url(../images/link_btn_wh.svg) no-repeat right 20px center;
	background-size: 30px;
   color: white;	
}

ul.service-point li {
	background-color: #ecdcbd;
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	padding: 28px 0px;
}

ul.service-point li.media,
ul.service-point li.oem,
ul.service-point li.busicon,
ul.service-point li.organic {
 border-radius: 30px 0px;
 width: 100%;
 height: auto;
}

ul.service-list li {
	display: block;
	margin: 10px 0px;
	background-color: #f1f1f1;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100%;
	padding: 0px 0px 20px 0px;
	text-decoration: none;
}

ul.service-list li.stylist {
	background-image: url(images/service_stylist_sp.jpg);
}

ul.service-list li.company {
	background-image: url(images/service_company_sp.jpg);
}

ul.service-list li.mens {
	background-image: url(images/service_mens_sp.jpg);
}

ul.service-list li span.text {
	padding: 230px 20px 20px 20px; 
}

ul.flow li {
	margin: 20px auto;
}

ul.flow li span.step {
	display: block;
	margin: 0px auto;
	padding: 10px 0px;
	width: 100%;

}

ul.flow li h3 em {
	display: inline-block;
	padding: 0px 10px;
}


ul.flow span.text {
	display: block;
	padding: 20px 20px;
	margin: 0px auto;
	width: 88%;
}

ul.flow span a {
	display: block;
	width: auto;
	padding: 10px  25px 10px 20px;
}