@charset "UTF-8";

.page-relax {
    --color-primary: #b54e86;
}

.page-estygym .primary-btn {
    min-width: 0;
    max-width: 400px;
    margin-inline: auto;

    @media (width <= 640px) {
        max-width: 250px;
    }
}

.page-estygym picture,
.page-estygym picture img {
    width: 100%;
}

@media (width <= 700px) {
.page-estygym .sp {
    max-width: 300px;
    display:block;
    margin: 50px auto;
}
}


/* ========================================== */
/* ページヘッダー */
/* ========================================== */

.estygym-header {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: var(--space-170);

    @media (width <= 1024px) {
        padding-top: var(--space-120);
    }
    @media (width <= 800px) {
        padding-top: var(--space-100);
    }
    @media (width <= 640px) {
        padding-top: var(--space-120);
    }

    picture,
    img {
        width: 100%;
    }

    &::before {
        background: url(../img/page-header-bg.svg) 50% 0 / contain no-repeat;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        aspect-ratio: 1920 / 698;
        z-index: -1;
    }
}