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

/* セカンドページのヘッドライン */
#headline {
	margin-block-start: 1px;
}
#headline .outer {
	max-inline-size: 1190px;
	padding-inline: 0px;
	margin-inline: auto;
	*zoom: 1;
}
#headline .outer .inner {
	block-size: 100px;
	background-color: #edf3ee;
	background-image: url(../img/share/img_house.png);
	background-repeat: no-repeat;
	background-position: 95% 100%;
	background-size: 103px;

	display: grid;
	place-items: center; 
}
#headline .outer .inner .hl {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.4;
	color: #1a4f1d;
	text-align: center;
}







@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 {
	margin-block-start: 2px;
}
#headline .outer {
	padding-inline: 20px;
}
#headline .outer .inner {
	block-size: 114px;
	background-position: 95% 100%;
	background-size: 148px;
}
#headline .outer .inner .hl {
	font-size: 24px;
}


	@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 {
	margin-block-start: 5px;
}
#headline .outer .inner {
	block-size: 152px;
	background-position: 90% 100%;
	background-size: 198px;
}
#headline .outer .inner .hl {
	font-size: 28px;
}

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



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

/* セカンドページのヘッドライン */
#headline {
	margin-block-start: 15px;
}
#headline .outer .inner {
	block-size: 190px;
	background-position: 86% 100%;
	background-size: 248px;
}
#headline .outer .inner .hl {
	font-size: 36px;
}

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