@charset "utf-8";
.page_link_areab {
    margin: auto;
}
.page_link_flexb{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.page_link_flexb li {
    width: 42%;
    margin: 10px 15px;
}
#xcp{
	padding-bottom: 8%;
}
.xcp_content.end::after{
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .5);
	border-radius: 65px;
    z-index: 20;
}

.end_text{
    display: none;
}

.xcp_content.end .end_text{
    display: flex;
    position: absolute;
    inset: 0;
    align-items: center;
    justify-content: center;
    z-index: 21;
    color: #fff;
    font-size: 100px;
    font-weight: bold;
    writing-mode: vertical-rl;
    letter-spacing: 15px;
}
@media screen and (max-width: 700px) {
.xcp_content.end::after{
	border-radius: 55px;
}
}

@media screen and (max-width: 599px) {
.page_link_flexb li {
	margin: 5px 10px;
}
.xcp_content.end .end_text{
	    font-size: 55px;
}
.topBtn{
	bottom: 1%;
}
}
@media screen and (max-width: 500px) {
	.xcp_content.end::after {
        border-radius: 35px;
    }
}
@media screen and (max-width: 360px) {
.xcp_content.end::after {
        border-radius: 30px;
    }
    }