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

/* headline */
#headline {
/*	background-color: #f3f8ff;*/
}
#headline .inner {
	inline-size: 100%;
	block-size: 0;
	/*padding-top: 168.00%;*/
	padding-top: 164.13%;
	position: relative;
	/*border: 1px solid blue;*/
}
#headline .inner .enc {
	inline-size: 100%;
	/*block-size: 89.1%;*/
	block-size: 87.1%;
	position: absolute;
	inset: 8% auto auto 0;
	/*inset: 10% auto auto 0;*/
	background-image: url(../img/headline/bg_headline_sp.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-size: 74.667%;
	/*border: 1px solid red;*/
}
#headline .inner .hl {
	inline-size: 90.133%;
	position: absolute;
	/*inset: 0% auto auto 3%;*/
	inset: 4% auto auto 3%;
}
#headline .inner .solution {
	display: none;
	inline-size: 65.067%;
	position: absolute;
	inset: 16.47% auto auto 3%;
}
#headline .inner .links {
	inline-size: 80.667%;
	position: absolute;
	/*inset: 26.54% auto auto 3%;*/
	/*inset: 14.54% auto auto 3%;*/
	inset: 18.54% auto auto 3%;
}
#headline .inner .links a {
	display: block;
}
#headline .inner .links a img:nth-of-type(1) {
	display: block;
}
#headline .inner .links a img:nth-of-type(2) {
	display: none;
}


#headline .inner .links a:hover {
	text-decoration: none;
}



@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 .inner {
	inline-size: 100%;
	block-size: 0;
	padding-top: 60.78%;
}
#headline .inner .enc {
	inline-size: 100%;
	block-size: 85.645%;
	position: absolute;
	inset: 8.871% auto auto 0;
	background-image: url(../img/headline/bg_headline.png);
	background-repeat: no-repeat;
	background-position: 115% 0%;
	background-size: 586px;
	background-size: 57.5%;
}
#headline .inner .hl {
	inline-size: 67.941%;
	position: absolute;
	inset: 7.910% auto auto 2.5%;
}
#headline .inner .solution {
	display: block;
	inline-size: 31.961%;
	position: absolute;
	inset: 38.795% auto auto 2.5%;
}
#headline .inner .links {
	inline-size: 39.706%;
	position: absolute;
	inset: 55.556% auto auto 2.5%;
}
#headline .inner .links a {
	display: block;
}


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

/* headline */
#headline .inner {
	block-size: 620px;
	position: relative;
	inline-size: auto;
	padding-top: 0;
}
#headline .inner .enc {
	inline-size: 1110px;
	block-size: 531px;
	position: absolute;
	inset: 55px auto auto calc(100vw / 2 - 510px);
	background-image: url(../img/headline/bg_headline.png);
	background-repeat: no-repeat;
	background-position: 100% 0%;
	background-size: 586px;
}
#headline .inner .hl {
	inline-size: 693px;
	position: absolute;
	inset: 42px auto auto 0;
}
#headline .inner .solution {
	inline-size: 326px;
	position: absolute;
	inset: 206px auto auto 6px;
}

#headline .inner .links {
	inline-size: 405px;
	block-size: 215px;
	position: absolute;
	inset: 295px auto auto 6px;
	/*border: 1px solid #000;*/
}
#headline .inner .links a {
	display: block;
	position: relative;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	background-size: 100%;
}
#headline .inner .links a:nth-of-type(1) {
	block-size: 72px;
	background-image: url(../img/headline/link_1_on.png);
}
#headline .inner .links a:nth-of-type(2) {
	block-size: 73px;
	background-image: url(../img/headline/link_2_on.png);
}
#headline .inner .links a:nth-of-type(3) {
	block-size: 70px;
	background-image: url(../img/headline/link_3_on.png);
}
#headline .inner .links a img {
	opacity: 1;
	transition: all 50ms 0s ease;	
}
#headline .inner .links a:hover img {
	opacity: 0;
}




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