:root {
    --color--pink: #f5dae0;
    --color--bk: #303030;
    --color--border: rgb(160, 160, 160);
}

body {
    color: var(--color--bk);
    font-family: "Noto Serif JP", serif;
}

.container {
    /* background: rgb(255, 255, 255, 0.6); */
}

.main-contact {
    background: var(--color--pink);
    color: var(--color--bk);
}

.news-text-wrap li span {
    background: var(--color--pink);
    color: var(--color--bk);
}

.news-text-wrap li:first-child {
    color: var(--color--bk);
}

.visual-logo {
    padding: 36.5% 0;
}

.footer-logo {
    scale: 0.9;
    padding: 14.5% 0;
}

.top-contact {
    background: rgba(245, 218, 224, 0.6);
}

.no_con {
    background: none;
}

.logo-area a {
    scale: 2;
    background-size: contain;
    margin-left: 1rem;
}

.under-main {
    padding-top: 0;
    /* background: rgb(255, 255, 255, 0.6); */
}

.under-main .container {
    background: none;
}

.under-main .no_con {
    /* background: rgb(255, 255, 255, 0.6); */
}

main.under-main:before {
    display: block;
    content: '';
    width: 100%;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%), url(../img/mainvisual.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 29.7% 0;
    height: 100vh;
    position: fixed;
    z-index: -1;
}

.list-wrap {
    margin-bottom: 0;
    padding-bottom: 1rem;
}

.under-main .contents-ttl {
    padding-top: 6rem;
    /* background: rgb(255, 255, 255, 0.6); */
}

.news-detail-image {
    padding: 38% 0;
}

.detail-tbl tr td {
    background: rgba(255, 255, 255, 0.6);
}

.weekly-schedule,
.filter-wrap {
    /* background: rgb(255, 255, 255, 0.6); */
}

.recruit-main::before {
    display: block;
    content: '';
    width: 100%;
    background: linear-gradient(to top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%), url(../img/mainvisual.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 29.7% 0;
    height: 100vh;
    position: fixed;
    z-index: -1;
}

.wrapper {
    background: rgba(255, 255, 255, .6);
    padding: 1rem 0;
}

@media screen and (min-width: 769px) {
    .mainvisual {
        justify-content: center;
    }

    .visual-logo {
        background-size: contain;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .visual-logo-box {
        width: 25%;
    }

    header {
        width: 100%;
        top: 0;
    }

    .footer-logo {
        padding: 4%;
    }

    /* 
    .container {
        width: 100%;
        padding: 0 5rem;
    } */

    .job-box dl dt,
    .job-box dl dd {
        border: 1px solid var(--color--pink);
    }

    .job-box dl dt+dd {
        /* border-top: 1px solid var(--color--border); */
        border-bottom: 1px solid var(--color--pink);
    }

    .job-box dl:last-child dt+dd {
        border-bottom: 1px solid var(--color--pink);
    }
}

.twitter-wrap {
    display: none;
}

.top-social {
    display: block;
}