@charset "UTF-8";

/* -------------------------------- */
/* common.css 上書き */
/* -------------------------------- */

/* ---------- body ---------- */
body {
    font-size: 1.5vw;
}

/* ---------- input ---------- */
input[type="text"],
input[type="number"],
input[type="date"],
input[type="datetime-local"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea {
    height: 3vw;
    line-height: 3vw;
}

/* ---------- 通知 ---------- */
#message-notification {
    top: 0vw;
    font-size: 1.5vw;
}

/* ---------- btn ---------- */
.btn {
    height: 3vw;
    font-size: 1.5vw !important;
    line-height: 3vw;
}

    .btn.btn-common {
        min-width: 8vw;
    }

/* ---------- login ---------- */
.center-page-area .login_title {
    font-size: 1.5vw;
}

    .center-page-area .login_title img {
        width: 1.5vw;
    }

/* ---------- Air Datepicker ---------- */
.datepicker {
    font-size: 1.5vw;
    width: 20vw;
}

.datepicker--nav {
    height: 3vw;
    min-height: unset;
}

.datepicker--nav-action {
    width: 3vw;
    height: 3vw;
    font-size: 1.5vw;
    color: #808080;
    padding-bottom: 0.3vw;
}

    .datepicker--nav-action svg {
        display: none;
    }

    .datepicker--nav-action[data-action="prev"]::after {
        content: "<";
    }

    .datepicker--nav-action[data-action="next"]::after {
        content: ">";
    }

.datepicker--body,
.datepicker--cells {
    height: unset;
}

.datepicker--cell-day {
    width: calc(100% / 7);
    height: 3vw;
}

.datepicker--cell-month {
    width: calc(100% / 3);
    height: 4vw;
}

.datepicker--cell-year {
    width: calc(100% / 4);
    height: 5vw;
}

.datepicker--button {
    height: 3vw;
}

/* ---------- iziModal ---------- */
.swal2-popup {
    width: 48vw;
    padding: 1.25vw;
    border-radius: .3125vw;
    font-size: 1.2vw;
}

.swal2-icon {
    width: 5vw;
    height: 5vw;
    margin: 1.25vw auto 1.875vw;
    border: 0.25vw solid transparent;
    line-height: 5vw;
}

    .swal2-icon::before {
        font-size: 3vw;
    }

    .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
        top: 2.3125vw;
        width: 2.9375vw;
        height: .3125vw;
        border-radius: .125vw;
    }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
            left: 1.0625vw;
        }

        .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
            right: 1vw;
        }

    .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
        top: -.4375vw;
        left: -2.0635vw;
        width: 3.75vw;
        height: 7.5vw;
        border-radius: 7.5vw 0 0 7.5vw;
        transform-origin: 3.75vw 3.75vw;
    }

    .swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
        top: 2.875vw;
        left: .875vw;
        width: 1.5625vw;
        height: .3125vw;
        border-radius: 0.125vw;
    }

    .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
        top: 2.375vw;
        right: .5vw;
        width: 2.9375vw;
        height: .3125vw;
        border-radius: 0.125vw;
    }

    .swal2-icon.swal2-success .swal2-success-ring {
        top: -0.25vw;
        left: -.25vw;
        border: .25vw solid rgba(165,220,134,.3);
    }

    .swal2-icon.swal2-success .swal2-success-fix {
        top: 0.5vw;
        left: 1.625vw;
        width: .4375vw;
        height: 5.625vw;
    }

    .swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
        top: -0.6875vw;
        left: 1.875vw;
        width: 3.75vw;
        height: 7.5vw;
        transform-origin: 0 3.75vw;
        border-radius: 0 7.5vw 7.5vw 0;
    }

@-webkit-keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875vw;
        left: .0625vw;
        width: 0
    }

    54% {
        top: 1.0625vw;
        left: .125vw;
        width: 0
    }

    70% {
        top: 2.1875vw;
        left: -.375vw;
        width: 3.125vw
    }

    84% {
        top: 3vw;
        left: 1.3125vw;
        width: 1.0625vw
    }

    100% {
        top: 2.8125vw;
        left: .875vw;
        width: 1.5625vw
    }
}

@keyframes swal2-animate-success-line-tip {
    0% {
        top: 1.1875vw;
        left: .0625vw;
        width: 0
    }

    54% {
        top: 1.0625vw;
        left: .125vw;
        width: 0
    }

    70% {
        top: 2.1875vw;
        left: -.375vw;
        width: 3.125vw
    }

    84% {
        top: 3vw;
        left: 1.3125vw;
        width: 1.0625vw
    }

    100% {
        top: 2.8125vw;
        left: .875vw;
        width: 1.5625vw
    }
}

@-webkit-keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375vw;
        right: 2.875vw;
        width: 0
    }

    65% {
        top: 3.375vw;
        right: 2.875vw;
        width: 0
    }

    84% {
        top: 2.1875vw;
        right: 0;
        width: 3.4375vw
    }

    100% {
        top: 2.375vw;
        right: .5vw;
        width: 2.9375vw
    }
}

@keyframes swal2-animate-success-line-long {
    0% {
        top: 3.375vw;
        right: 2.875vw;
        width: 0
    }

    65% {
        top: 3.375vw;
        right: 2.875vw;
        width: 0
    }

    84% {
        top: 2.1875vw;
        right: 0;
        width: 3.4375vw
    }

    100% {
        top: 2.375vw;
        right: .5vw;
        width: 2.9375vw
    }
}

@-webkit-keyframes swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes swal2-rotate-success-circular-line {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }

    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }

    100% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@-webkit-keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625vw;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625vw;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375vw;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes swal2-animate-error-x-mark {
    0% {
        margin-top: 1.625vw;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    50% {
        margin-top: 1.625vw;
        -webkit-transform: scale(.4);
        transform: scale(.4);
        opacity: 0
    }

    80% {
        margin-top: -.375vw;
        -webkit-transform: scale(1.15);
        transform: scale(1.15)
    }

    100% {
        margin-top: 0;
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}

@keyframes swal2-animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }

    100% {
        -webkit-transform: rotateX(0);
        transform: rotateX(0);
        opacity: 1
    }
}