body {
    text-align: center;
    background-color: #00284f;
}

.wrapper {
    margin-right: auto;
    margin-left: auto;
    line-height: 0;
}
.wrapper.pc {
	width: 1000px;
	max-width: 100vw;
}

@media screen and (min-width: 761px) {
    .wrapper.sp {
        display: none;
    }
    img,
    .wrapper {
        width: clamp(768px, 100vw, 1960px);
		max-width: 100%;
    }
    .btn-bg {
        background-color: #fff;
        background-repeat: repeat-y;
        background-size: 100%;
    }
    .btn-bg a {
        display: inline-block;
    }
    .btn-bg a:nth-child(n + 2) {
        margin-top: 1.4vw;
    }
    .btn-achievements,
    .btn-detail {
        width: clamp(340px, 44vw, 860px);
    }
    .btn-footer {
        width: clamp(370px, 48vw, 944px);
    }
}

@media screen and (max-width: 760px) {
    .wrapper.pc {
        display: none;
    }
    img,
    .wrapper,
    .btn-achievements,
    .btn-detail,
    .btn-footer {
        width: 100%;
    }
}