@charset "utf-8";

/* -----------------------------------------------------------
    not-area
-------------------------------------------------------------- */
.not-area {
    padding: 200px 0;
    text-align: center;
    background: #f0ece7;
    position: relative;
}

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

.not-area .catch {
    font-size: 7.0rem;
    font-weight: 500;
    font-family: var(--en);
    color: var(--gold);
    margin: 0 0 10px;
}

.not-area .sub-catch {
    font-size: 2.4rem;
    line-height: 1.5;
    font-weight: 600;
    color: var(--cmnblack);
    font-family: var(--sans);
}

.not-area .basic-txt {
    font-size: 1.8rem;
}

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

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

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

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

    .not-area .basic-txt {
        font-size: 1.5rem;
    }

}

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

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