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

/* headline */

#headline #hl_bg {
	background-image: url(../img/headline/bg_headline_sp.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 100%;
}
#headline .inner {
	block-size: 550px;
	max-inline-size: 1080px;
	padding-inline: 20px;
	margin-inline: auto;
	*zoom: 1;
	position: relative;
}
#headline .inner .hl {
	inline-size: 213px;
	position: absolute;
	inset: 40px auto auto 15px;
}
#headline .inner p {
	inline-size: 62%;
	font-size: 13px;
	position: absolute;
	inset: 160px auto auto 15px;
}
#headline .inner p br.sbr {
	display: none;
}
#headline .inner #hl_features {
	inline-size: 190px;
	position: absolute;
	inset: 315px auto auto 15px;
}
#headline .inner #cta_hl {
	display: none;
}









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

/* headline */
#headline {
	background: linear-gradient(to right, #73c1fd 0%, #73c1fd 60%, #323232 60%, #323232 100%);
}
#headline .inner {
	block-size: 600px;
}
#headline .inner .hl {
	inline-size: 238px;
	inset: 50px auto auto 15px;
}
#headline .inner p {
	font-size: 14px;
	inset: 180px auto auto 15px;
}
#headline .inner #hl_features {
	inline-size: 212px;
	inset: 315px auto auto 15px;
}


/* 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 #hl_bg {
	background-image: url(../img/headline/bg_headline.png);
	background-position: 50% 50%;
	background-size: 900px;
}
#headline .inner {
	block-size: 379px;
}
#headline .inner .hl {
	inline-size: 378px;
	inset: 50px auto auto 15px;
}
#headline .inner p {
	inline-size: auto;
	font-size: 14px;
	inset: 118px auto auto 15px;
}
#headline .inner p br.sbr {
	display: inline-block;
}
#headline .inner #hl_features {
	inline-size: 393px;
	inset: 199px auto auto 15px;
}
#headline .inner #cta_hl {
	display: grid;
	grid-template-columns: 180px 180px;
	grid-template-rows: auto;
	column-gap: 20px;
	row-gap: 0;
	position: absolute;
	inset: 275px auto auto 15px;
}


	@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 */

/* headline */
#headline #hl_bg {
	background-size: 1040px;
}
#headline .inner {
	block-size: 505px;
}
#headline .inner .hl {
	inline-size: 504px;
	inset: 67px auto auto 15px;
}
#headline .inner p {
	font-size: 15px;
	inset: 159px auto auto 15px;
}
#headline .inner #hl_features {
	inline-size: 511px;
	inset: 252px auto auto 15px;
}
#headline .inner #cta_hl {
	grid-template-columns: 240px 240px;
	column-gap: 20px;
	inset: 366px auto auto 15px;
}

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



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

/* headline */
#headline #hl_bg {
	background-size: 1200px;
}
#headline .inner {
	/*block-size: 631px;*/
	block-size: 629px;
}
#headline .inner .hl {
	inline-size: 692px;
	inset: 84px auto auto 15px;
}
#headline .inner p {
	font-size: 16px;
	inset: 205px auto auto 15px;
}
#headline .inner #hl_features {
	inline-size: 639px;
	inset: 315px auto auto 15px;
}
#headline .inner #cta_hl {
	grid-template-columns: 300px 300px;
	column-gap: 30px;
	inset: 458px auto auto 15px;
}

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