#wrapper {
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
}
.position_re {
    position: relative;
}
.cv_btn {
    width: 639px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
	 
    bottom: 115px;
}





@media (max-width: 768px) {
    .cv_btn {
        width: 85.2vw;
        bottom: 14.97vw;
    }
}





.dokidoki{   
animation-name:dokidoki;	/* アニメーション名の指定 */
animation-delay:0s;		/* アニメーションの開始時間指定 */
animation-duration: 3s;	/* アニメーション動作時間の指定 */
animation-timing-function: ease-in-out;
/* アニメーションの動き（徐々に早く徐々に遅く）*/
animation-iteration-count: infinite; /* アニメーションをループさせる */
}
@keyframes dokidoki {
0% {
transform: scale(1);
}
40% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
60% {
transform: scale(1);
}
100% {
transform: scale(1);
}
}



/* 横スライド指定 */

.marquee-right {
	overflow: hidden;
}
.marquee-right ul {
	animation: marquee-right 20s linear infinite; /* 20s スクロール1回にかかる秒数 */
	display: flex;
	margin: 0;
	padding: 0;
	width: max-content;
}
.marquee-right ul li {
	list-style: none;
	padding: 0 5px; /* 余白 */
	width: calc(100vw / 3 - 10px); /* 3 写真の枚数にあわせる */
}
.marquee-right img {
	display: block;
	width: 100%;
}
@keyframes marquee-right {
	from {
		transform: translateX(0%);
	}
	to {
		transform: translateX(-50%);
	}


/* 機能スライド指定 */
.carousel-container {
  width: 80%;
  height: 300px;
  margin: 0 auto;
  overflow: hidden;
}

.carousel {
  width: 100%;
  height: 100%;
  display: flex;
  transition: transform 0.3s ease;
}

.box {
  height: 100%;
  min-width: 100%;
}