@charset "utf-8";

/*
源ノゴシック
font-family: source-han-sans-cjk-ja, sans-serif;
源ノ明朝
font-family: source-han-serif-japanese, serif;
*/

.grecaptcha-badge {
    visibility: hidden;
}

html {
    /*font-family: source-han-sans-cjk-ja, sans-serif;*/
    font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック', 'Hiragino Sans', sans-serif;
    font-size: 16px;
    line-height: 1.6;
}

/*
html {visibility: hidden;}
html.wf-active {visibility: visible;}
*/
body {
    background: #fff;
    color: #1e1e1e;
    padding-top: 3em;
    caret-color: transparent;
}

@media(max-width:576px) {
    body {
        padding-top: 5em;
    }

}

.inner {
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.inner_s {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

.marker {
    background: linear-gradient(transparent 60%, rgba(249, 240, 78, 0.8) 60%);
}

.bg_gray {
    background: #ccc;
}

.bg_color1 {
    background: #ffcfcf !important;
}

.bg_color2 {
    background: #e1ffcf !important;
}

.bg_color3 {
    background: #cfefff !important;
}

.bg_color4 {
    background: #eacfff !important;
}

.bg_color5 {
    background: #cfd0ff !important;
}

.mt-05 {
    margin-top: 0.5em !important;
}

.mt-1 {
    margin-top: 1em;
}

.mini {
    font-size: 11px;
}

hr {
    border: none;
    border-top: 1px solid #bfbfbf;
}

/* **************************************************************** */
/* ヘッダー
*/
header {
    background-color: #fff;
    color: #1f2d3d;
    width: 100%;
    height: 3em;
    padding: 0 1em 0 14em;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    border-bottom: 1px solid #dee2e6;
    z-index: 10;
}

@media(max-width:576px) {
    header {
        padding: 0 1em 0 1em;
        height: 5em;
        z-index: 100;
    }
}

header.flex {
    align-items: center;
    justify-content: space-between;
}

header h1 {
    font-size: 14px;
    line-height: 1em;
}

.header_util {}

.header_util ul {
    align-items: center;
    justify-content: space-between;
}

@media(max-width:576px) {
    .header_util ul {
        flex-direction: column;
        align-items: flex-end;
    }
}

.header_util ul li {
    font-size: 14px;
}

.header_util ul li+li {
    margin-left: 1em;
}

.header_util ul li.login_user {}

.header_util ul li.login_user i {
    font-size: 1.2em;
    margin-right: 0.2em;
}

.header_util ul li.btn_logout {
    font-size: 1.2em;
    line-height: 1;
    cursor: pointer;
}

.header_util ul li.btn_logout:hover {
    color: #f00;
}

header a {
    color: #1f2d3d;
    text-decoration: none;
}

/* **************************************************************** */
/* フッター
*/
footer {
    background: #fff;
    padding: 0;
}

footer .copy {
    display: block;
    background: #ff9900;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 1em 0 1em;
}

/* **************************************************************** */
/* 個別CSS
*/
#loginPage {
    padding: 0;
}

#loginPage main {
    padding: 0;
    height: 100vh;
    display: grid;
    justify-items: center;
    align-items: center;
}

.login_form_bloc {
    background: #2a3644;
    padding: 1.5em;
    border-radius: 6px;
    box-sizing: border-box;
    box-shadow: 0 3px 3px #9d9d9d;
}

.login_form_bloc .fmctr {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    margin-bottom: 1em;
    border: solid 1px rgb(19 32 47);
    border-radius: 6px;
    font-size: 14px;
}

.login_form_bloc .btn {
    position: relative;
    display: block;
    margin: 0 auto;
    padding: 1em;
    width: 100%;
    max-width: 270px;
    border-radius: 6px;
    background: #f26964;
    color: #f4f4f4;
    box-shadow: 0px 3px 0px #ab4b47;
    border: none;
    cursor: pointer;
    font-size: 14px;
}

.login_form_bloc .btn:hover {
    background: rgb(242 105 100 / 90%);
    box-shadow: 0px 3px 0px rgb(171 75 71 / 90%);
}







.wrapper {}

.sidebar {
    background-color: rgb(19, 32, 47);
    color: #c2c7d0;
    position: fixed;
    top: 0;
    left: 0;
    width: 13em;
    height: 100vh;
    z-index: 12;
}

@media(max-width:576px) {
    .sidebar {
        left: -100%;
        transition: 0.5s;
        min-height: calc(100vh - 5em);
        padding-top: 5em;
        height: 100%;
        overflow: scroll;
    }

    .sidebar.open {
        left: 0%;
    }
}

.sidebar a {
    color: rgba(255, 255, 255, .8);
}

.sidebar .system_name {
    background-color: rgb(19, 32, 47);
    color: #fff;
    height: 3em;
    display: grid;
    justify-items: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0.5em;
    border-bottom: 1px solid #4b545c;
}

.sidebar .system_name p {
    font-size: 12px;
}

.menu_content {
    padding: 0.5em;
    text-align: left;
}

@media(max-width:576px) {
    .menu_content {
        overflow: scroll;
        height: 120%;
    }
}

.menu_content ul {}

.menu_content ul+ul {
    border-top: 1px solid #4b545c;
    margin-top: 0.5em;
    padding-top: 0.5em;
}

.menu_content ul li {}

.menu_content ul li.child {
    padding-left: 0.5em;
}

.menu_content ul li+li {
    /*margin-top: 0.2em;*/
}

.menu_content ul li a {
    padding: 0.3rem 0.75rem;
    border-radius: 0.25rem;
    text-decoration: none;
    font-size: 12px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.menu_content ul li a:hover {
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
}

.menu_content ul li a.active {
    background-color: rgba(255, 255, 255, .9);
    color: #343a40;
}

.menu_content ul li a i {
    margin-right: 0.2em;
}

main {
    background-color: #f4f6f9;
    width: 100%;
    min-height: calc(100vh - 3em);
    padding: 1em 1em 0.5em 14em;
    box-sizing: border-box;
}

@media(max-width:576px) {
    main {
        padding: 1em 1em 0.5em 1em;
        min-height: calc(100vh - 5em);
    }
}

.row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -7.5px;
    margin-left: -7.5px;
}

@media(max-width:576px) {
    .row {
        flex-direction: column;
    }
}

.row_center {
    align-items: flex-start;
    justify-content: center;
}

.row+.row {
    margin-top: 0.5em;
}

div[class^="col"] {
    position: relative;
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
    box-sizing: border-box;
}

.col-1 {
    -webkit-flex: 0 0 8.333333333%;
    -ms-flex: 0 0 8.333333333%;
    flex: 0 0 8.333333333%;
    max-width: 8.333333333%;
}

@media(max-width:576px) {
    .col-1 {
        max-width: 100%;
    }
}

.col-2 {
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

@media(max-width:576px) {
    .col-2 {
        max-width: 100%;
    }
}

.col-3 {
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

@media(max-width:576px) {
    .col-3 {
        max-width: 100%;
    }
}

.col-4 {
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

@media(max-width:576px) {
    .col-4 {
        max-width: 100%;
    }
}

.col-5 {
    -webkit-flex: 0 0 41.666667%;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

@media(max-width:576px) {
    .col-6 {
        max-width: 100%;
    }
}

.col-7 {
    -webkit-flex: 0 0 58.333333%;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

@media(max-width:576px) {
    .col-7 {
        max-width: 100%;
    }
}

.col-8 {
    -webkit-flex: 0 0 66.666667%;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

@media(max-width:576px) {
    .col-8 {
        max-width: 100%;
    }
}

.col-9 {
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

@media(max-width:576px) {
    .col-9 {
        max-width: 100%;
    }
}

.col-10 {
    -webkit-flex: 0 0 83.333333%;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

@media(max-width:576px) {
    .col-10 {
        max-width: 100%;
    }
}

.col-12 {
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}



.card {
    box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
    background-color: #fff;
    margin-bottom: 0.5rem;
    border-radius: 4px;
}

.card.error {
    background-color: #ff8787;
}

.card.error ul {}

.card.error ul li {}

.card.error ul li+li {}

.card.error ul li+li:before {
    content: ",";
}

.card_header {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    padding: 0.5em 0.5em;
    text-align: left;
}

.card_header.flex {
    align-items: center;
    justify-content: space-between;
}

.card_header h3 {
    text-align: left;
    font-size: 12px;
    display: inline-block;
}

.card_header .price {
    text-align: left;
    font-size: 12px;
    display: inline-block;
}

.card_header .score {
    text-align: left;
    font-size: 12px;
    display: inline-block;
    font-weight: 900;
}

.card_header .score:before {
    content: "スコア:";
}

.card_header .add_invoice_btn {
    content: "必須";
    display: inline-block;
    background: #ff9900;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 4px 4px 3px;
    border-radius: 2px;
    cursor: pointer;
}

.card_header .add_invoice_btn:hover {
    background: #b76e00;
}

.card_body {
    min-height: 1px;
    padding: 0.5rem;
    font-size: 14px;
    text-align: left;
}

@media(max-width:576px) {
    .card_body {
        overflow-x: scroll;
    }
}

.card_body.flex {
    align-items: center;
    justify-content: space-between;
}

.nocard {
    margin-bottom: 1rem;
    min-height: 1px;
}

.hearing_card {
    background: #fff395;
}

.form_dl {}

.form_dl.half {
    width: calc(100% / 2 - 0.25em);
    display: inline-block;
    vertical-align: top;
}

.form_dl.triple {
    width: 32.5%;
    display: inline-block;
    vertical-align: top;
}

@media(max-width:576px) {
    .form_dl.triple {
        width: 48.5%;
    }
}

.form_dl.triple:nth-child(n+4) {
    margin-top: 0.2em !important;
}





.form_dl+.form_dl {
    margin-top: 0.5em;
}

.form_dl+.form_dl.half {
    margin-top: 0;
}

.form_dl+.form_dl.triple {
    margin-top: 0;
}

.form_dl dt {
    font-size: 12px;
}

.form_dl dt.border {
    border-bottom: solid 1px #ccc;
    padding-bottom: 0.2em;
    margin-bottom: 0.2em;
}

.form_dl dd span {
    font-size: 12px;
}

.form_dl dt .mini {
    margin-left: 0.5em;
    margin-right: auto;
}

.form_dl dd {}

.form_dl dd.sub {
    font-size: 12px;
    line-height: 1.4em;
    word-break: break-all;
}

.form_dl dd.flex {
    align-items: center;
    justify-content: flex-start;
}

.form_dl dd.flex>*+* {
    margin-left: 0.5em;
}


.form_display.flex {
    align-items: center;
    justify-content: flex-start;
}

.form_display.flex dt {
    width: 14em;
    font-size: 12px;
}

.form_display.flex dd {
    flex: 1 0 0%;
    font-size: 13px;
}

.form_display.flex dd.flex {
    align-items: center;
    justify-content: flex-start;
}

.form_display.flex dd.flex>*+* {
    margin-left: 0.5em;
}

.form_display+.form_display {
    border-top: solid 1px #ccc;
    padding-top: 0.5em;
    margin-top: 0.5em;
}

.job_image_figure {
    margin-top: 0.5em;
}


.tables {
    width: 100%;
}

.tables th {
    border: solid 1px #3a6291;
    padding: 0.5rem;
}


.tables td {
    border: solid 1px #3a6291;
    padding: 0.5rem;
    font-size: 13px;
    line-height: 1.4em;
}

.tables thead th {
    border-right: solid 1px #dee2e6;
    background-color: #3a6291;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
}

.tables thead th:last-child {
    border-right: solid 1px #3a6291;
}

.tables tbody tr:hover {
    /*background: rgb(255 153 0 / 20%);*/
}

.bg_option {
    background: #bdc4db;
}

.err_fix {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.err_fix p {
    display: inline-block;
    background: #ff8585;
    padding: 0.5em 1em;
    font-size: 14px;
    line-height: 1;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}





.search_bloc {
    align-items: flex-end;
    justify-content: flex-start;
}

.search_bloc>*+* {
    margin-left: 1em;
}

.search_bloc .form_dl+.form_dl {
    margin-top: 0;
}

.search_bloc .form_dl dt {
    font-size: 12px;
}

.search_bloc .btn_bloc {
    margin-bottom: 3px;
}

.search_bloc .btn_bloc button {
    max-width: none;
    letter-spacing: 0;
    padding: 0.8em 1.5em;
    font-size: 14px;
}

.cnt {
    font-size: 0.8em;
    text-align: right;
    font-weight: bold;
}

.cnt span {
    font-size: 2em;
    line-height: 1.2em;
    font-weight: bold;
    margin-right: 0.2em;
}


.pager {
    align-items: center;
    justify-content: space-between;
}

.pager p {}

.pager ul {}

.pager ul li {}

.pager ul li+li {
    margin-left: 0.5em;
}

.pager ul li a {
    font-size: 16px;
    line-height: 1em;
    display: block;
    /*width: 1em;*/
    text-align: center;
    background: #0e4985;
    color: #fff;
    padding: 0.4em;
    text-decoration: none;
    border-radius: 2px;
    border: solid 1px #0e4985;
}

.pager ul li a.active {
    background: #fff;
    color: #0e4985;
    pointer-events: none;
}

.td_hr {
    border: none;
    border-top: solid 1px #ccc;
    margin: 0.5em 0;
}

.check_dummy {
    background: #bbbbbb;
}

.radio_wrap {
    gap: 0.5em;
}

.radio_wrap.flex .radio_item+.radio_item {
    margin-left: 0;
}

.radio_item.flex {}

.check_text {
    font-size: 0.8em;
}



.entry_cell_form {}

.entry_cell_form select {
    cursor: pointer;
}

.entry_cell_form .btn_bloc {
    margin-top: 0.5em;
    padding-top: 0.5em;
    border-top: solid 1px #ccc;
    text-align: right;
}

trix-editor {
    caret-color: #000;
    min-height: 30em !important;
}

.blank_lint {
    display: inline-block;
    background: #4663f5;
    color: #fff;
    text-decoration: none;
    border-radius: 0.2em;
    padding: 0.3em 0.5em 0.2em;
    font-size: 0.9em;
    line-height: 1.2em;
    margin-bottom: 0.2em;
}

.edit_lint {
    display: inline-block;
    background: #f57246;
    color: #fff;
    text-decoration: none;
    border-radius: 0.2em;
    padding: 0.3em 0.5em 0.2em;
    font-size: 0.9em;
    line-height: 1.2em;
    margin-bottom: 0.2em;
}


.work_bloc {
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1em;
}

.work_bloc figure {}

.work_cell {}

.work_cell dl {}

.work_cell dl+dl {}

.work_cell dl dt {
    font-size: 12px;
}

.work_cell dl dd {
    font-size: 12px;
}

.work_cell p {
    font-size: 12px;
}

.work_cell p+p {
    border-top: solid 1px #ccc;
    padding-top: 0.5em;
    margin-top: 0.5em;
}

.f12 {
    font-size: 12px;
}

.entry_list_change {
    width: auto;
}

.add_member_bloc {
    align-items: center;
    justify-content: space-between;
    gap: 1em;
}

.add_member_bloc .add_member {
    width: 10em;
}

.add_member_bloc .add_member_name {
    margin-right: auto;
}

.add_member_bloc #add_submit_button {
    text-align: center;
    letter-spacing: 0;
    padding: 0.7em 1em 0.5em;
    line-height: 1.4em;
}

.add_member_bloc #add_submit_button:disabled {
    background: #ccc;
    box-shadow: 0 3px 0 #aaa;
}


.entry_adoption_0 {
    display: inline-block;
    background: #ffff00;
    font-size: 1em;
    padding: 0.2em 0.2em 0.05em;
    border-radius: 0.2em;
}

.entry_adoption_1 {
    display: inline-block;
    background: #00ffff;
    font-size: 1em;
    padding: 0.2em 0.2em 0.05em;
    border-radius: 0.2em;
}

.entry_adoption_2 {
    display: inline-block;
    background: #808080;
    color: #fff;
    font-size: 1em;
    padding: 0.2em 0.2em 0.05em;
    border-radius: 0.2em;
}

.entry_adoption_3 {
    display: inline-block;
    background: #ff0000;
    color: #fff;
    font-size: 1em;
    padding: 0.2em 0.2em 0.05em;
    border-radius: 0.2em;
}

.entry_adoption_99 {
    display: inline-block;
    background: #1d2088;
    color: #fff;
    font-size: 1em;
    padding: 0.2em 0.2em 0.05em;
    border-radius: 0.2em;
}

.old_job {
    background: #aaa;
}

.old_job:hover {
    background: #aaa !important;
}

.entry_get_list {}

.entry_get_list li {}

.entry_get_list li+li {
    margin-top: 0.2em;
}

.decision_check {
    display: inline-block;
    background: #003eff;
    color: #fff;
    font-size: 1em;
    padding: 0.2em 0.2em 0.05em;
    border-radius: 0.2em;
}

.count_m {
    font-size: 1.3em;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.count_l {
    font-size: 1.5em;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
}

.cnt_contact_check {
    background: #fff;
    color: #000;
    font-weight: bold;
    display: inline-block;
    padding: 3px 5px 1px 4px;
    border: solid 1px #ccc;
    border-radius: 0.2em;
    text-align: center;
    font-size: 0.9em;
    line-height: 1;
    vertical-align: middle;
    margin-left: 0.5em;
    margin-left: auto;
}

.election_mail {
    border: solid 1px #7fff00;
    background: #7fff00;
    color: #fff;
    padding: 0.425rem 0.75rem 0.375rem;
    font-size: 0.9em;
    line-height: 1.5;
    cursor: pointer;
    border-radius: 0.2em;
}

.defeat_mail {
    border: solid 1px #bbb;
    background: #bbb;
    color: #fff;
    padding: 0.425rem 0.75rem 0.375rem;
    font-size: 0.9em;
    line-height: 1.5;
    cursor: pointer;
    border-radius: 0.2em;
}


.mail_process_bloc {
    align-items: flex-start;
    justify-content: flex-end;
    padding: 1em;
    gap: 1em;
}

.add_mail_bloc {}

.change_mail_bloc {}

.add_mail {
    border: solid 1px #ff9900;
    background: #ff9900;
    color: #fff;
    padding: 0.425rem 0.75rem 0.375rem;
    font-size: 0.9em;
    line-height: 1.5;
    cursor: pointer;
    border-radius: 0.2em;
}

.change_mail {
    border: solid 1px #8a2be2;
    background: #8a2be2;
    color: #fff;
    padding: 0.425rem 0.75rem 0.375rem;
    font-size: 0.9em;
    line-height: 1.5;
    cursor: pointer;
    border-radius: 0.2em;
}


.tr_1 {}

.tr_2 {
    background: #aaa !important;
}

.tr_3 {}

.cancel_tr {
    background: #ccc !important;
}

.entry_cancel {
    display: inline-block;
    background: #222;
    color: #fff;
    font-size: 1em;
    padding: 0.2em 0.2em 0.05em;
    border-radius: 0.2em;
}


.cancel_1 {
    text-decoration: line-through;
}


.display_hidden:hover {
    background: rgb(70 99 245 / 50%) !important;
}

.display_hidden.old_job {
    background: #aaa !important;
}


.bg_company {
    background: rgb(230 0 18 / 30%);
}

.bg_company_data {
    background: rgb(70 99 245 / 30%);
}

.bg_member {
    background: rgb(255 153 0 / 30%);
}

.bg_memo {
    background: rgb(255 153 0 / 30%);
}

.bg_bank {
    background: rgb(119 118 32 / 30%);
}




.mt1 {
    margin-top: 2em;
}

.mt2 {
    margin-top: 2em;
}

.mb1 {
    margin-bottom: 1em;
}

.mb2 {
    margin-bottom: 2em;
}

.mlauto {
    margin-left: auto;
}

.mrauto {
    margin-right: auto;
}


.btn {
    font-size: 0.9em;
    line-height: 1em;
    color: #fff;
    background: #333;
    text-decoration: none;
    display: block;
    padding: 1em;
    border-radius: 0.2em;
    font-weight: bold;
    text-align: center;
    max-width: 300px;
}

@media(max-width:576px) {
    .btn {
        max-width: 100%;
    }
}

.btn:hover {
    opacity: 0.8;
}

.add_button {
    background: #f0a4d7;
}

.search_button {
    background: #80B3FF;
}

.request_button {
    background: #68d76b;
}






.attachment {}

.attachment img {
    width: 100%;
    height: auto;
}

.attachment+span {
    display: none;
}

.attachment__caption {
    display: none;
}

.colum_detail figure {
    display: none;
}


.btn_edit {
    background: #aaa;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    line-height: 1em;
    display: inline-block;
    padding: 0.4em 0.3em 0.2em;
    margin-top: 0.2em;
}

.btn_edit:hover {
    background: #333;
}

.btn_check {
    background: #0059FF;
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    line-height: 1em;
    display: inline-block;
    padding: 0.4em 0.3em 0.2em;
}

.btn_check:hover {
    background: #0000FE;
}

.btn_print {
    background: rgb(255 153 0 / 80%);
    color: #fff;
    text-decoration: none;
    font-size: 13px;
    line-height: 1em;
    display: inline-block;
    padding: 0.4em 0.3em 0.2em;
    margin-top: 0.2em;
}

.btn_print:hover {
    background: #ff9900;
}

label.flex {
    align-items: center;
    justify-content: space-between;
    gap: 0.2em;
    cursor: pointer;
}

label.flex span {
    font-size: 12px;
    line-height: 1em;
}

label.flex input {
    margin-bottom: 0.1em;
}

.fmctr.readonly {
    background: #ccc;
}









.drop-area {
    border: 1px dashed #C8C8C8;
    background-color: #F0F0F0;
    border-radius: 5px;
    padding: 1em;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
}

.drop-area:hover {
    background-color: #1a76d3;
    color: #fff;
}

.drop-area.active {
    background-color: #1a76d3;
    color: #fff;
}

.drop-area.flex {
    height: 100%;
    align-items: center;
    justify-content: space-between;
}


.drop-area label {
    width: 100%;
    display: inline-block;
}

.drop-area label:hover {
    cursor: pointer;
}

.drop-area label input {
    flex: 1 0 0%;
    cursor: pointer;
    font-size: 12px;
}

.drop-area label svg {
    width: 2em;
    fill: currentColor;
    color: #909090;
    display: block;
    margin: 0 auto 0.5em;
}

.drop-area label .preview-area {
    margin: 0 auto;
    height: 200px;
}

.drop-area label .preview-area img {
    height: auto;
    max-width: 100%;
    width: 100%;
}


.user_status {
    display: inline-block;
    background: #ffff00;
    font-size: 1em;
    line-height: 1em;
    padding: 0.5em 0.5em 0.3em;
    border-radius: 0.2em;
    font-weight: bold;
}

.user_status_1 {}


.request_status {
    display: inline-block;
    background: #2f00ff;
    font-size: 12px;
    padding: 0.5em 0.5em 0.3em;
    border-radius: 0.2em;
    font-weight: bold;
}

.request_status_1 {}

.price {
    font-style: normal;
    font-weight: 900;
}


.evidence_add_bloc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5em;
}

.evidence_add_bloc .form_dl {
    width: calc(100% / 2 - 0.25em);
}

.evidence_add_bloc .form_dl+.form_dl {
    margin-top: 0;
}


.evidence_add_bloc .drop-area {
    padding: 0.5em;
}

.evidence_add_bloc .drop-area label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 0.5em;
}

.evidence_add_bloc .drop-area label svg {
    margin: 0;
}

.evidence_add_bloc .drop-area label input {
    flex: 1 0 0%;
}

.radio_bloc {}

.radio_bloc label {
    display: inline-block;
    font-size: 0;
    line-height: 1em;
}

.radio_bloc label+label {
    margin-left: 0.5em;
}

.radio_bloc label span {
    display: inline-block;
    vertical-align: middle;
    line-height: 1em;
    margin-left: 0.2em;
}

.radio_bloc label .radio {
    width: auto;
    vertical-align: middle;
    display: inline-block;
}


.invoice_box2 {
    display: none;
}

.invoice_box3 {
    display: none;
}

.evidence_box {}

.file_bloc {
    font-size: 12px;
    line-height: 1.4em;
    word-wrap: break-word;
}



.invoice2 {
    display: none;
}

.invoice3 {
    display: none;
}

.invoice4 {
    display: none;
}

.invoice5 {
    display: none;
}

.invoice6 {
    display: none;
}

.invoice7 {
    display: none;
}

.invoice8 {
    display: none;
}

.invoice9 {
    display: none;
}

.invoice10 {
    display: none;
}

.status {
    background: #f78888;
}

.status0 {
    background: #fff395;
}

.status1 {
    background: #ffd4d4;
}

.status2 {
    background: #E2F9B3;
}

.status3 {
    background: #E4D8FC;
}

.status4 {
    background: #DFEFFF;
}

.status5 {
    background: #ebaff3;
}

.status6 {
    background: #aaa;
}

.status88 {
    background: #a17b7b;
}

.status98,
.status99 {
    background: #666;
}

.status_talk {
    background: #1a76d3;
    color: #fff;
}

.user_status0 {
    background: #fff395;
}

.user_status1 {
    background: #ffd4d4;
}

.user_status2 {
    background: #E2F9B3;
}

.user_status3 {
    background: #E4D8FC;
}

.user_status4 {
    background: #DFEFFF;
}

.status99 {
    background: #666;
}



.display_0 {
    background: rgb(247 234 136 / 50%);
}

.display_1 {
    background: rgb(246 192 192 / 50%);
}

.display_2 {
    background: rgb(226 249 179 / 50%);
}

.display_3 {
    background: rgb(228 216 252 / 50%);
}

.display_4 {
    background: rgb(223 239 255 / 50%);
}

.display_5 {
    background: rgba(255, 209, 247, 0.5);
}

.display_6 {
    background: rgb(170 170 170 / 50%);
}

.display_98,
.display_99 {
    background: rgb(102 102 102 / 50%);
}

.display_0:hover {
    background: rgb(247 234 136 / 70%);
}

.display_1:hover {
    background: rgb(246 192 192 / 70%);
}

.display_2:hover {
    background: rgb(226 249 179 / 70%);
}

.display_3:hover {
    background: rgb(228 216 252 / 70%);
}

.display_4:hover {
    background: rgb(223 239 255 / 70%);
}

.display_5:hover {
    background: rgba(255, 214, 245, 0.7);
    ;
}

.display_6:hover {
    background: rgb(170 170 170 / 70%);
    ;
}

.display_99:hover {
    background: rgb(102 102 102 / 70%);
}







.edit_btn {
    display: inline-block;
    background: darkgray;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    padding: 0.5em 0.5em 0.3em;
    border-radius: 0.2em;
    text-decoration: none;
}

.delete_byn_label {
    display: flex;
    justify-content: center;
    align-items: center;
}

.delete_submit_btn {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
    background: #0e4985;
    color: #fff;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: bold;
    width: 100%;
    max-width: 120px;
    box-sizing: border-box;
    padding: 1em 1em;
    border-radius: 2px;
    box-shadow: 0 3px 0 #0574e8;
    margin-bottom: 15px;
    display: block;
    margin-left: auto;
}

.non_manager {
    display: inline-block;
    background: red;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    padding: 0.5em 0.5em 0.3em;
    border-radius: 0.2em;
}





.btn_exam {
    display: inline-block;
    background: #F6C0C0;
    color: #000;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    padding: 0.4em 0.5em 0.3em;
    border-radius: 0.2em;
    text-decoration: none;
}

.btn_approval {
    display: inline-block;
    background: #E2F9B3;
    color: #000;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    padding: 0.4em 0.5em 0.3em;
    border-radius: 0.2em;
    text-decoration: none;
}

.btn_contract {
    display: inline-block;
    background: #E4D8FC;
    color: #000;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    padding: 0.4em 0.5em 0.3em;
    border-radius: 0.2em;
    text-decoration: none;
}

.btn_repayment {
    display: inline-block;
    background: #ebaff3;
    color: #000;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    padding: 0.4em 0.5em 0.3em;
    border-radius: 0.2em;
    text-decoration: none;
}

.btn_transfer {
    display: inline-block;
    background: #DFEFFF;
    color: #000;
    font-size: 12px;
    line-height: 1;
    font-weight: bold;
    padding: 0.4em 0.5em 0.3em;
    border-radius: 0.2em;
    text-decoration: none;
}







.attention {
    color: red;
    font-weight: bold;
}

.attention_icon {
    background: red;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    line-height: 1;
    padding: 0.3em 0.5em 0.3em;
    border-radius: 0.2em;
}


.file_open_bloc {
    font-size: 12px;
    line-height: 1;
    gap: 1em;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.5em;
}

.file_open_bloc+.file_open_bloc {}

.file_open_bloc dt {
    flex: 1 0 0%;
}

.file_open_bloc dd {

    align-items: center;
    justify-content: flex-end;
}

.file_open_bloc .file_open {
    display: block;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    text-align: left;
    padding: 0.5em 0.5em 0.5em 0;
}

.file_open_bloc .file_open:hover {}

.file_open_bloc dd a {
    display: inline-block;
    text-decoration: none;
}

.file_open_bloc dd a:hover {
    text-decoration: underline;
}

.indication_bloc {}

.indication_bloc h3 {
    font-size: 14px;
    text-align: left;
    margin-bottom: 0.5em;
}

.indication_box {
    overflow: hidden;
}

.indication_box img {
    width: 100%;
}

.indication_box iframe {
    border: none;
    width: 100%;
    aspect-ratio: 1 / 1.5;
}


.file_open_bloc.active {
    background: rgb(255 0 0 / 20%) !important;
    border-radius: 0.3em;
}

.file_open_bloc:hover {
    background: rgba(255, 174, 0, 0.2);
    border-radius: 0.3em;
}

.zoom_image {
    cursor: zoom-in;
}

.zoom_image.active {
    cursor: zoom-out;
    transform: scale(2);
}

.talk_area {
    height: 570px;
    overflow-y: scroll;
}

.talk_area_bloc {
    padding-right: 0.75em;
}

.talk_box {}

.talk_box+.talk_box {
    margin-top: 0.5em;
}


.talk_box {}

.talk_box.talk1 {
    width: 80%;
    margin-left: auto;
}

.talk_box.talk0 {
    width: 80%;
    margin-right: auto;
}

.talk_box.talk1 p {
    background-color: #ecf1f2;
    padding: 1em;
    border-radius: 0.5em;
    font-size: 0.9em;
    line-height: 1.4em;
}

.talk_box.talk0 p {
    background-color: #26c43f;
    color: #fff;
    padding: 1em;
    border-radius: 0.5em;
    font-size: 0.9em;
    line-height: 1.4em;
}

.talk_box span {
    display: inline-block;
    font-size: 0.7em;
    line-height: 1;
    margin-top: 0.5em;
}

.talk_box.talk0 span {}

.talk_box span.date {}

.t_read_1 {}

.t_read_0 {
    color: red;
}

.sub {
    font-size: 0.9em;
}


.vertical_dl {
    font-size: 0.9em;
    line-height: 1.4em;
}

.vertical_dl+.vertical_dl {}

.vertical_dl dt {
    background-color: rgb(19, 32, 47);
    color: #fff;
    padding: 0.5em;
}

.vertical_dl dd {
    padding: 0.5em;
}

.vertical_dl dd ul {
    gap: 0 0.5em;
}

.vertical_dl dd ul li {
    width: 100%;
}

.vertical_dl dd ul li.half {
    width: calc(100% / 2 - 0.25em);
}

.mtb_ticket_bloc {}

.mtb_ticket_button {
    display: block;
    background: #1a76d3;
    cursor: pointer;
}

.mtb_ticket_select_box {
    display: none;
    margin-top: 0.5em;
}

.mtb_ticket_select {
    width: auto;
}

.mtb_ticket_box {
    display: none;
}

.mtb_ticket_box .create_title {
    font-size: 0.9em;
    line-height: 1.4em;
    font-weight: normal;
    border-bottom: solid 1px #ccc;
    padding-bottom: 0.5em;
    margin-top: 1em;
    position: relative;
    padding-left: 9em;
}

.mtb_ticket_box .create_title:before {
    content: "チケットタイトル:";
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

.mtb_ticket_box .create_text {
    font-size: 0.9em;
    line-height: 1.4em;
    font-weight: normal;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    position: relative;
    padding-left: 9em;
}

.mtb_ticket_box .create_text:before {
    content: "メッセージ本文:";
    font-weight: bold;
    position: absolute;
    top: 0;
    left: 0;
}

.mtb_ticket_box .attention {
    font-size: 0.9em;
}

.csv_bloc {
    margin-left: auto;
}

.btn_csv {
    display: inline-block;
    border: solid 2px #EF8432;
    background: #fff;
    color: #EF8432;
    text-decoration: none;
    line-height: 1em;
    padding: 1em;
    border-radius: 0.2em;
    font-weight: bold;
}

.btn_csv:hover {
    background: #EF8432;
    color: #fff;
}


.btn_bloc button.btn_judge {
    letter-spacing: 0.1em;
    background: #fff395;
    color: #000;
    box-shadow: 0 3px 0 #ff9900;
}

.socket_bloc {}

.socket_bloc ul {
    align-items: center;
    justify-content: center;
    gap: 2em;
}

.socket_bloc ul li {}

.socket_bloc ul li a {}

.socket_bloc ul li a.socket_on {}

.socket_bloc ul li a.socket_off {}

img[data-action="zoom"] {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

.zoom-img,
.zoom-img-wrap {
    position: relative;
    z-index: 666;
    -webkit-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}

img.zoom-img {
    cursor: pointer;
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
}

.zoom-overlay {
    z-index: 420;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    filter: "alpha(opacity=0)";
    opacity: 0;
    -webkit-transition: opacity 300ms;
    -o-transition: opacity 300ms;
    transition: opacity 300ms;
}

.zoom-overlay-open .zoom-overlay {
    filter: "alpha(opacity=100)";
    opacity: 1;
}

.zoom-overlay-open,
.zoom-overlay-transitioning {
    cursor: default;
}

.edit-company-info {
    margin: 5px 0;
    pointer-events: all;
    caret-color: #000;
}

@media(max-width:576px) {
    tr {
        white-space: nowrap;
    }
}

@media(max-width:576px) {
    .delete_byn_label input {
        -webkit-appearance: auto;
    }
}