@charset "UTF-8";
#ser_mainvisual {
	height: 350px;
    background-image: url(../images/ser_mainvisual.jpg);
    background-size: cover;
	background-position: center top;
    background-repeat: no-repeat;
}
#ser_mainvisual h2 {
	color: rgba(255,255,255,0.75);
	text-shadow: 2px 2px 20px #333333;
	font-size: 2rem;
	line-height: 350px;
	position: relative;
	padding-top: 40px;
}
h2:before {
	position: absolute;
	content: 'SERVICES';
	top: -2rem;
	left: 0;
	font-size: 5rem;
	display: inline-block;
}
#services {
	padding: 100px 0;
}
#ser_contents h3 {
	color: #9f957c;
	font-size: 1.8rem;
	padding: 50px 0;
	position: relative;
}
#ser_contents h3:before {
	content: 'Services';
	position: absolute;
	top: -1.8rem;
	left: 0;
	font-size: 5rem;
	display: inline-block;
}
#ser_contents h3:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 35px;
	display: inline-block;
	width: 50px;
	height: 5px;
	background-color: #dfd7cb;
}
#services h4 {
	font-size: 2.2rem;
	margin: 50px 0 20px;
	padding-top: 50px;
	border-top: 1px solid #ccc;
}
#services h4:first-of-type {
	margin-top: 30px;
}
#services h4:last-child {
	padding-bottom: 50px;
	border-bottom: 1px solid #ccc;
}






@media screen and (min-width: 560px) and (max-width: 959px) {

#ser_mainvisual {
	height: 300px;
}
#ser_mainvisual h2 {
	font-size: 1.8rem;
	line-height: 300px;
	padding-top: 25px;
}
h2:before {
	top: -1.8rem;
	font-size: 4rem;
}
#services {
	padding-top: 50px;
}
#ser_contents h3 {
	font-size: 1.6rem;
	padding: 40px 0;
}
#ser_contents h3:before {
	top: -1.6rem;
	font-size: 4rem;
}
#ser_contents h3:after {
	bottom: 25px;
	width: 45px;
}
#services h4 {
	font-size: 2rem;
}
}





@media screen and (max-width: 559px) {

#ser_mainvisual {
	height: 250px;
}
#ser_mainvisual h2 {
	font-size: 1.7rem;
	line-height: 250px;
	padding-top: 20px;
}
h2:before {
	top: -1.7rem;
	font-size: 3rem;
}
#services {
	padding-top: 50px;
}
#ser_contents h3 {
	font-size: 1.6rem;
	padding: 25px 0 40px;
}
#ser_contents h3:before {
	top: -1.6rem;
	font-size: 2.5rem;
}
#ser_contents h3:after {
	bottom: 25px;
	width: 45px;
}
#services h4 {
	font-size: 1.8rem;
}
}