html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*{box-sizing:border-box;-webkit-appearance:none}
																																																																																																																																																																																																																										   
img{
	width: 100%;
	height: auto;
}

.w1000{
	max-width: 650px;
	margin: 0 auto;
}

.mt_1{
	margin-top: -1px;
}
.mt_2{
	margin-top: -2px;
}
.mt_3{
	margin-top: -2px;
}

/* =====================CTA===================== */

.btn-box{
	position: relative;
	margin-top: -2px;
}

.btn-inner{
	position: absolute;
	top:260px;
	left: 34px;
}

.btn-size {
  width: 580px;
  height: auto;
  animation: pulse 2s infinite; /* 2秒かけて無限に繰り返す */
  display: block;
}

/* 揺れる動きの定義（ガードナー風のゆったり＆小刻みな揺れ） */
@keyframes pulse {
  0% {
    transform: scale(1); /* 最初は元のサイズ */
  }
  50% {
    transform: scale(1.05); /* 途中（1秒時点）で1.05倍に少し大きく */
  }
  100% {
    transform: scale(1); /* 最後は元のサイズに戻る */
  }
}


/* =====================ムービー(CTA)===================== */

.movie-box_1{
	position: relative;
	margin-top: -2px;
	position: relative;
}

.movie-inner_1{
	position: absolute;
	top:170px;
	left: 40px;
}

.movie-size_1{
  width: 300px;
  height: auto; 
}

/* =====================ムービー(ステップ)===================== */

.movie-box_2{
	position: relative;
	margin-top: -2px;
	position: relative;
}

.movie-inner_2{
	position: absolute;
	top:168px;
	left: 40px;
}

.movie-size_2{
  width: 570px;
  height: auto; 
}

/* =====================ムービー(ビフォアフ)===================== */

.movie-box_3{
	position: relative;
	margin-top: -2px;
	position: relative;
}

.movie-inner_3{
	position: absolute;
	top:50px;
	left: 40px;
}

.movie-size_3{
  width: 570px;
  height: auto; 
}




@media screen and (max-width:767px) {
	.mt_1{
		margin-top: -3px;
	}
	.mt_2{
		margin-top: -4px;
	}
	.mt_3{
		margin-top: -5px;
	}
	/* =====================CTA===================== */
	.btn-box{
	position: relative;
	margin-top: -2px;
	}
	.btn-inner{
	position: absolute;
	top:150px;
	left: 28px;
	}
	.btn-size {
  	width: 320px;
  	height: auto; 
	}
	/* =====================ムービー(CTA)===================== */
	.movie-box_1{
	position: relative;
	margin-top: -2px;
	}
	.movie-inner_1{
	position: absolute;
	top:100px;
	left: 24px;
    }
	.movie-size_1{
    width: 140px;
	height: auto; 
	}
	/* =====================ムービー(ステップ)===================== */
	.movie-box_2{
	position: relative;
	margin-top: -2px;
	position: relative;
	}
	.movie-inner_2{
	position: absolute;
	top:98px;
	left: 23px;
	}
	.movie-size_2{
  	width: 328px;
  	height: auto; 
	}
	/* =====================ムービー(ビフォアフ)===================== */

	.movie-box_3{
	position: relative;
	margin-top: -2px;
	position: relative;
	}

	.movie-inner_3{
	position: absolute;
	top:30px;
	left: 23px;
	}

	.movie-size_3{
  	width: 328px;
  	height: auto; 
	}
  
}