:root {
    --color-gr: rgb(65, 192, 114);
    --color-gray: #f5f5f5;
    --font-bk: #555;
    --font-ye: #e8b55d;
    --br_set: 6px;
}

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

.filter-wrap select,
.reserve select {
    font-family: 'Noto Serif JP', serif;
}




/* Top  */
header {
    background: #fff;
}

.header-bg {
    /* background: rgba(255, 255, 255, 0.8); */
}

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

main {
    background: rgba(255, 255, 255, 0.6);
}

.under-wrap {
    /* background: rgba(255, 255, 255, 0.6) */
}

.mainvisual p,
.mainvisual a {
    color: var(--font-bk);
}

.contents-ttl h2,
.todays-wrap h2,
.concept-wrap h3 {
    text-transform: uppercase;
}

.contents-ttl h2::first-letter,
.todays-wrap h2::first-letter,
.concept-wrap h3::first-letter {
    color: var(--font-ye);
}

.more-btn a {
    border: none;
    background: var(--color-gr);
    color: #fff;
    border-radius: var(--br_set);
}

.clamp-text3 {
    background: none;
}

.news-text-wrap li span {
    border-radius: var(--br_set);
}

footer a i {
    color: var(--font-bk);
}

/* Prof  */
.detail-tbl tr th {
    color: #fff;
}

/* Recruit  */
main.recruit-main:before {
    content: "";
    display: block;
    background: url(../img/be_main.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    margin-top: 56px;
    height: calc(100vh - 56px);
}

/* Top以外のメイン */
.under-bg:before {
    content: "";
    display: block;
    background: url(../img/be_main.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    margin-top: 56px;
    height: calc(100vh - 56px);
}


/* ロゴ変更 縦*/
/* .visual-logo {
    background: url(../img/be_logo.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 22% 0;
    height: 84px;
    scale: 1.2;
}

.logo-area a {
    scale: 4.5;
    width: 44px;
}

.footer-logo {
    background-size: cover;
    padding: 27% 0;
}

.loading img {
    width: 80%;
}

@media screen and (min-width: 769px) {
    .visual-logo {
        background-size: cover;
        scale: 0.7;
    }

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

    .mainvisual p {
        padding: 0;
    }

    .loading img {
        width: 35%;
    }
} */

/* ロゴ変更 横　 */
.mainvisual {
    overflow: hidden;
}

.visual-logo {
    background: url(../img/be_logo.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 16% 0;
    height: 84px;
    scale: 1.8;
}

.logo-area a {
    scale: 6.5;
    width: 63px;
}

.footer-logo {
    background-size: cover;
    padding: 14% 0;
}

.loading img {
    width: 90%;
}

@media screen and (min-width: 769px) {
    .visual-logo {
        background-size: cover;
        scale: 0.8;
    }

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

    .mainvisual p {
        padding: 0;
    }

    .loading img {
        width: 35%;
    }
}

/* --------
twitterボタン
------------ */
.twitter-btn {
    display: block;
    width: 100%;
    height: auto;
    /* padding: 2rem 0 0; */
    padding-bottom: 2rem;
}

.twitter-btn a {
    display: flex;
    max-width: 300px;
    width: 100%;
    height: 100px;
    justify-content: center;
    align-items: center;
    font-size: 1.6rem;
    text-decoration: unset;
    color: #fff;
    font-weight: bold;
    background: linear-gradient(to right, rgb(65, 192, 114), rgb(65, 192, 114), rgb(65, 192, 114));
    border-radius: 10px;
    /* filter: drop-shadow(0px 0px 5px #ffddcc); */
    margin: 0 auto;
    /* border: 2px solid #ffddcc; */
}