/*一個目の矢印*/
.cp_arrows .cp_arrowfirst {
/*アニメーション設定。
左からアニメーション名、動きの速さ（2s=2秒）、変化の度合い（ease-in-out=開始時と終了時は、緩やかに変化）、動きの回数（infinite=無限、3=3回など）*/
animation: arrow-move08 2s ease-in-out infinite;
}

#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7

/*二個目の矢印*/
.cp_arrows .cp_arrowsecond {
/*アニメーション設定。
左からアニメーション名、動きの速さ（2s=2秒）、開始時間（1s=1秒後）、変化の度合い（ease-in-out=開始時と終了時は、緩やかに変化）、動きの回数（infinite=無限、3=3回など）*/
animation: arrow-move08 2s 1s ease-in-out infinite;
}

#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7

/*共通設定*/
.cp_arrows .cp_arrow {
position: absolute;
/*矢印の到着位置　（縦位置）*/
top: 100%;
/*矢印の到着位置　（横位置）*/
left: 45%;
transform: translate(-50%, -50%);
transform-origin: 50% 50%;
/*透明度（0=透明、1=不透明）*/
opacity: 0;
}

#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7 .content :first-child {
margin-top: 0;
}

@keyframes arrow-move08 {

/*スタート地点（サンプルは[class:cp_arrows]height300pxの35%）*/
0% {
top: 40%;
opacity: 0;
}

/*2sの70％（1.7秒）時に不透明になる*/
70% {
opacity: 1;
}

/*2s（2秒）時に透明になる*/
100% {
opacity: 0;
}
}

#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7 .cp_arrows .cp_arrow:before {
/*矢印左の棒の設定。1番目の値は棒の角度、2番目の値は棒のX方向の位置。*/
transform: rotate(30deg) translateX(-39%);
/*矢印左の棒の起点。（top left=左上）*/
transform-origin: top left;
}

#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7 .cp_arrows .cp_arrow:after {
/*矢印右の棒の設定。1番目の値は棒の角度、2番目の値は棒のX方向の位置。*/
transform: rotate(-30deg) translateX(39%);
/*矢印右の棒の起点。（top right=右上）*/
transform-origin: top right;
}

#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7 .cp_arrows .cp_arrow:before,
#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7 .cp_arrows .cp_arrow:after {
position: absolute;
top: 0;
left: 0;
display: block;
/*矢印の棒の横の長さ*/
width: 40px;
/*矢印の棒の縦の長さ*/
height: 3px;
content: ”;
/*矢印の色*/
background: #E91E63;
}

#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7 .cp_arrows *,
#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7 .cp_arrows *:before,
#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7 .cp_arrows *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7 content div:after,
#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7 .content p:after {
clear: both;
}

#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7 .content div :after,
#sb-part-1449.sb-custom-part-ldxy0so33vz5o3ciap7 .content p:after {
display: block;
content: “”;
clear: both;
}