.main__wrapper {
    background-color: #fffbf2;
    background-image: url(../images/common/bg-ranking.svg);
    padding-top: 1.5rem;
    padding-bottom: 7.5rem;
}

.inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 78.75rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    padding-bottom: 3.5rem;
    width: 100%;
}

.error-page-container__align-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2.5rem;
    height: fit-content;
}

.error-page-container__align-center h1 {
	font-family: Noto Sans JP;
    font-weight: 700;
    font-size: 32px;
    line-height: 1.6;
    letter-spacing: 0.04rem;
    text-align: center;
}

.error-page-container__align-center p {
	font-family: Noto Sans JP;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.04rem;
    text-align: center;
}

.error-page-container__align-center a {
    width: 21.25rem;
    height: 4.125rem;
}

.error-page-body {
    /** header, main, footerの高さ合計が画面の縦幅とフィットするように、gridでそれぞれの高さの割合を指定することにした */
    display: grid;
    grid-template-rows: 9fr 47fr 40fr ;
}

.error-page-body .header__container {
    /** .header__containerはcommon.cssで定義されているcssで、ファイル横断だが、エラーページではheightを書き換えている */
    height: 100%;
}

.error-page-sp-only {
    display: none;
}

@media screen and (max-width: 767px) {
.error-page-wide-only {
    display: none;
}

.error-page-sp-only {
    display: unset;
}

.main__wrapper {
    padding-bottom: 6.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.error-page-container__align-center {
    gap: 1.5rem;
}

.error-page-container__align-center h1 {
	font-family: Noto Sans JP;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.04rem;
}

.error-page-container__align-center p {
	font-family: Noto Sans JP;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.04rem;

}

.error-page-container__align-center a {
    width: 20rem;
    height: 3rem;
}

.error-page-body {
    display: grid;
    grid-template-rows: 0fr 21fr 30fr ;
}

}