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

.cta {
	display: none;
	background-color: #e469cb82;
	padding-top: 24px;
}
.cta .box {
	width:100%;

}
.cta .box .lside,
.cta .box .rside {
	clear: none;
	float: left;

}
.cta .box .lside {
	width:22.35%;
}
.cta .box .rside {
	width:77.65%;
	position: relative;
	max-height: 300px;
	padding-left: 10px;
}
.cta .box .rside .cta_phone {
	width:100%;
	padding-top: 6%;
}
.cta .box .rside .phone1 {
	width:50.91%;
	clear: none;
	float: left;
}
.cta .box .rside .phone2 {
	width:49.09%;
	clear: none;
	float: left;
}
.cta .box .rside .cta_time {
	text-align: center;
	font-size: 1.6vh;
	padding-top: 1.0%;
}
.cta .box .rside .cta_btn {
	max-width: 771px;
	padding-top: 2%;
}












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


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



@media handheld, print, screen and (min-width: 413px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



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

.cta {
	display: block;
	padding-top: 12px;
}
.cta .box .rside .cta_phone {
	padding-top: 3%;
}


	@media (-webkit-min-device-pixel-ratio: 2){
		

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

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



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

.cta .box .rside .cta_phone {
	padding-top: 5%;
}

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



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

.cta {
	padding-top: 24px;
}
.cta .box .rside .cta_phone {
	padding-top: 6%;
}


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

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

.cta .box .rside .cta_time {
	font-size: 24px;
}


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