#contact .lower .round_corner {
    padding: 0 0 11.6279vw
}

#contact .contracted,
#contact .counseling {
    margin: 0 0 16.2791vw
}

#contact .round_corner .lower_title {
    margin: 0 0 9.3023vw
}

#contact .round_corner p {
    font-size: 4.186vw;
    line-height: 1.778;
    text-align: left
}

#contact .counseling .round_corner p {
    margin: 0 auto 6.0465vw
}

#contact .contracted .round_corner .counseling_center {
    margin-top: 9.3023vw
}

#contact .counseling .round_corner .counseling_center,
#contact .contracted .round_corner .counseling_center {
    margin-bottom: 6.0465vw
}

#contact .counseling .round_corner .counseling_center>dt,
#contact .counseling .round_corner .counseling_center>dd,
#contact .contracted .round_corner .counseling_center>dt,
#contact .contracted .round_corner .counseling_center>dd {
    background-color: rgb(var(--white-clr))
}

#contact .counseling .round_corner .counseling_center>dt,
#contact .contracted .round_corner .counseling_center>dt {
    position: relative;
    font-weight: 600;
    font-size: 4.65vw;
    padding: 7.4419vw 0;
    border-radius: 4.65vw
}

#contact .counseling .counseling_center>dt::after,
#contact .contracted .counseling_center>dt::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.5814vw;
    height: 1.1628vw;
    width: 89.5%;
    background: url(../img/border_dot_purple.svg) repeat-x center/auto 1.1628vw;
    margin: 0 auto
}

#contact .counseling .counseling_center>dd,
#contact .contracted .counseling_center>dd {
    padding: 6.9767vw 5.3488vw 6.9767vw 6.9767vw;
    border-radius: 4.65vw
}

#contact .counseling .counseling_center>dd dl,
#contact .contracted .counseling_center>dd dl {
    font-size: 4.186vw;
    text-align: left
}

#contact .counseling .counseling_center>dd dl+dl,
#contact .contracted .counseling_center>dd dl+dl {
    margin-top: 5.5814vw
}

#contact .counseling .counseling_center>dd dl>dt,
#contact .contracted .counseling_center>dd dl>dt {
    font-weight: 600;
    margin: 0 0 2.7907vw
}

#contact .counseling .counseling_center>dd dl>dd,
#contact .contracted .counseling_center>dd dl>dd {
    line-height: 1.38
}

#contact .counseling .counseling_center>dd dl>dd a,
#contact .contracted .counseling_center>dd dl>dd a {
    display: inline-block;
    color: rgb(var(--link-clr))
}

#contact .counseling .counseling_center>dd dl>dd .tel a,
#contact .contracted .counseling_center>dd dl>dd .tel a {
    font-size: 5.5814vw;
    text-decoration: underline
}

#contact .counseling .counseling_center>dd dl>dd .reservation a,
#contact .contracted .counseling_center>dd dl>dd .reservation a {
    font-size: 3.72vw;
    text-decoration: underline
}

#contact .contact_form {
    padding: 23.721vw 0 0
}

#contact .contact_form.p_short {
    padding: 14.6512vw 0 0
}

#contact .contact_form .round_corner .wrap .support {
    padding: 8.6047vw 4.65vw 9.5349vw;
    margin: 0 0 6.9767vw;
    border-radius: 4.65vw;
    border: 1px solid rgb(var(--brown-clr))
}

#contact .contact_form .round_corner .wrap .support dt {
    font-size: 4.65vw;
    font-weight: 600;
    margin: 0 0 4.65vw
}

#contact .contact_form .round_corner .wrap .support dd {
    font-size: 4.186vw;
    text-align: left;
    line-height: 1.38
}

#contact .contact_form .round_corner .wrap .text {
    margin: 0 0 10.2326vw
}

#contact .contact_form .round_corner .wrap .qa_box {
    padding: 8.3721vw 6.2791vw 10vw;
    margin: 0 0 10.4651vw;
    border-radius: 4.65vw;
    background-color: rgb(var(--white-clr))
}

#contact .contact_form .round_corner .wrap .qa_box p {
    font-size: 4.186vw;
    text-align: left;
    line-height: 1.778;
    margin: 0 0 4.186vw
}

#contact .contact_form .round_corner .form_wrap {
    text-align: left
}

#contact .contact_form .round_corner .form_wrap dl {
    position: relative;
    font-size: 4.186vw;
    padding: 5.814vw 0
}

#contact .contact_form .round_corner .form_wrap dl.hide {
    display: none
}

#contact .contact_form .round_corner .form_wrap dl.show {
    display: block
}

#contact .contact_form .round_corner .form_wrap dl::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    top: -0.5814vw;
    height: 1.1628vw;
    background: url(../img/border_dot_white.svg) repeat-x center/auto 1.1628vw
}

#contact .contact_form .round_corner .form_wrap dl dt {
    line-height: 1.4;
    margin: 0 0 4.65vw
}

#contact .contact_form .round_corner .form_wrap dl dt .item {
    display: block;
    position: relative;
    padding-left: 16.2791vw;
    font-weight: 600
}

#contact .contact_form .round_corner .form_wrap dl dt .item .imp {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 3.72vw;
    line-height: 5.814vw;
    padding: 0 3.2558vw;
    margin-right: 2.3256vw;
    margin-top: -0.02em;
    border-radius: 6.9767vw;
    color: rgb(var(--orange-clr));
    display: inline-block;
    border: 1px solid rgb(var(--orange-clr))
}

#contact .contact_form .round_corner .form_wrap.confirm dl dd {
    line-height: 1.778
}

#contact .contact_form .round_corner .form_wrap dl dd small {
    display: block;
    margin-top: 2.7907vw
}

#contact .contact_form .round_corner .form_wrap dl dd input[type=radio] {
    display: none
}

#contact .contact_form .round_corner .form_wrap dl dd .mwform-radio-field+.mwform-radio-field {
    margin-left: 8.6047vw
}

#contact .contact_form .round_corner .form_wrap dl dd .mwform-radio-field-text {
    display: inline-block;
    text-align: center;
    position: relative;
    background-color: rgb(var(--white-clr));
    width: 27.907vw;
    padding: 4.1vw 0 4vw;
    border-radius: 16.2791vw
}

#contact .contact_form .round_corner .form_wrap dl dd input[type=radio]:checked+.mwform-radio-field-text {
    color: rgb(var(--white-clr));
    background-color: rgb(var(--brown-clr))
}

#contact .contact_form .round_corner .form_wrap dl dd input[type=radio]:checked+.mwform-radio-field-text::after {
    left: 2.7907vw;
    width: 3.4884vw;
    height: 3.4884vw;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/icon_check.svg) no-repeat center/cover
}

#contact .contact_form .round_corner .form_wrap dl dd input[type=text],
#contact .contact_form .round_corner .form_wrap dl dd input[type=email] {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: rgb(var(--white-clr));
    width: 100%;
    box-sizing: border-box
}

#contact .contact_form .round_corner .form_wrap dl dd select {
    border: none;
    outline: none;
    font-weight: normal;
    width: 100%;
    background: rgb(var(--white-clr)) url("../img/icon_arrow_brown_select.svg") no-repeat right 3.72vw center/3.72vw 2.093vw;
    appearance: none;
    box-sizing: border-box
}

#contact .contact_form .round_corner .form_wrap dl dd input[type=text],
#contact .contact_form .round_corner .form_wrap dl dd input[type=email],
#contact .contact_form .round_corner .form_wrap dl dd select {
    padding: 3.0233vw 3.95vw 2.7907vw;
    border-radius: 2.3256vw;
    color: inherit;
    font-weight: 500
}

#contact .contact_form .round_corner .form_wrap dl dd textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: none;
    width: 100%;
    height: 46.5116vw;
    line-height: 1.667;
    padding: 3.0233vw 3.95vw 2.7907vw;
    border-radius: 2.3256vw;
    font-weight: 500;
    color: inherit;
    background: rgb(var(--white-clr));
    box-sizing: border-box
}

#contact .contact_form .round_corner .form_wrap .agree {
    text-align: center;
    margin: 3.4884vw 0 9.3023vw
}

#contact .contact_form .round_corner .form_wrap .mw_wp_form_confirm .agree {
    display: none
}

#contact .contact_form .round_corner .form_wrap .agree input[type=checkbox] {
    display: none
}

#contact .contact_form .round_corner .form_wrap .agree .mwform-checkbox-field-text {
    position: relative;
    font-size: 4.186vw;
    padding-left: 4.65vw
}

#contact .contact_form .round_corner .form_wrap .agree input[type=checkbox]+.mwform-checkbox-field-text::before {
    content: "";
    position: absolute;
    width: 3.0233vw;
    height: 3.0233vw;
    top: 50%;
    left: 0;
    transform: translateY(-42%);
    border: 1px solid rgb(var(--base-clr));
    box-sizing: border-box
}

#contact .contact_form .round_corner .form_wrap .agree input[type=checkbox]:checked+.mwform-checkbox-field-text::after {
    content: "";
    position: absolute;
    top: 1.6279vw;
    left: .6977vw;
    width: 2.5581vw;
    height: 1.1628vw;
    border-left: .4651vw solid rgb(var(--base-clr));
    border-bottom: .4651vw solid rgb(var(--base-clr));
    transform: rotate(-45deg)
}

#contact .contact_form .round_corner .form_wrap #submit-area>div input[type=submit] {
    position: relative;
    width: 100%;
    height: 19.7674vw;
    font-size: 4.41vw;
    font-weight: 600;
    line-height: 1.25;
    color: rgb(var(--white-clr));
    border-radius: 10vw;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    z-index: 1
}

#contact .contact_form .round_corner .form_wrap #submit-area>div input[type=submit]:disabled {
    cursor: not-allowed;
    opacity: .3
}

#contact .contact_form .round_corner .form_wrap #submit-area>div:not(#form-back) input[type=submit] {
    padding: 0 3.4884vw 0 0;
    background: rgb(var(--brown-clr)) url("../img/btn_icon_bg_white_arrow_orange.svg") no-repeat right 4.186vw center/11.6279vw
}

#contact .contact_form .round_corner .form_wrap #submit-area>div#form-back input[type=submit] {
    margin-bottom: 4.65vw;
    padding: 0 0 0 3.4884vw;
    background: #939192 url("../img/btn_icon_bg_white_arrow_orange_back.svg") no-repeat left 4.186vw center/11.6279vw
}

[name=recaptcha-v3]+br {
    display: none
}

#contact .contact_form .round_corner .form_wrap #re-captcha {
    font-size: 3.2558vw;
    font-weight: 400;
    line-height: 1.47
}

#contact .contact_form .round_corner .form_wrap #re-captcha a {
    color: rgb(var(--link-clr));
    text-decoration: underline
}

#contact .contact_form.thanks .lower_title {
    font-size: 6.0465vw
}

#contact .contact_form.thanks p {
    margin: 0 auto 12.7907vw
}

#contact .contact_form.thanks .standard_btn+.standard_btn {
    margin-top: 4.65vw
}

#contact .contact_form .round_corner .form_wrap #submit-area {
    margin: 0 0 11.6279vw
}

.mw_wp_form form .error {
    display: block;
    width: 100%;
    margin-top: .5em;
    font-size: 86%;
    color: #eb305b
}

@media(min-width: 601px) {

    #contact .contracted,
    #contact .counseling {
        margin: 0 0 78px
    }

    #contact .lower .round_corner {
        padding: 0 0 80px
    }

    #contact .round_corner .lower_title {
        margin: 0 0 40px
    }

    #contact .contact_form.thanks .lower_title {
        font-size: 28px
    }

    #contact .round_corner p {
        line-height: 1.667;
        max-width: 800px
    }

    #contact .contracted .round_corner p {
        font-size: inherit;
        margin: 0 auto 18px
    }

    #contact .counseling .round_corner p {
        font-size: inherit;
        margin: 0 auto 45px
    }

    #contact .counseling .round_corner .counseling_center,
    #contact .contracted .round_corner .counseling_center {
        max-width: 800px;
        margin: 0 auto 45px
    }

    #contact .contracted .round_corner .counseling_center {
        margin-top: 60px
    }

    #contact .counseling .round_corner .counseling_center>dt,
    #contact .contracted .round_corner .counseling_center>dt {
        font-size: 20px;
        padding: 22px 0;
        border-radius: 20px
    }

    #contact .counseling .round_corner .counseling_center>dt::after,
    #contact .contracted .round_corner .counseling_center>dt::after {
        bottom: -2.5px;
        height: 5px;
        width: 95%;
        background: url(../img/border_dot_purple.svg) repeat-x center/auto 5px
    }

    #contact .counseling .round_corner .counseling_center>dd,
    #contact .contracted .round_corner .counseling_center>dd {
        padding: 22px 0 39px;
        border-radius: 20px
    }

    #contact .counseling .round_corner .counseling_center>dt span,
    #contact .counseling .round_corner .counseling_center>dd dl,
    #contact .contracted .round_corner .counseling_center>dt span,
    #contact .contracted .round_corner .counseling_center>dd dl {
        max-width: 486px;
        margin: 0 auto
    }

    #contact .counseling .round_corner .counseling_center>dd dl,
    #contact .contracted .round_corner .counseling_center>dd dl {
        display: flex;
        align-items: baseline;
        font-size: 16px
    }

    #contact .counseling .round_corner .counseling_center>dd dl+dl,
    #contact .contracted .round_corner .counseling_center>dd dl+dl {
        margin-top: 28px
    }

    #contact .counseling .round_corner .counseling_center>dd dl>dt,
    #contact .contracted .round_corner .counseling_center>dd dl>dt {
        margin: 0 73px 0 0
    }

    #contact .counseling .round_corner .counseling_center>dd dl>dd a:hover,
    #contact .contracted .round_corner .counseling_center>dd dl>dd a:hover {
        text-decoration: none
    }

    #contact .counseling .round_corner .counseling_center>dd dl>dd .tel a,
    #contact .contracted .round_corner .counseling_center>dd dl>dd .tel a {
        font-size: 24px
    }

    #contact .counseling .counseling_center>dd dl>dd .reservation a,
    #contact .contracted .counseling_center>dd dl>dd .reservation a {
        font-size: inherit
    }

    #contact .contact_form {
        padding: 139px 0 0
    }

    #contact .contact_form.p_short {
        padding: 63px 0 0
    }

    #contact .contact_form .round_corner .wrap,
    #contact .contact_form .round_corner .form_wrap {
        max-width: 800px;
        margin: 0 auto
    }

    #contact .contact_form .round_corner .wrap .support {
        padding: 39px 0;
        margin: 0 0 27px;
        border-radius: 20px
    }

    #contact .contact_form .round_corner .wrap .support dt {
        margin: 0
    }

    #contact .contact_form .round_corner .wrap .support dt,
    #contact .contact_form .round_corner .wrap .support dd {
        font-size: 16px
    }

    #contact .contact_form.thanks .round_corner .wrap .support {
        margin: 0 0 36px
    }

    #contact .contact_form .round_corner .wrap .text {
        font-size: 15px;
        line-height: 1.667;
        margin: 0 0 35px
    }

    #contact .contact_form .round_corner .wrap .qa_box {
        padding: 40px 0;
        margin: 0 0 60px;
        border-radius: 20px
    }

    #contact .contact_form.thanks .round_corner .wrap .qa_box {
        margin: 0 0 40px
    }

    #contact .contact_form .round_corner .wrap .qa_box p {
        font-size: inherit;
        text-align: center;
        margin: 0 0 25px
    }

    #contact .contact_form .round_corner .form_wrap dl {
        font-size: 15px;
        padding: 23px 0
    }

    #contact .contact_form .round_corner .form_wrap.confirm dl {
        padding: 30px 0
    }

    #contact .contact_form .round_corner .form_wrap dl::before {
        top: -2.5px;
        height: 5px;
        background: url(../img/border_dot_white.svg) repeat-x center/auto 5px
    }

    #contact .contact_form .round_corner .form_wrap.confirm dl dd {
        line-height: 1.667
    }

    #contact .contact_form .round_corner .form_wrap dl dd small {
        font-size: 11px;
        letter-spacing: -0.05em;
        margin-top: 11px
    }

    #contact .contact_form .round_corner .form_wrap dl dd .mwform-radio-field+.mwform-radio-field {
        margin-left: 20px
    }

    #contact .contact_form .round_corner .form_wrap dl dd .mwform-radio-field-text {
        width: 120px;
        padding: 17px 0 18px;
        border-radius: 70px
    }

    #contact .contact_form .round_corner .form_wrap dl dd input[type=radio]:checked+.mwform-radio-field-text::after {
        left: 20px;
        width: 15px;
        height: 15px
    }

    #contact .contact_form .round_corner .form_wrap dl dt .item {
        padding-left: 66px;
        padding-right: 36px
    }

    #contact .contact_form .round_corner .form_wrap dl dt .item .imp {
        font-size: 14px;
        line-height: 25px;
        padding: 0 13px;
        margin-right: 10px;
        margin-top: -0.17em;
        border-radius: 30px
    }

    #contact .contact_form .round_corner .form_wrap dl dd input[type=text],
    #contact .contact_form .round_corner .form_wrap dl dd input[type=email],
    #contact .contact_form .round_corner .form_wrap dl dd select {
        padding: 15px 29px 14px;
        border-radius: 10px
    }

    #contact .contact_form .round_corner .form_wrap dl dd select {
        background-position: right 20px center;
        background-size: 12px 7px
    }

    #contact .contact_form .round_corner .form_wrap dl dd textarea {
        height: 150px;
        line-height: 1.667;
        padding: 15px 29px 14px;
        border-radius: 10px
    }

    #contact .contact_form .round_corner .form_wrap .agree {
        margin: 13px 0 30px 0;
        padding-left: 23px
    }

    #contact .contact_form .round_corner .form_wrap .agree input[type=checkbox]+.mwform-checkbox-field-text {
        font-size: inherit;
        padding-left: 23px
    }

    #contact .contact_form .round_corner .form_wrap .agree input[type=checkbox]+.mwform-checkbox-field-text::before {
        width: 11px;
        height: 11px
    }

    #contact .contact_form .round_corner .form_wrap .agree input[type=checkbox]:checked+.mwform-checkbox-field-text::after {
        top: 5px;
        left: 2px;
        width: 10px;
        height: 5px;
        border-left: 2px solid rgb(var(--base-clr));
        border-bottom: 2px solid rgb(var(--base-clr))
    }

    #contact .contact_form .round_corner .form_wrap #submit-area {
        display: flex;
        justify-content: center;
        margin-bottom: 50px
    }

    #contact .contact_form .round_corner .form_wrap .mw_wp_form_confirm #submit-area {
        margin-top: 23px
    }

    #contact .contact_form .round_corner .form_wrap #submit-area>div input[type=submit] {
        height: 70px;
        font-size: inherit;
        line-height: 1.25;
        border-radius: 140px;
        transition: opacity .3s
    }

    #contact .contact_form .round_corner .form_wrap #submit-area>div:not(#form-back) input[type=submit] {
        width: 300px;
        padding: 0 15px 0 0;
        background-position: right 20px center;
        background-size: 30px
    }

    #contact .contact_form .round_corner .form_wrap #submit-area>div#form-back input[type=submit] {
        width: 250px;
        margin: 0 30px 0 0;
        padding: 0 0 0 15px;
        background-position: left 20px center;
        background-size: 30px
    }

    #contact .contact_form .round_corner .form_wrap #submit-area>div input[type=submit]:not(:disabled):hover {
        opacity: .8
    }

    #contact .contact_form .round_corner .form_wrap #re-captcha {
        font-size: 11px;
        line-height: 1.35
    }

    #contact .contact_form .round_corner .form_wrap #re-captcha a:hover {
        text-decoration: none
    }

    #contact .contact_form.thanks p {
        font-size: inherit;
        margin: 0 auto 48px
    }

    #contact .contact_form.thanks .standard_btn+.standard_btn {
        margin-top: 20px
    }
}

@media(min-width: 961px) {
    #contact .contact_form .round_corner .wrap .support {
        display: flex;
        justify-content: center
    }

    #contact .contact_form .round_corner .wrap .support dt {
        padding-right: 30px
    }

    #contact .contact_form .round_corner .wrap .support dd {
        line-height: 1
    }

    #contact .contact_form .round_corner .form_wrap dl,
    #contact .contact_form .round_corner .form_wrap dl.show {
        display: flex;
        box-sizing: border-box
    }

    #contact .contact_form .round_corner .form_wrap:not(.confirm) dl {
        min-height: 90px
    }

    #contact .contact_form .round_corner .form_wrap:not(.confirm) dl.center {
        align-items: center
    }

    #contact .contact_form .round_corner .form_wrap:not(.confirm) dl:not(.center) dt {
        padding-top: 13px
    }

    #contact .contact_form .round_corner .form_wrap dl dt {
        flex: 0 0 342px;
        margin: 0;
        box-sizing: border-box
    }

    #contact .contact_form .round_corner .form_wrap dl dd {
        flex: 1 1 auto;
        padding-right: 8px
    }
}

@media(min-width: 601px)and (max-width: 960px) {
    #contact .contact_form .round_corner .wrap .support dt {
        margin: 0 0 20px
    }

    #contact .contact_form .round_corner .wrap .support dd {
        text-align: center
    }

    #contact .contact_form .round_corner .form_wrap dl dt {
        margin: 0 0 20px
    }
}

.grecaptcha-badge {
    visibility: hidden
}

.ui-datepicker {
    width: 69.76vw !important
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size: 1em
}

.ui-widget.ui-widget-content {
    border: 1px solid rgb(var(--brown-clr)) !important
}

.ui-widget-content {
    color: rgb(var(--brown-clr)) !important
}

.ui-widget-content a {
    color: rgb(var(--brown-clr)) !important
}

.ui-widget-header {
    border: 1px solid rgb(var(--brown-clr)) !important;
    background: rgb(var(--brown-clr)) !important;
    color: rgb(var(--white-clr)) !important;
    font-weight: bold
}

.ui-widget-header a {
    background: rgb(var(--white-clr)) !important
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid rgba(0, 0, 0, 0) !important;
    background: #ebf9f3 !important;
    font-weight: bold;
    color: rgb(var(--brown-clr));
    font-size: 4.18vw;
    padding: .3em .2em
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: rgb(var(--brown-clr)) !important;
    text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1px solid rgb(var(--brown-clr)) !important;
    background: #fdeaee !important;
    font-weight: bold;
    color: rgb(var(--brown-clr)) !important
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: rgb(var(--brown-clr)) !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 {
    border: 1px solid rgb(var(--brown-clr)) !important;
    background: rgb(var(--brown-clr)) !important;
    color: rgb(var(--white-clr)) !important
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff !important;
    background-color: rgb(var(--white-clr)) !important
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: rgb(var(--white-clr)) !important
}

@media(min-width: 601px) {
    .ui-datepicker {
        width: 300px !important
    }

    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default,
    .ui-button,
    html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {
        font-size: 16px
    }
}