:root {
    --sub-color: #fff;
    --black-color: #333;
    --silver-color: #666;
    --darkpink-color: #ad5d7d;
    --pink-color: #e48ab0dc;
    --gold-color: #e9c449;
    --bg-color: rgba(255, 255, 255, 0.6);
    --rainbow-color: linear-gradient(180deg, #e949ac 0%, #ec9fc5 0%, #fcc7d2 100%);
    --rainbow-color2: linear-gradient(to right, #fad0d0 10%, #f195bb 40%, #e1aff5 100%);
    /* --rainbow-color3: linear-gradient(to right, #f195bbdc 50%, #e1aff5ce 100%); */
    --rainbow-color3: #f195bbce;
}

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


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

@media screen and (min-width: 1200px) {
    header {
        width: 100%;
    }

}

@media screen and (min-width: 769px) {
    body:before {
        content: "";
        width: 100%;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: -1;
        background: url(../img/mainvisual.jpg);
        background-size: cover;
    }

    #nav a {
        color: var(--pink-color);
    }

    #nav p {
        font-size: 0.6rem;
    }

    header {
        background: #fff6fa73;
        height: 80px;
        position: sticky;
        top: 0;
    }

    .under-main {
        padding-top: 1px;
    }

    .recruit-main {
        padding-top: 1px;
    }

    .under-main .contents-ttl {
        padding-top: 6rem;
    }

    .mainvisual {
        background: none;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
    }

    .logo-area {
        top: 0.7rem;
    }

    .logo-area a {
        width: 97px;
        height: 75px;
    }

    .mainvisual {
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
    }

    .visual-logo {
        width: 65%;
        margin: 0 auto;
        padding: 21.5% 0;
        filter: none;
    }

    .visual-logo-box {
        width: 50%;
        margin: 0 auto;
    }

    .footer-logo {
        height: 10rem;
    }

    .modal__content {
        color: var(--silver-color);
    }

    .weekly-schedule {
        background: none;
        margin-left: auto;
        margin-right: auto;
    }

    .weekly-schedule ul {
        border-top: 0;
        border-bottom: 0;
        background: none;
        margin: 0 auto;
    }

    .weekly-schedule li a {
        border: 1px solid var(--silver-color);
        color: var(--pink-color);
        background: var(--sub-color);
        width: 155px;
    }

    .weekly-schedule li a.current {
        color: var(--sub-color);
        background: var(--pink-color);

    }

    .weekly-schedule ul:before {
        border-top: 0;
    }

    .weekly-schedule ul:after {
        border-bottom: 0;
    }

    .weekly-schedule li {
        padding-left: 1rem;
        padding-top: 0.5rem;
    }

    .ico-area {
        top: 3.5rem;
        right: 0.5rem;
    }

    .filter-inner {
        width: 23rem;
    }

    .list-wrap {
        width: 75%;
        margin: 0 auto;
        max-width: 900px;
    }

    .job-box dl dt {
        background: var(--pink-color);
    }

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

    .job-box dl+dl dd {
        border-top: 0 !important;
    }

    .job-box dl dt+dd {
        border-top: 1px solid var(--silver-color);
        border-bottom: 1px solid var(--silver-color);
        background: var(--bg-color);
    }

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

    .detail-tbl tr th+th {
        border-top: 1px solid var(--silver-color) !important;
    }

    .detail-tbl tr th,
    .detail-tbl tr td {
        border: 1px solid var(--silver-color);
    }

    .recruit-mainvisual {
        padding: 15.5% 0;
        width: 72.5%;
        margin: 4rem auto 2rem;
    }

    a.js-modal-close {
        background: var(--rainbow-color);
    }

    .news-detail-wrap {
        background: none;
    }

    .blog-sp-none {
        background: none;
    }

    .list-wrap dl {
        width: 65%;
        margin: 0 auto;
    }

}

@media screen and (max-width: 769px) {
    body:before {
        content: "";
        width: 100%;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        z-index: -1;
        background: url(../img/mainvisual.jpg);
        background-size: cover;
        background-position: center right -10rem;
    }

    header {
        height: 70px;
    }

    .ico-area {
        top: 2.5rem;
        right: 0.5rem;
    }

    .logo-area a {
        display: block;
        background: url(../img/h-logo.png);
        background-size: 86%;
        background-position: center;
        background-repeat: no-repeat;
        width: 94px;
        height: 48px;
    }

    #nav-toggle {
        top: 1.5rem;
    }

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

    .detail-tbl tr th,
    .detail-tbl tr td {
        border: 1px solid var(--silver-color);
    }

    .detail-tbl tr th {
        border-right: none !important;
    }

    #nav {
        background: var(--sub-color);
    }

    #nav a {
        color: var(--pink-color);
    }

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

    .close-btn {
        color: var(--silver-color);
    }

    .mainvisual {
        background: none;
        width: 100%;
        height: 100vh;
        display: flex;
        align-items: center;
    }

    .recruit-mainvisual {
        background-size: 93%;
    }

    /* main.under-main:before {
        display: block;
        content: '';
        width: 100%;
        background: url(../img/mainvisual.jpg);
        background-size: cover;
        background-position: center right -20rem;
        background-repeat: no-repeat;
        padding: 20% 0;
        height: 100vh;
        position: fixed;
        z-index: -1;
    } */

    .recruit-main:before {
        display: block;
        content: '';
        width: 100%;
        background: url(../img/mainvisual.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        padding: 20% 0;
        height: 100vh;
        position: fixed;
        z-index: -1;
    }

    .visual-logo {
        padding: 32.5% 0;
        filter: none;
    }

    .under-main {
        background: var(--bg-color);
    }

    .twitter-wrap {
        width: 85%;
        margin: 0 auto;
    }

    .weekly-schedule li a.current {
        background: var(--pink-color);
        border: 1px solid var(--pink-color);
    }

    .reserve input[type="time"] {
        background-image: none;
    }

    .job-box dl dt {
        background: var(--pink-color);
    }

    .job-box dl dt+dd {
        background: var(--bg-color);
    }

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

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

    .footer-logo {
        background-size: 65%;
        padding: 22% 0;
    }

    .sp-foot {
        background: rgb(229 148 188 / 80%);
    }

    .sp-foot li {
        width: 100%;
    }

    .foot-social li a {
        color: var(--silver-color);
    }

    #nav .close-btn {
        color: var(--pink-color);
    }


    .list-wrap dt,
    .list-wrap dd {
        font-size: 1rem !important;
    }

}

header {
    background: var(--sub-color);
}

.wrapper {
    background: var(--bg-color);
}

.news-ttl {
    color: var(--silver-color);
}

.under-main .container {
    background: var(--bg-color);
}

.access-container {
    background: none;
}

.f-container {
    background: none !important;
}

.contents-ttl {
    background: none;
}

.contents-ttl p {
    margin-top: 0.5rem;
}

.credit-bnr a {
    background: none;
}

.blog-wrap {
    background: none;
}

.blog-detail-wrap {
    background: none;
}

.credit-bnr span {
    font-size: 1.1em;
    font-weight: normal;
    text-shadow: none;
    color: var(--sub-color);
    background: var(--rainbow-color);
    border: 0;
}

.visual-logo-box {
    color: var(--silver-color);
    text-shadow: none
}

.top-contact {
    border: 0;
    box-shadow: none;
    color: var(--silver-color);
    background: #fff6fa73;
}

.top-contact a {
    color: var(--silver-color);
}

.top-social li a {
    color: var(--silver-color);
}

.contents-ttl {
    color: var(--silver-color);
}

.twi-news-col {
    padding-bottom: 1rem;
}

.tab-container {
    background: var(--bg-color);
}

.profile-wrap {
    background: var(--bg-color);
}

.news-text-wrap {
    color: var(--silver-color);
}

.news-detail a {
    background: var(--rainbow-color);
}

.news-ico span {
    border: 1px solid var(--pink-color);
    background: var(--sub-color);
    color: var(--pink-color);
}

.news-detail-update span {
    border: 1px solid var(--pink-color);
    background: var(--sub-color);
    color: var(--pink-color);
}

.more-btn a,
.more-btn02 a {
    color: var(--sub-color);
    background: var(--rainbow-color);
    border: none;
}

.tab-box {
    justify-content: center;
}

.tab-box label.active {
    color: var(--sub-color);
    background: var(--rainbow-color);
}

.tab-box label {
    border-bottom: none;
    color: var(--silver-color);
    background: #f5f5f5;
}

.box-inner {
    color: var(--silver-color);
}

.box-inner li:nth-child(2) {
    background: var(--pink-color);
    color: var(--sub-color);
}

.box-inner li:nth-child(3) {
    border: 1px solid var(--pink-color);
    border-top: none;
}

.tab-pick-info {
    color: var(--black-color);
}

.reserve-bnr,
.qa-bnr,
.recruit-bnr {
    background: none;
}

.reserve-bnr a,
.qa-bnr a,
.recruit-bnr a {
    color: var(--sub-color);
    background: var(--rainbow-color);
}

.concept-ttl,
.concept-text {
    color: #2c2c2c;
}

footer {
    background: var(--sub-color);
    color: var(--silver-color);
}

.foot-global li a {
    text-decoration: none;
    color: var(--silver-color);
}

.foot-global li+li {
    border-left: 1px solid var(--silver-color);
}

.fixed-contact li {
    color: var(--pink-color);
}

.fixed-contact li a {
    color: var(--pink-color);
}

.fixed-contact li i {
    color: var(--pink-color);
}

@media screen and (min-width: 769px) {
    .list-wrap {
        padding: 2rem 4rem;
    }
}

.list-wrap {
    background: none;
}

.list-wrap dt {
    background: none;
    color: var(--silver-color);
    width: 30%;
}

.list-wrap dd {
    justify-content: center;
    text-align: center;
}

.list-wrap dt {
    justify-content: center;
}

.span-style {
    justify-content: center !important;
    width: 40%;
}

.list-wrap dt,
.list-wrap dd {
    background: none;
    font-size: 1.2rem;
    border: 0;
    border-bottom: 0;
    margin-bottom: 1rem;
    width: 30%;
}

.list-wrap {
    color: var(--silver-color);
}

.list-wrap h3 {
    font-size: 1.2rem;
    border-top: 1px solid var(--silver-color);
    border-bottom: 1px solid var(--silver-color);
}

.list-wrap h3:before {
    border-top: 1px solid var(--silver-color);
}

.list-wrap h3:after {
    border-bottom: 1px solid var(--silver-color);
}

.contents-ttl-right {
    color: var(--silver-color);
    background: none;
}

.news-detail-info {
    color: var(--silver-color);
}

.news-text-area {
    color: var(--silver-color);
}

.prev-btn a {
    background: var(--rainbow-color);
}

.filter-wrap select {
    border: 1px solid var(--pink-color);
    color: var(--pink-color);
    background-image: url(../img/filter-arrow.svg), linear-gradient(to bottom, #ffb2c3 0%, #ffb2c3 100%);
}

.filter-inner {
    border: 1px solid var(--pink-color);
}

.filter-inner label {
    color: var(--pink-color);
}

.filter-inner input[type="submit"] {
    background: var(--pink-color);
}

.check-point:before {
    border: 1px solid var(--pink-color);
}

.tab-switch:checked+.tab-label {
    background: var(--pink-color);
    color: var(--sub-color);
}

.tab-label {
    color: var(--silver-color);
    background: #f5f5f5;
}

.detail-tbl th {
    background: var(--pink-color);
}

.detail-tbl thead {
    color: var(--sub-color);
}

.shop-cmt:after {
    border-bottom: 1px solid var(--silver-color);
    border-top: 1px solid var(--silver-color);
}

.detail-tbl th {
    border: 1px solid var(--pink-color);
}

.detail-btn a {
    background: var(--rainbow-color);
}

.blog-ttl {
    color: var(--silver-color);
    border-bottom: 1px solid var(--silver-color);
}

.blog-wrap {
    border-bottom: 1px solid var(--silver-color);
}

.blog-update {
    color: var(--silver-color);
}

.blog-ttl a {
    color: var(--silver-color);
}

.blog-sp-none a {
    color: var(--silver-color);
}

.blog-detail-ttl {
    color: var(--silver-color);
}

.blog-detail-info:after {
    border-bottom: 1px solid var(--silver-color);
    border-top: 1px solid var(--silver-color);
}

.blog-detail-info {
    color: var(--silver-color);
}

.blog-text-area:before {
    border-bottom: 1px solid var(--silver-color);
    border-top: 1px solid var(--silver-color);
}

.blog-text-area {
    color: var(--silver-color);
}

.blog-text-area:after {
    border-bottom: 1px solid var(--silver-color);
    border-top: 1px solid var(--silver-color);
}

.blog-btn a {
    color: var(--sub-color);
    background: var(--rainbow-color);
}

.archive h3 {
    background: var(--pink-color);
}

.archive li a {
    color: var(--pink-color);
}

.access-box h3 {
    color: var(--silver-color);
    border-bottom: 1px solid var(--silver-color);
}

.form-caution .text-red {
    color: var(--silver-color);
}

.reserve>div {
    background: none;
}

.reserve {
    background: var(--bg-color);
}

.reserve input[type="submit"] {
    background: var(--rainbow-color);
}

.ico01,
.ico02,
.ico03,
.ico04,
.ico05,
.ico06,
.ico07,
.ico08,
.ico09,
.ico010,
.ico011,
.ico012,
.ico013 {
    transform: none;
    width: 6rem;
    height: 2rem;
    background: var(--rainbow-color3);
    margin-bottom: 0.5rem;
}

.ico01 p,
.ico02 p,
.ico03 p,
.ico04 p,
.ico05 p,
.ico06 p,
.ico07 p,
.ico08 p,
.ico09 p,
.ico010 p,
.ico011 p,
.ico012 p,
.ico013 p {
    transform: none;
    width: 6rem;
    height: 1.8rem;
}

.therapist-list .ico01,
.therapist-list .ico02,
.therapist-list .ico03,
.therapist-list .ico04,
.therapist-list .ico05,
.therapist-list .ico06,
.therapist-list .ico07,
.therapist-list .ico08,
.therapist-list .ico09,
.therapist-list .ico010,
.therapist-list .ico011,
.therapist-list .ico012,
.therapist-list .ico013 {
    transform: none;
    width: 3rem;
    height: 1.4rem;
    background: var(--rainbow-color3);
    margin-bottom: 0.5rem;
}

.therapist-list .ico01 p,
.therapist-list .ico02 p,
.therapist-list .ico03 p,
.therapist-list .ico04 p,
.therapist-list .ico05 p,
.therapist-list .ico06 p,
.therapist-list .ico07 p,
.therapist-list .ico08 p,
.therapist-list .ico09 p,
.therapist-list .ico010 p,
.therapist-list .ico011 p,
.therapist-list .ico012 p,
.therapist-list .ico013 p {
    transform: none;
    width: 3rem;
    height: 1.4rem;
}

.therapist-list .ico-area {
    top: 0.2rem;
    right: 0.2rem;
}

.reserve #schedule {
    border: 1px solid var(--pink-color) !important;
    background-image: url(../img/calendar.svg), linear-gradient(to bottom, var(--pink-color) 0%, var(--pink-color) 100%);
}

.ui-widget-header {
    border: 1px solid #dddddd;
    background: var(--pink-color) !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: var(--pink-color) !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    background: var(--pink-color) !important;
}

.reserve select {
    background-image: url(../img/select-arrow.svg), linear-gradient(to bottom, var(--pink-color) 0%, var(--pink-color) 100%);
}

.reserve input[type="text"],
.reserve input[type="number"],
.reserve input[type="tel"],
.reserve input[type="email"],
.reserve input[type="date"],
.reserve select {
    border: 1px solid var(--pink-color) !important;
}

.reserve input[type="time"] {
    border: 1px solid var(--pink-color) !important;
}

.reserve textarea {
    border: 1px solid var(--pink-color) !important;
}

.accordion>ul>li>div {
    color: var(--sub-color);
    background: var(--pink-color);
    border: 1px solid var(--pink-color);
}

.accordion>ul>li>p {
    color: var(--silver-color);
    background: none;
}

.accordion li .accordion_icon span {
    background: var(--pink-color);
}

.recruit-ttl {
    background: var(--rainbow-color2);
}

.concept-wrap {
    width: 100%;
    background: linear-gradient(to top, rgba(255, 239, 253, 0.7) 0%, rgba(255, 220, 250, 0.7) 100%), url(../img/concept.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
}

#main-panel2 {
    padding: 0 !important;
}

.main-tab-panel2 {
    padding-left: 0 !important;
}

#particles-js {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
}

#particles-js2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
}

/* 求人バナー非表示 */
.recruit-mainvisual {
    display: none;
}

@media screen and (max-width: 769px) {
    .news-detail-image {
        background: url(../img/news01.jpg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        padding: 38% 0;
    }
}

@media screen and (min-width: 769px) {
    .link-bnr-wrap {
        justify-content: space-between;
        justify-content: center;
    }
}