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

/* headline */
#headline {
	background-image: url(../img/headline/bg_headline_sp.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	width: 100%;
	height: 0;
	padding-top: 200%;
	position: relative;
}
#headline .inner {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
} 



#headline .inner .hl {
	width: 88.800%;
	position: absolute;
	left: 6.400%;
	top: 4.20%;
}
#headline .inner #hl_list3 {
	width: 84.267%;
	position: absolute;
	left: 8.000%;
	top: 57.53%;
}
#headline .inner #hl_contact {
	width: 92.800%;
	position: absolute;
	left: 4.667%;
	top: 75.67%;
}
#headline .inner #hl_markeup {
	width: 43.200%;
	position: absolute;
	left: 28.667%;
	top: 85.20%;
}


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


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



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

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



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

/* headline */
#headline {
	background-image: url(../img/headline/bg_headline.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	width: 100%;
	height: 0;
	padding-top: 65.28%;
	position: relative;
	
}
#headline .inner {
	height: 100%;
} 
#headline .inner .hl {
	width: 95.283%;
	position: absolute;
	left: 1.887%;
	top: 8.150%;
}
#headline .inner #hl_list3 {
	width: 40.472%;
	position: absolute;
	left: 6.509%;
	top: 72.688%;
}
#headline .inner #hl_contact {
	width: 41.132%;
	position: absolute;
	left: 56.792%;
	top: 72.832%;
}
#headline .inner #hl_markeup {
	width: 18.868%;
	position: absolute;
	left: 67.925%;
	top: 85.797%;
}

	@media (-webkit-min-device-pixel-ratio: 2){
		

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

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



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


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



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

/* headline */



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

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

/* headline */
#headline {
	background-image: url(../img/headline/bg_headline.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	width: 100%;
	height: 690px;
	padding-top: 0;
}
#headline .inner {
	height: 690px;
	max-width: 1060px;
	padding: 0 20px;
	margin: 0 auto;
	*zoom: 1;
	position: relative;
} 
#headline .inner .hl {
	width: 98.971%;
	position: absolute;
	left: 0;
	top: 6.246%;
}
#headline .inner #hl_list3 {
	width: 41.961%;
	position: absolute;
	left: 4.804%;
	top: 72.754%;
}
#headline .inner #hl_contact {
	width: 43.725%;
	position: absolute;
	left: 56.863%;
	top: 72.464%;
}
#headline .inner #hl_markeup {
	width: 19.559%;
	position: absolute;
	left: 68.627%;
	top: 85.797%;
}






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