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

/* headline */
#headline {
	background-image: url(../img/headline/bg_headline_sp.jpg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#headline .inner {
	inline-size: 100%;
	block-size: 0;
	padding-top: 143.07%;
	position: relative;
}
#headline .hl {
	inline-size: 74.133%;
	position: absolute;
	inset: 2.24% auto auto 4.667%;
}
#headline #hl_point {
	inline-size: 92.267%;
	position: absolute;
	inset: 67.19% auto auto 4.667%;
}
#headline #hl_cta {
	inline-size: 85.067%;
	position: absolute;
	inset: 88.07% auto auto 8.000%;
}
#headline #hl_img {
	inline-size: 89.333%;
	position: absolute;
	inset: auto 0 0 auto;
}






@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.jpg);
}
#headline .inner {
	inline-size: 100%;
	block-size: 0;
	padding-top: 63.33%;
}
#headline .hl {
	inline-size: 44.083%;
	inset: 16.684% auto auto 3.750%;
}
#headline #hl_point {
	inline-size: 45.917%;
	inset: 60.026% auto auto 5.167%;
}
#headline #hl_cta {
	inline-size: 46.417%;
	inset: 85.158% auto auto 4.167%;
}
#headline #hl_img {
	inline-size: 55.417%;
	inset: auto 1% 0 auto;
}



	@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: 900px) {
/* pc */



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

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

/* headline */
#headline .inner {
	inline-size: auto;
	block-size: 760px;
	padding-top: 0;
}
#headline .hl {
	inline-size: 529px;
	inset: 104px auto auto 45px;
}
#headline #hl_point {
	inline-size: 551px;
	inset: 441px auto auto 62px;
}
#headline #hl_cta {
	inline-size: 557px;
	inset: 632px auto auto 50px;
}
#headline #hl_img {
	inline-size: 665px;
	inset: auto 0 0 auto;
}


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