@charset "UTF-8";
/* sp(320px) */

#pageService {}

#pageService #headline {
	background-image: url(../img/service/bg_headline.jpg);
}

	@media (-webkit-min-device-pixel-ratio: 2){
		#pageService #headline {
			background-image: url(../img/service/bg_headline@2x.jpg);
		}
	/* end of media query(retina) */	
	}


#pageService .hl_service .inner {
	height: 138px;
	padding-top: 45px;
}
#pageService .hl_service .inner .hl {
	display: inline-block;
	background-color: #fff;
	font-size: 18px;
	font-weight: normal;
	padding: 0.6em 0.9em 0.6em 0.5em;
}
#pageService .hl_service .inner .hl span {
	display: block;
	font-size: 15px;
}




@media handheld, print, screen and (min-width: 374px) {
/* iphone6 */


/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 413px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 481px) {
/* tablet */

#pageService .hl_service .inner {
	height: 240px;
	padding-top: 110px;
}
#pageService .hl_service .inner .hl {
	font-size: 26px;
}
#pageService .hl_service .inner .hl span {
	font-size: 22px;
}

/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 621px) {
/* iPad */


/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 801px) {
/* pc */

#pageService .hl_service .inner {
	height: 300px;
	padding-top: 140px;
}
#pageService .hl_service .inner .hl {
	font-size: 30px;
}
#pageService .hl_service .inner .hl span {
	font-size: 24px;
}

/* end of media query(pc) */
}