@charset "UTF-8";

body,html{margin:0;padding:0;}
img{max-width:100%;vertical-align:bottom;}
.wrapper{width:1100px;max-width:100%;margin:0 auto;}
.relative{position: relative;}
video.fv_movie{top:52%}
.fv_movie{position:absolute;object-fit:cover;width:30%;height:13%;left:13%;border-radius:50%;}
.cv1{position: relative;width:1110px;max-width:100%;}
.cv2{position: relative;width:1110px;max-width:100%;}
.cv1 .btn{position:absolute;top:53%;left:10%;}
.cv2 .btn{position:absolute;top:27%;left:10%;}
.yureru-s {animation: yureru-s 2s infinite;}
.purchase-area{position: relative;width: 1110px;max-width: 100%;}
.purchase-area .purchase-btn {position: absolute;top: 22%;left: 63%;}
.purchase-area .purchase-btn a{transition:all 1s;}
.purchase-area .purchase-btn a:hover{opacity:0.6;}
.tel-area{position: relative;width: 1110px;max-width: 100%;}
.tel-area .tel {position: absolute;top: 28%;left: 36%;}
.tel-area .tel a{transition:all 1s;}
.tel-area .tel a:hover{opacity:0.4;}

@keyframes yureru-s {
	0% {
		transform: translate(0px, 0px);
	}
	5% {
		transform: translate(0px, 0px);
	}
	10% {
		transform: translate(0px, 0px);
	}
	20% {
		transform: translate(30px, 0px);
	}
	25% {
		transform: translate(0px, 0px);
	}
	30% {
		transform: translate(-30px, 0px);
	}
    50% {
		transform: translate(0px, 0px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}

/* SP */
@media screen and (max-width:1024px){
	.wrapper{width:1024px;margin: 0 auto;}
	.btn{width:85%;}
	.purchase-btn img{width: 85%;}
	.tel-area .tel img{width: 90%;}
}

@media screen and (max-width:959px){
	.btn{width:80%;top:70%;}
	.purchase-btn img{width: 80%;}
	.tel-area .tel img{width: 90%;}
}

@media screen and (max-width:519px){
	.btn{width:80%;top:70%;}
	.purchase-btn img{width: 80%;}
	.tel-area .tel img{width: 90%;}
}

.pc{display:block;}
.sp{display:none;}
@media screen and (max-width:767px) {
	.pc{display:none;}
	.sp{display:block;}
}
footer div{width:1100px;box-sizing:border-box;background: #f6e5d5;padding:10px;margin:0 auto;overflow: hidden;text-align: center;}
footer div a{color: black;}
@media screen and (max-width:519px){
	footer div{width:100%;}
	footer div a{font-size:12px;}
}