@charset "utf-8";

/*-----------------------------------------------

 animate

-----------------------------------------------*/

@keyframes arrow{
	0%{left:-50px}
	50%{left:-20px}
	100%{left:-50px}
}

@keyframes text{
	0%{
		transform:skewX(0);
		-webkit-transform:skewX(0);
	}
	70%{
		transform:skewX(0);
		-webkit-transform:skewX(0);
	}
	80%{
		transform:skewX(-10deg);
		-webkit-transform:skewX(-10deg);
	}
	90%{
		transform:skewX(5deg);
		-webkit-transform:skewX(5deg);
	}
	100%{
		transform:skewX(0);
		-webkit-transform:skewX(0);
	}
}

@keyframes wrap_over{
	0%{transform:scale(1)}
	50%{transform:scale(.95)}
	100%{transform:scale(1)}
}


/* vendor prefix */

@-webkit-keyframes arrow{
	0%{left:-50px}
	50%{left:-30px}
	100%{left:-50px}
}

@-webkit-keyframes text{
	0%{
		transform:skewX(0);
		-webkit-transform:skewX(0);
	}
	70%{
		transform:skewX(0);
		-webkit-transform:skewX(0);
	}
	80%{
		transform:skewX(-10deg);
		-webkit-transform:skewX(-10deg);
	}
	90%{
		transform:skewX(5deg);
		-webkit-transform:skewX(5deg);
	}
	100%{
		transform:skewX(0);
		-webkit-transform:skewX(0);
	}
}

@-webkit-keyframes wrap_over{
	0%{transform:scale(1)}
	50%{transform:scale(.95)}
	100%{transform:scale(1)}
}


/*-----------------------------------------------

 btn-move

-----------------------------------------------*/

/*
.btn-move *{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
*/

.btn-move{
	position:relative;
	transition:all .2s ease-out;
	-webkit-transition:all .2s ease-out;
	top:0;
	display:inline-block;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	max-width:100%;
	margin:0;
	padding:0;
}

.btn-move:before{
	z-index:2;
	animation-name:arrow;
	animation-duration:1s;
	animation-timing-function: ease;
	animation-iteration-count:infinite;
	-webkit-animation-name:arrow;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count:infinite;
	display:inline-block;
	position:absolute;
}

.btn-move:hover{
	animation-name:wrap_over;
	animation-duration:.5s;
	animation-timing-function:ease;
	animation-iteration-count:1;
	-webkit-animation-name:wrap_over;
	-webkit-animation-duration:.5s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-iteration-count:1;
}

.btn-move:active{
	top:10px;
}

.btn-move img{
	animation-name:text;
	animation-duration:3s;
	animation-timing-function:ease;
	animation-iteration-count:infinite;
	-webkit-animation-name:text;
	-webkit-animation-duration:3s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-iteration-count:infinite;
	max-width:100%;
}



/*-----------------------------------------------

 separate setting

-----------------------------------------------*/

/* btn-inquiry_l */
.btn-inquiry_l{
	background:url(/sim/img/cp04/btn-inquiry_bg-l.png) 0 0 no-repeat;
	width:845px;
	min-height:205px;
}
.btn-inquiry_l:before{
	left:-47px;
	top:25px;
	content:url(/sim/img/cp04/btn-inquiry_arrow-l.png);	
}
.btn-inquiry_l img{
	margin:-5px 0 0 36px;
}


/* btn-inquiry_m */
.btn-inquiry_m{
	background:url(/sim/img/cp04/btn-inquiry_bg-m.png) 0 0 no-repeat;
	width:410px;
	min-height:176px;
}
.btn-inquiry_m:before{
	left:34px;
	top:52px;
	content:url(/sim/img/cp04/btn-inquiry_arrow-m.png);	
}
.btn-inquiry_m img{
	margin:37px 0 0 34px;
}


/* btn-inquiry_s */
.btn-inquiry_s{
	background:url(/sim/img/cp04/btn-inquiry_bg-s.png) 0 0 no-repeat;
	width:378px;
	min-height:110px;
}
.btn-inquiry_s:before{
	left:-40px;
	top:10px;
	content:url(/sim/img/cp04/btn-inquiry_arrow-s.png);	
}
.btn-inquiry_s img{
	margin:-22px 0 0 20px;
}



@media screen and (max-width:680px){
	
	.btn-move{
		max-width:100%;
		padding:3%;
		background: #00ba4d;
		background: -moz-linear-gradient(top,  #00ba4d 0%, #00ab4d 40%, #009118 60%, #00830c 100%);
		background: -webkit-linear-gradient(top,  #00ba4d 0%,#00ab4d 40%,#009118 60%,#00830c 100%);
		background: linear-gradient(to bottom,  #00ba4d 0%,#00ab4d 40%,#009118 60%,#00830c 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ba4d', endColorstr='#00830c',GradientType=0 );
		border:solid 5px #015A1A;
		border-radius:5px;
		min-height:inherit;
	}
	.btn-move img{
		max-width:100%;
		margin:0!important;
	}
	
}