#header-bg {
	background-image: url(images/headerimg.jpg);
}

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

div.service ul.service-point {
	width: 46%;
	display: table;
	display: inline-block;
	margin: 0px auto;
	padding: 14px;
	text-decoration: none;
	vertical-align: top;
}

ul.service-point li {
	background-color: #ecdcbd;
	background-position: center top;
	background-repeat: no-repeat;
	display: table-cell;
	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: 46%;
 height: 750px;
}

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);
}

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

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-list-sp {
	display: none;
}

ul.service-list li {
	display: block;
	margin: 20px 0px;
	background-color: white;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 0px 20px 55%;
	text-decoration: none;
}

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

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

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

ul.service-list li span.text {
	display: block;
	padding: 20px 90px 20px 0px; 
	text-align: justify;
}

ul.service-list li span.text strong {
	display: block;
	padding-bottom: 15px;
}

ul.service-list li span.text span {
	line-height: 2em;
}

ul.flow li {
	background-color: white;
	border: 2px solid #daba7e;
	margin: 20px auto;
}

ul.flow li span.step {
	background-color: #daba7e;
	color: #473514;
	display: table-cell;
	font-size: 20px;
	margin: 0px auto;
	padding: 40px 30px;
	vertical-align: middle;
	width: 30%;
}

ul.flow li h3 em {
	display: block;
	font-size: 20px;
	font-style: normal;
}

ul.flow li h3 span {
	font-size: 15px;
	padding-right: 2px;
}

ul.flow span.text {
	display: table-cell;
	padding: 0px 30px;
	vertical-align: middle;
	width: 100%;
}

ul.flow span a {
	display: inline-block;
	font-size: 13px;
	margin-top: 10px;
	padding: 10px  65px 10px 30px;
}