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

/* headline */
/* headline */
#headline {
	background-image: url(../img/headline/bg_headline_sp.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 100%;
}
#headline .inner {
	width: 100%;
	height: 0;
	padding-top: 170.67%;
	position: relative;
}
#headline .hl {
	inline-size: 79.067%;
	position: absolute;
	inset: 4.063% auto auto 8%;
}
#headline .merit {
	inline-size: 97.333%;
	position: absolute;
	inset: 68.281% auto auto 1.5%;
}
#headline a {
	inline-size: 91.067%;
	position: absolute;
	inset: 88.516% auto auto 5%;
}
#headline #woman_man {
	display: none;
	inline-size: 49.500%;
	position: absolute;
	inset: auto 0 0 auto;
}





/*#headline {
	background-image: url(../img/headline/bg_headline.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 2800px;
}
#headline .inner {
	block-size: 760px;
	position: relative;
	border: 1px solid #000;

}
#headline .hl {
	inline-size: 525px;
	position: absolute;
	inset: 106px auto auto 140px;
}
#headline .merit {
	inline-size: 546px;
	position: absolute;
	inset: 438px auto auto 140px;
}
#headline a {
	inline-size: 547px;
	position: absolute;
	inset: 633px auto auto 130px;
}
#headline #woman_man {
	inline-size: 721px;
	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_tb.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 100%;
}
#headline .inner {
	width: 100%;
	height: 0;
	padding-top: 54.29%;
	position: relative;
}
#headline .hl {
	inline-size: 35.500%;
	position: absolute;
	inset: 19.553% auto auto 10%;
}
#headline .merit {
	inline-size: 37.000%;
	position: absolute;
	inset: 60.632% auto auto 10%;
}
#headline a {
	inline-size: 37.071%;
	position: absolute;
	inset: 84.632% auto auto 10%;
}
#headline #woman_man {
	display: block;
	inline-size: 49.500%;
	position: absolute;
	inset: auto 0 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 */

#headline .hl {
	inline-size: 37.500%;
	position: absolute;
	inset: 18.553% auto auto 10%;
}
#headline .merit {
	inline-size: 39.000%;
	position: absolute;
	inset: 60.632% auto auto 10%;
}
#headline a {
	inline-size: 39.071%;
	position: absolute;
	inset: 85.632% auto auto 10%;
}
#headline #woman_man {
	inline-size: 51.500%;
	position: absolute;
	inset: auto 0 0 auto;
}

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



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

#headline .hl {
	inline-size: 37.500%;
	inset: 13.553% auto auto 10%;
}
#headline .merit {
	inline-size: 39.000%;
	inset: 57.632% auto auto 10%;
}
#headline a {
	inline-size: 39.071%;
	inset: 84.632% auto auto 10%;
}
#headline #woman_man {
	inline-size: 51.500%;
	position: absolute;
	inset: auto 0 0 auto;
}


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

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

/* headline */
#headline {
	background-image: url(../img/headline/bg_headline.png);
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 2800px;
}
#headline .inner {
	block-size: 758px;
	position: relative;
	padding-top: 0;
}
#headline .hl {
	inline-size: 525px;
	position: absolute;
	inset: 106px auto auto 140px;
}
#headline .merit {
	inline-size: 546px;
	position: absolute;
	inset: 438px auto auto 140px;
}
#headline a {
	inline-size: 547px;
	position: absolute;
	inset: 633px auto auto 130px;
}
#headline #woman_man {
	inline-size: 721px;
	position: absolute;
	inset: auto 0 0 auto;
}


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