@charset "utf-8";

/* -----------------------------------------------------------
    not-area
-------------------------------------------------------------- */
.not-area {
    padding: 200px 0 100px;
    text-align: center;
    background-color: var(--gray);
    position: relative;
}

.not-area .ill-wrap {
    width: 300px;
    margin: 0 auto 20px;
}

.not-area .catch {
    font-size: 5.0rem;
    font-weight: 600;
    font-family: var(--en);
}

@media screen and (max-width: 768px) {
    .not-area {
        padding: 10vw 5vw;
        margin-top: var(--sp-header-height);
        background: #fff;
    }

    .not-area .ill-wrap {
        width: clamp(150px, 45vw, 300px);
        margin: 0 auto 10px;
    }


    .not-area .catch {
        font-size: 3.2rem;
    }

}

/* -----------------------------------------------------------
    .btn-area
-------------------------------------------------------------- */
.btn-area {
    padding: 80px 0;
}

@media screen and (max-width: 768px) {
    .btn-area {
        padding: 10vw 0;
    }
}