/*-------------------------------------------
スクロール用CSS
-------------------------------------------*/
/*スクロールダウン全体の場所*/
.scroll-down4{
    position: absolute;
	right: 2%;
    /*矢印の動き1秒かけて永遠にループ*/
	animation: arrowmove 1s ease-in-out infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
    0%{bottom:0%;}
    50%{bottom:3%;}
    100%{bottom:0%;}
}

/*Scrollテキストの描写*/
.scroll-down4 span{
    /*描画位置*/
	position: absolute;
	left: -28px;
	bottom: 30px;
    /*テキストの形状*/
    font-family: 'catamaran', sans-serif;
    font-size: 17px;
    font-weight: 600;
    font-style: normal;
    color: #111;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
}

/* 矢印の描写 */
.scroll-down4:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 0;
    right: 3.5px;
    /*矢印の形状*/
    width: 2px;
    height: 10px;
    background: #FF002A;
    transform: skewX(35deg);
}

.scroll-down4:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:0;
	right:0;
    /*矢印の形状*/
	width: 2.5px;
	height: 150px;
	background: #FF002A;
}