:root {
    --color--silver: linear-gradient(45deg, #848484 -31%, #eae9e9 35%, #c3c3c3 67%, #848484 97%);
    /* --color--par: #B09BD1; */
    --color--par: #a0a0ef;
    --color--blue: #b3c7ff;
    --color--red: #ef9aae;
    --color--font--bk: #333;
}

/* -------------------
TOP
----------------------*/

.mainvisual {
    overflow: hidden;
}

.visual-logo {
    background-size: contain;
    scale: 1.5;
    margin-bottom: 2rem;
}

.foot-logo {
    width: 72%;
}

.logo-area {
    width: 20%;
}

#nav-toggle span {
    background: var(--color--font--bk);
}

.main-ttl,
.sec-ttl+.beddge,
.content-ttl,
.rec-wrap dl dt {
    background: var(--color--par);
}

footer {
    background: #fff;
}

.foot-desc {
    color: var(--color--font--bk);
}

.foot-desc a {
    color: var(--color--font--bk);
}

@media screen and (min-width: 801px) {
    .foot-logo {
        width: 30%;
    }

    .logo-area {
        width: 12%;
    }
}