.page_top_sub-page {
	position: absolute;
	right: calc(44px + 30px);
	bottom: 14px;
	z-index: 3;
	max-width: 410px;
	padding: 0.8em calc(0.8em + 0.8em) 0.8em 0.8em;
	border: 1px solid #A99FD9;
	background: #A99FD9;
	text-align: center;
	text-decoration: none;
	font-size: 1rem;
	color: #fff;
	font-weight: 400;
	transition: all .3s;
}

.page_top_sub-page::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0.7em;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: translateY(-50%) rotate(45deg);
    transition: all .3s;
}

@media only screen and (min-width: 768px){
    .page_top_sub-page{
        right: calc(44px + 40px);
    }

    .page_top_sub-page:hover{
        opacity: 0.8;
    }
}

@media only screen and (min-width: 1148px){
    .page_top_sub-page::after{
        width: 13px;
        height: 13px;
        top: 45%;
        right: 0.5em;
    }
}