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

/* ホームのヘッドライン */
#pageHome #headline_home {
	background-image: url(../img/headline/bg_headline_sp.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}
#pageHome #headline_home .inner {
	block-size: 375px;
	display: grid;
	place-items: center; 
}
#pageHome #headline_home .inner .hl {
	font-family: "League Spartan", sans-serif;
	font-size: 26px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
}

/* セカンドページのヘッドライン */
#headline {
	block-size: 150px;
	background: linear-gradient(to right,  #ef5062 0%,#c8315c 100%);
}
#headline .inner {
	block-size: 100%;
	display: grid;
	place-items: center; 
}
#headline .inner .hl {
	font-family: "League Spartan", sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	color: #fff;
	text-align: center;
}
#headline .inner .hl span.sub {
	display: block;
	font-size: 68.8%;
	margin-block-end: .5em;
}


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

/* ホームのヘッドライン */
#pageHome #headline_home {
	background-image: url(../img/headline/bg_headline_tb.png);
}
#pageHome #headline_home .inner {
	block-size: 318px;
}
#pageHome #headline_home .inner .hl {
	font-size: 30px;
}

/* セカンドページのヘッドライン */
#headline {
	block-size: 175px;
}
#headline .inner .hl {
	font-size: 30px;
}

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



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

/* ホームのヘッドライン */
#pageHome #headline_home .inner {
	block-size: 424px;
}
#pageHome #headline_home .inner .hl {
	font-size: 34px;
}

/* セカンドページのヘッドライン */
#headline {
	block-size: 200px;
}
#headline .inner .hl {
	font-size: 34px;
}

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



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

/* ホームのヘッドライン */
#pageHome #headline_home {
	background-image: url(../img/headline/bg_headline.png);
}
#pageHome #headline_home .inner {
	block-size: 530px;
}
#pageHome #headline_home .inner .hl {
	font-size: 40px;
}

/* セカンドページのヘッドライン */
#headline {
	block-size: 250px;
}
#headline .inner .hl {
	font-size: 40px;
}



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