/* Loading画像 */
body.lock-html {
    overflow-y: hidden;
}

body>.loading {
    position: fixed;
    display: none;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    margin-left: -15px;
    background: rgba(255, 255, 255, 0.75);
}

body>.loading:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '読み込み中...';
    margin-top: 20px;
    margin-left: -40px;
    width: 100px;
    height: 40px;
}

body>.loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

.text-none,
.text-none:hover
.text-none:active
.text-none:visited
.text-none button:hover
.text-none button:active
.text-none button:visited {
    text-decoration: none !important;
}

.date_wrap_custom::after,
.date_wrap_custom .flatpickr-wrapper::after,
.select_wrap_custom::after {
    top: 20px !important;
}

.word-break-all {
    word-break: break-all;
}

.d-none {
    display: none;
}

.c-pointer {
    cursor: pointer !important;
}

textarea.error,
input.error,
select.error,
textarea.red,
input.red,
select.red {
    color: inherit !important;
}

/* fixed error font-size small when error */
td .error:not(input, select, textarea) {
    font-size: 0.625rem;
}

/* fixed error layout when error */
#application-system span.error,
#application-system label.error {
    display: block;
}

#application-system input,
#application-system select,
#application-system textarea {
    -ms-touch-action: none;
    touch-action: none;
}

#application-system .table02 td {
    word-break: break-all;
}

#application-system .flex-pc {
    display: flex;
}

#application-system .flex-pc > * {
    flex: 1;
}

#application-system .flex-pc .tr {
    padding-top: 6px;
}

@media only screen and (max-width: 767px) {
    #application-system .flex-pc {
        flex-direction: column;
    }
}

@media only screen and (max-width: 500px) {
    #application-system .table02 td {
        padding: 1rem 1rem !important;
    }

    #application-system .table02 th {
        padding-left: 1.5rem !important;
    }
}

div.html-d-none, input.html-d-none {
    display: none !important;
}

label.error-messages {
    color: #75140C;
    display: inline-block;
    padding-top: 0.75rem;
    font-size: 0.75rem !important;
}

.table02-custom {
    table-layout: fixed;
}

/* .table02-custom tr th {
    width: 200px;
} */

@media screen and (max-width: 768px) {
    .table02-custom tr th {
        width: 130px;
    }
}

@media only screen and (max-width: 400px) {
    .table02-custom tr th {
        width: 120px;
    }
}

.renderCameraScan{
    width: 100%;
    height: 450px;
}
.listCameraBox{
    width: 100%;
    height: auto;
    display: block;
    margin: 10px 0px 10px 0px;
}

.text-center{
    text-align: center !important;
}
label.error_payment_input{
    color: #75140C;
    display: inline-block;
    padding-top: 0.25rem;
    font-size: 0.625rem;
}

.message-validate-manager {
    margin-left: 5px !important;
}

#select_divisions {
    display: flex;
    width: 100%;
    flex-direction: column;
}

button.center-btn {
    width: 80%;
    max-width: 80%;
    margin: 0 auto !important;
    border-width: 2px;
}

.page-content {
    margin-top: 10%;
}

#cboxLoadedContent img {
    width: 100% !important;
    height: 100% !important;
}

table td {
    word-break: break-all;
}

.flex-content-end {
    justify-content: flex-end;
}

.resize-none {
    resize: none;
}

label.error_message_request_validate_date {
    display: none !important;
}

.error_message_validate_date {
    margin-top: 8px;
}

.shinsei_l input[type="radio"]:checked + span::after {
    top: 1.25rem !important;
    left: 1.25rem;
}