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

/* headline */
#headline {
	background-image: url(../img/headline/bg_headline2_sp.jpg);
	background-repeat: no-repeat;
	background-position: 50% 10%;
	background-size: cover;
}
#headline .inner {
	inline-size: 100%;
	block-size: 0;
	padding-top: 152.53%;
	position: relative;
}
#headline .inner  .hl {
	inline-size: 	57.87%;;
	position: absolute;
	inset: 6.29% auto auto 4.67%;
}
#headline .inner  .point {
	inline-size: 73.867%;
	position: absolute;
	inset: 47.03% auto auto 6.67%;
}
#headline .inner  .teikei {
	inline-size: 29.867%;
	position: absolute;
	inset: 4.37% 0 auto auto;
}
#headline .inner .cta  {
	position: absolute;
	inset: 79.20% auto auto 2.308%;
}

.cta {
	inline-size: 94.93%;
	position: relative;
	margin-inline: auto;
}
.cta .btn_cta {
	display: block;
	inline-size: 85.955%;
	position: absolute;
	inset: 39.130% auto auto 7.303%;
}
.cta2 .msg {
	font-size: 19px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	margin-block-end: .6em;
}
.cta2 .msg > div {
	margin-block-end: .5em;
	line-height: 1.2;
}
.cta2 .msg span.sub {
	font-size: 14px;
	
	position: relative;
}
.cta2 .msg span.sub:before,
.cta2 .msg span.sub:after {
	content: '';
	width: 3.0em;
	border-top: 1px solid #4e4e4e;
	position: absolute;
	top: 1.8em;
}
.cta2 .msg span.sub:before {	
	transform: rotate(55deg);
	left: -3.4em;	
}
.cta2 .msg span.sub:after {
	transform: rotate(-55deg);
	right: -3.3em;
}






@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_headline2.jpg);
	background-repeat: no-repeat;
	background-position: 50% 20%;
	background-size: cover;
}
#headline .inner {
	inline-size: 100%;
	block-size: 0;
	padding-top: 67.31%;
	position: relative;
}
#headline .inner  .hl {
	inline-size: 55.577%;
	position: absolute;
	inset: 8.571% auto auto 3.846%;
}
#headline .inner  .point {
	inline-size: 35.481%;
	position: absolute;
	inset: 40.286% auto auto 3.846%;
}
#headline .inner  .teikei {
	inline-size: 15.288%;
	position: absolute;
	inset: 38.857% auto auto 41.250%;
}
#headline .inner .cta  {
	position: absolute;
	inset: 66.286% auto auto 2.308%;
}

.cta {
	inline-size: 95.385%;
	position: relative;
}
.cta .btn_cta {
	display: block;
	inline-size: 57.661%;
	position: absolute;
	inset: 12.38% auto auto 37.298%;
}

.cta2 .msg {
	font-size: 18px;
	line-height: 1.6;
	margin-block-end: .6em;
}
.cta2 .msg > div {
	margin-block-end: 0em;
	line-height: 1.6;
}
.cta2 .msg span.sub {
	font-size: 15px;
}
.cta2 .msg span.sub:before,
.cta2 .msg span.sub:after {
	width: 1.3em;
	border-top: 1px solid #000;
	top: .8em;
}
.cta2 .msg span.sub:before {	
	left: -1.7em;	
}
.cta2 .msg span.sub:after {
	right: -1.6em;
}

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

.cta2 .msg {
	font-size: 24px;
	line-height: 1.6;
	margin-block-end: .6em;
}
.cta2 .msg > div {
	margin-block-end: 0em;
	line-height: 1.6;
}
.cta2 .msg span.sub {
	font-size: 18px;
}
.cta2 .msg span.sub:before,
.cta2 .msg span.sub:after {
	width: 1.3em;
	border-top: 1px solid #000;
	top: .8em;
}
.cta2 .msg span.sub:before {	
	left: -1.7em;	
}
.cta2 .msg span.sub:after {
	right: -1.6em;
}

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



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

.cta2 .msg {
	font-size: 28px;
	line-height: 1.6;
	margin-block-end: .6em;
}
.cta2 .msg > div {
	margin-block-end: 0em;
	line-height: 1.6;
}
.cta2 .msg span.sub {
	font-size: 20px;
}


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

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

/* headline */
#headline .inner {
	inline-size: auto;
	block-size: 700px;
	padding-top: 0;
	position: relative;
}
#headline .inner  .hl {
	inline-size: 578px;
	position: absolute;
	inset: 60px auto auto 40px;
}
#headline .inner  .point {
	inline-size: 369px;
	position: absolute;
	inset: 282px auto auto 40px;
}
#headline .inner  .teikei {
	inline-size: 159px;
	position: absolute;
	inset: 272px auto auto 429px;
}
#headline .inner .cta  {
	position: absolute;
	inset: 464px auto auto 24px;
}

.cta {
	inline-size: 992px;
	position: relative;
}
.cta .btn_cta {
	display: block;
	inline-size: 572px;
	position: absolute;
	inset: 25px auto auto 370px;
}


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