:root {
    --color--blue: #81D8D0;
    --color--blue--gra: linear-gradient(143deg, rgba(153, 241, 233, 1) 13%, rgba(188, 241, 238, 1) 44%, rgba(143, 240, 237, 1) 98%);
    --color--text--black: #4f4f4f;
    --color--border--gray: #c0c0c0;
    --color--whitesmoke: whitesmoke;
}


header {
    background: #fff;
}

nav {
    background: #fff;
}

nav ul li {
    border-bottom: 1px solid var(--color--border--gray);
}

nav ul li a {
    color: var(--color--text--black);
}

.visual-logo img {
    filter: drop-shadow(1px 1px 2px #3b3b3b);
}

.more-list-btn a {
    background: var(--color--blue);
    color: #fff;
}

.blog-text p a {
    color: var(--color--text--black);
}

.new-topics {
    color: var(--color--text--black);
}

.reserve-bnr,
.qa-bnr,
.recruit-bnr {
    background: var(--color--blue--gra);
}

.reserve-bnr a,
.qa-bnr a,
.recruit-bnr a {
    text-shadow: 1px 2px 4px #333;
}

.therapist-wrap,
.schedule-wrap {
    margin-bottom: 0;
    padding-bottom: 2rem;
}

.banner-content {
    background: #fff;
}

.sp-foot {
    /* background-color: rgb(255, 255, 255, 0.8); */
    background-color: whitesmoke;
}

.footer-wrap,
#section08 {
    background: var(--color--whitesmoke);
}

footer a {
    color: var(--color--text--black);
}

@media screen and (min-width: 801px) {
    .mainvisual-under-bg:before {
        background-position: left 50% bottom 22%;
    }
}

@media screen and (max-width: 800px) {
    .mainvisual-bg {
        margin-top: 5rem;
    }

    .mainvisual-under-bg {
        margin-top: 0;
    }

}