@charset "utf-8";
@import url("reset.css");
/*--京base.css--*/
html {
    font-size: 14px;
    background: #f0f0f0;
}

body {
    width: 100%;
    height: 100%;
    color: #111;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 1.0;
}

img{
    vertical-align:bottom;
}

button,
input[type="button"],
input[type="file"]{
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}

#container{
    width: 100%;
    min-width: 960px;
    position: relative;
}

.page_back_wrap{
    display: flex;
    justify-content: flex-start;
}

.page_back{
    margin: 3em 2em 1em 0;
}

.page_back.top{
    margin: 1em 2em 1em 0;
}

.page_back:before{
    content: "≪";
    margin: 0 5px 0 0;
}

.page_back a{
    color: #222;
    text-decoration: none;
}

.page_back a:hover{
    text-decoration: underline;
}

/*----------header----------*/
header{
    box-sizing: border-box;
    width: 100%;
    box-shadow: 0 2px 4px -3px rgba(0,0,0,0.6);
    background: #ffffff;
}

    header > .box_inner{
        display: flex;
        align-items: center;
    }

        header > .box_inner .sys_name{}

            header > .box_inner .sys_name a{
                display: flex;
                align-items: center;
                text-decoration: none;
                color: #111;
                padding: 1rem;
                transition: .3s all ease;
            }

            header > .box_inner .sys_name a:hover{
                filter: brightness(110%);
            }

                header > .box_inner .sys_name a .fig{
                    display: block;
                    width:50px;
                    margin-right: 15px;
                }

                header > .box_inner .sys_name a .fig img{
                    max-width: 100%;
                    height: auto;
                }

                header > .box_inner .sys_name a .lbl{
                    display: flex;
                    flex-direction: column;
                }

                header > .box_inner .sys_name a .lbl span{
                    display: block;
                }

                header > .box_inner .sys_name a .lbl .lbl1{
                    font-size: 1.1rem;
                    margin-bottom: 0.5em;
                }

                header > .box_inner .sys_name a .lbl .lbl2{
                    font-weight: bold;
                    font-size: 1.4rem;
                }

        header > .box_inner .user_logout{
            display: flex;
            align-items: center;
            margin-left: auto;
            margin-right: 2em;
            padding: 0.5em 0 0.5em 1em;
        }

            header > .box_inner .user_logout .user_name{
                font-size: 0.9rem;
                margin-right: 1.5em;
            }

            header > .box_inner .user_logout .user_name:before{
                font-family: FontAwesome;
                content:"\f007";
                color: #888;
                margin-right: 0.2em;
            }

            header > .box_inner .user_logout .logout{

            }

                header > .box_inner .user_logout .logout a{
                    background: #4b64c8;
                    color: #fff;
                    text-decoration: none;
                    font-size: 1rem;
                    padding: 0.2em 0.5em;
                    border-radius: 2px;
                }

                header > .box_inner .user_logout .logout a:before{
                    font-family: FontAwesome;
                    content:"\f08b";
                    margin-right: 0.1em;
                }

                header > .box_inner .user_logout .logout a:hover{
                    opacity: 0.8;
                }

.header_menu{
    margin: 0.8rem 1rem 0 1rem;
    padding: 0 0.5em 0.5em 0.5em;
    border-bottom: 1px solid #ccc;
}

    .header_menu ul{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .header_menu ul li{
            margin: 0 1em 0 0;
        }

            .header_menu ul li a{
                display: block;
                min-width: 8em;
                font-size: 1em;
                padding: 0.3em 1em;
                text-align: center;
                text-decoration: none;
                color: #4b64c8;
                border-radius: 12px;
                border: 1px solid #4b64c8;
                background: #fff;
            }

            .header_menu ul li a:hover{
                background: #4b64c8;
                color: #fff;
            }

            .header_menu ul li.active a{
                background: #4b64c8;
                color: #fff;
            }


/*----------contents----------*/
.contents{
    margin: 0.8rem 1rem 1.5rem 1rem;
    padding: 1em;
    background: #ffffff;
    border-radius: 10px;
    font-size: 0.9em;
    line-height: 1.5;
}

.contents .content_title{
    display: none;
}

.content_body h3{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0.5em 0;

}

.contents .back_btn{
    margin: 0 0 10px 0;
}

/*
.contents .back_btn a{
    color: #222;
    display: inline-block;
    text-decoration: none;
    font-size: 0.84rem;
    padding: 0.3em 0.5em;
    border: 1px solid #ccc;
}

.contents .back_btn a:hover{
    border-color: #4b64c8;
}

.contents .back_btn a:before{
    font-family: FontAwesome;
    content:"\f100";
    margin-right: 0.5em;
    color: #4b64c8;
}
*/
.contents .page_title{
    border-bottom: 1px solid #aaa;
    box-shadow: 0 1px 0 0 #ddd;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: 0.5rem 0.5rem 0.5rem 1rem;
    position: relative;
}

.contents .page_title span{
    align-items: center;
    font-size: 1.1rem;
    font-weight: bold;
}

.contents .page_title:before {
    content: "";
    display: block;
    width: 0;
    height: 1em;
    border-left: 3px solid rgba(75,100,200,1);
    border-right: 3px solid rgba(75,100,200,0.7);
    position: absolute;
    top: 0.5rem;
    left: 0;
}

.contents .bulk_btn{
    margin: 0 0 10px 0;
}

.contents .history_btn{
    margin: 0 0 10px 0;
}

.contents .btn_style01 button,
.contents .btn_style01 a{
    box-sizing: border-box;
    display: inline-block;
    align-items: center;
    color: #222;
    text-decoration: none;
    border: 1px solid #4b64c8;
    font-size: 1em;
    line-height: 1.6em;
    padding: 0 1em;
    border-radius: 3px;
    background: #fff;
    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 20%);
    cursor: pointer;
    transition: .3s all ease;
}

.contents .btn_style01 button:hover,
.contents .btn_style01 a:hover{
    background: #4b64c8;
    color: #fff;
}

.contents .btn_style02 a{
    background: #4b64c8;
    color: #fff;
    text-decoration: none;
    padding: 0.3em 2em;
    border-radius: 2px;
}

.contents .btn_style02 a:hover{
    opacity: 0.8;
}

.contents .btn_style02 button{
    background: #4b64c8;
    color: #fff;
    text-decoration: none;
    padding: 0.3em 2em;
    border-radius: 2px;
    line-height: 1.2em;
    border: none;
    cursor: pointer;
}

.contents .btn_style02 button:hover{
    opacity: 0.8;
}

.receipt_box{
    margin-bottom: 20px;
}

.receipt_box p{
    line-height: 1.5;
}

.receipt_box .receipt_yomikomi{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
}

.receipt_box .receipt_yomikomi input[type="text"]{
    padding: 2px;
    border: 1px solid #aaa;
}

.receipt_box .receipt_yomikomi input[type="text"]:focus{
    outline: none;
    border: 1px solid #4b64c8;
}

.receipt_box .receipt_yomikomi .btn_style01{
    margin: 0 0 0 15px;
}

.history_nav{
    margin-bottom: 10px;
}

.history_nav ul{
    display: flex;
    justify-content: flex-start;
}

.history_nav ul li{
    margin-right: 10px;
}

.history_nav ul li a{
    display: inline-block;
    border: 1px solid #4b64c8;
    background: #fff;
    color: #4b64c8;
    text-decoration: none;
    padding: 0.3em 2em;
    border-radius: 2px;
}

.history_nav ul li a:hover,
.history_nav ul li.active a{
    background: #4b64c8;
    color: #fff;
}


.count_box{
    margin: 15px 0;
}

    .count_box dl{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

        .count_box dl dt{
            font-weight: bold;
        }

        .count_box dl dd{
            margin: 0 15px 0 0;
        }

.all_check_box{
    margin: 0 0 10px 0;
    position: relative;
}

.all_check_box input[type="checkbox"] {
    position: absolute;
    top: 0.6em;
    left: 0.8em;
}

.all_check_box label{
    display: inline-block;
    border: 1px solid #ccc;
    padding: 0.6em 0.5em 0.5em 2.5em;
    cursor: pointer;
}

.all_check_box label:hover{
    border: 1px solid #4b64c8;
}

.all_check_box input[type="checkbox"]:checked + label{
    border: 1px solid #4b64c8;
}

.org_title{
    font-weight: bold;
    font-size: 1.1em;
    margin: 15px 0 5px 0;
}

.fin_text{
    padding: 0 0.5em;
}

.member_count{
    margin: 0 0 0.5em 0;
}

    .member_count ul{
        display: flex;
        justify-content: flex-start;
    }

        .member_count ul li{
            margin-right: 2em;
            font-size: 1.2em;
        }

        .member_count ul li .fw_bold{
            font-weight: bold;
            font-size: 1.1em;
        }

/*sub_title*/
.sub_title{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
}

/*tab_box*/
.tab_box{
    margin: 0 0 1em 0;
    padding:0 0.5em;
    border-bottom: 2px solid #4b64c8;

}

.tab_box ul{
    display: flex;
    justify-content: flex-start;
}

.tab_box ul li{
    margin: 0 0.5em 0 0;
}

.tab_box ul li button{
    box-sizing: border-box;
    display: inline-block;
    align-items: center;
    color: #222;
    text-decoration: none;
    border: 1px solid #4b64c8;
    border-bottom: none;
    font-size: 1em;
    line-height: 1.6em;
    padding: 0.3em 1em 0.2em 1em;
    border-radius: 5px 5px 0 0;
    background: #fff;
    cursor: pointer;
    transition: .3s all ease;
}

.tab_box ul li button:hover,
.tab_box ul li.active button{
    background: #4b64c8;
    color: #fff;
}

/* 検索タイトル(検索ページの検索ボックスの上に場合によって出ることもある) */
.search_title_box {
    margin: 1em;
    font-size: 1.2em;
}

/*検索*/
.search_box{
    display: inline-block;
    margin: 0 0 15px 0;
}

    .search_box .box_header{
        font-size: 1.1em;
        font-weight: bold;
        margin: 0 0 5px 0;
    }

    .search_box .box_inner{
        display: flex;
        justify-content: flex-start;
        /*flex-direction: column-reverse;*/
        flex-direction: column;
        gap: 0.5em;
        padding: 10px;
        border: 1px solid #4b64c8;
    }

        .search_box .box_inner .search_input{
            margin: 0;
            line-height: 1;
        }

            .search_box .box_inner .search_input p{
                line-height: 1.3em;
            }

            .search_box .box_inner .search_input dl{
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-bottom: 5px;
            }

            .search_box .box_inner .search_input dl:last-child{
                margin-bottom: 10px;
                /*margin-bottom: 0;*/
            }

                .search_box .box_inner .search_input dl dt{
                    padding: 5px;
                    min-width: 6em;
                    text-align: center;
                    background: #e2eaff;
                    margin-right: 10px;
                }

                .search_box .box_inner .search_input dl dd{
                    margin-right: 20px;
                }

                .person_select_box .search_box .box_inner .search_input dl dd{
                    margin-right: 0;
                }

                .search_box .box_inner .search_input dl dd input[type="text"]{
                    padding: 2px;
                    border: 1px solid #aaa;
                }

                .search_box .box_inner .search_input dl dd input[type="text"]:focus{
                    outline: none;
                    border: 1px solid #4b64c8;
                }

                .search_box .box_inner .search_input dl dd select{
                    padding: 2px;
                    border: 1px solid #aaa;
                }

                .search_box .box_inner .search_input dl dd select:focus{
                    outline: none;
                    border: 1px solid #4b64c8;
                }

                .search_box .box_inner .search_input dl dd button.ui-datepicker-trigger{
                    padding: 0;
                    border: 0;
                    background: none;
                    font-size: 1.3em;
                    box-shadow: none;
                    margin-left: 0.4em;
                    cursor: pointer;
                }

                .search_box .box_inner .search_input dl dd button.ui-datepicker-trigger:hover{
                    color: #222;
                }

            .search_box .box_inner .search_input .search_radio_box{
                display: flex;
                align-items: center;
                justify-content: flex-start;
                padding: 0 0.5em;
                margin: 1em 0 0.5em 0;
            }

            .search_box .box_inner .search_input .search_radio_box label{
                display: flex;
                align-items: center;
                justify-content: flex-start;
                margin-right: 1em;
            }

            .search_box .box_inner .search_input .search_radio_box label input[type="radio"]{
                margin-right: 0.3em;
            }

            .search_box .box_inner .search_input .caution{
                font-size: 0.95em;
                margin-top: 8px;
            }

        .search_box .box_inner .search_submit{
            /*margin-bottom: 0.5em;*/
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

            .search_box .box_inner .search_submit ul{
                display: flex;
                justify-content: flex-start;
                margin-right: 10px;
            }

                .search_box .box_inner .search_submit ul li button#searchBtn{
                    background: #fff;
                    color: #222;
                    text-decoration: none;
                    width: 6.5em;
                    padding: 2px 0.5em;
                    border-radius: 2px;
                    cursor: pointer;
                    border: 1px solid #4b64c8;
                    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 20%);
                    transition: .3s all ease;
                }

                .search_box .box_inner .search_submit ul li button#searchBtn:hover{
                    background: #4b64c8;
                    color: #fff;
                }

                .search_box .box_inner .search_submit ul li button#clearBtn{
                    text-decoration: none;
                    width: 6.5em;
                    padding: 2px 0.5em;
                    border-radius: 2px;
                    cursor: pointer;
                    border: none;
                    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 40%);
                    transition: .3s all ease;
                    background: #cecece;
                    color: #000;
                    margin-left: 10px;
                }

                .search_box .box_inner .search_submit ul li button#clearBtn:hover{
                    opacity: 0.8;
                }

                .search_box .box_inner .search_submit ul li input[type="submit"]{
                    /*
                    background: #4b64c8;
                    color: #fff;
                    text-decoration: none;
                    width: 6.5em;
                    padding: 1px 0.5em;
                    border-radius: 2px;
                    border: none;
                    cursor: pointer;
                    */
                    background: #fff;
                    color: #222;
                    text-decoration: none;
                    width: 6.5em;
                    padding: 2px 0.5em;
                    border-radius: 2px;
                    cursor: pointer;
                    border: 1px solid #4b64c8;
                    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 20%);
                    transition: .3s all ease;
                }

                .search_box .box_inner .search_submit ul li input[type="button"]{
                    background: #cecece;
                    color: #000;
                    margin-left: 10px;
                    text-decoration: none;
                    width: 6.5em;
                    padding: 2px 0.5em;
                    border-radius: 2px;
                    border: none;
                    cursor: pointer;
                    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 40%);
                    transition: .3s all ease;
                }

                .person_select_box .search_box .box_inner .search_submit ul li input[type="button"]{
                    background: #fff;
                    color: #222;
                    margin-left: 0;
                    text-decoration: none;
                    width: 6.5em;
                    padding: 2px 0.5em;
                    border-radius: 2px;
                    cursor: pointer;
                    border: 1px solid #4b64c8;
                    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 20%);
                    transition: .3s all ease;
                }

                .search_box .box_inner .search_submit ul li input#searchBtn{
                    background: #fff;
                    color: #222;
                    text-decoration: none;
                    width: 6.5em;
                    padding: 2px 0.5em;
                    margin-left: 0;
                    border-radius: 2px;
                    cursor: pointer;
                    border: 1px solid #4b64c8;
                    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 20%);
                    transition: .3s all ease;
                }

                .search_box .box_inner .search_submit ul li input[type="submit"]:hover,
                .search_box .box_inner .search_submit ul li input#searchBtn:hover{
                    background: #4b64c8;
                    color: #fff;
                }

                .search_box .box_inner .search_submit ul li input[type="button"]:hover{
                    opacity: 0.8;
                }

                .person_select_box .search_box .box_inner .search_submit ul li input[type="button"]:hover{
                    background: #4b64c8;
                    color: #fff;
                    opacity: 1;
                }


.btn_list{
    margin-bottom: 2em;
}

    .btn_list ul{
        display: flex;
        justify-content: flex-start;
    }

        .btn_list ul li{
            margin-right: 1em;
        }

            .btn_list ul li a,
            .btn_list ul li button{
                box-sizing: border-box;
                display: inline-block;
                align-items: center;
                color: #fff;
                text-decoration: none;
                border: 1px solid #058700;
                font-size: 1.1em;
                line-height: 1.6em;
                padding: 0.3em 1.5em;
                border-radius: 3px;
                text-align: center;
                background: #058700;
                box-shadow: 1px 1px 0 0 rgb(0 0 0 / 20%);
                cursor: pointer;
                transition: .3s all ease;
            }

            .btn_list ul li a:hover,
            .btn_list ul li button:hover{
                opacity: 0.8;
            }

.btn_list2{
    margin-bottom: 1em;
}

    .btn_list2 ul{
        display: flex;
        justify-content: flex-start;
    }

        .btn_list2 ul li{
            margin-right: 1em;
        }

        .btn_list2 ul li a,
        .btn_list2 ul li button{
            box-sizing: border-box;
            display: inline-block;
            align-items: center;
            color: #222;
            text-decoration: none;
            border: 1px solid #4b64c8;
            font-size: 1em;
            line-height: 1.6em;
            padding: 0.2em 1em;
            border-radius: 3px;
            background: #fff;
            box-shadow: 1px 1px 0 0 rgb(0 0 0 / 20%);
            cursor: pointer;
            transition: .3s all ease;
        }

        .btn_list2 ul li a:hover,
        .btn_list2 ul li button:hover{
            background: #4b64c8;
            color: #fff;
        }

.pager{
    margin: 0.5em 0;
}

    .pager ul{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

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

            .pager ul li button{
                border: 1px solid #4b64c8;
                background: #fff;
                color: #222;
                cursor: pointer;
            }

            .pager ul li button:hover,
            .pager ul li.active button{
                background: #4b64c8;
                color: #fff;
            }

/*table*/
.content_body table{
    line-height: 1.3;
    margin-bottom: 10px;
}

.content_body table thead th{
    font-weight: bold;
    padding: 0.3em 0.8em;
    border-bottom: 1px solid #aaa;
}

.content_body table tbody tr:nth-child(odd) {
    background: #f8f8f8;
}

.content_body table tbody tr.checkColor{
    background: #ffd8e2;
}

.content_body table tbody tr td{
    padding: 0.3em 0.8em;
    border-bottom: 1px solid #ccc;
}

.content_body table tbody tr td span{}

.content_body table tbody tr td.td_name span{
    max-width: 7em;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.content_body table tbody tr td.td_company_name span{
    max-width: 18em;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.content_body table tbody tr td.td_2010name span{
    max-width: 18em;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.content_body table tbody tr td.td_2010detail span{
    max-width: 36em;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.content_body table tbody tr td.td_2011name span{
    max-width: 7em;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    margin-left: 0.5em;
}

.content_body table tbody tr td.td_capacity{
    text-align: center;
}

.content_body table tbody tr td button{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    color: #222;
    text-decoration: none;
    border: 1px solid #4b64c8;
    font-size: 0.95em;
    padding: 0 0.5em;
    border-radius: 3px;
    background: #fff;
    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 20%);
    cursor: pointer;
    transition: .3s all ease;
    height: 2em;
}

.content_body table tbody tr td button:hover{
    background: #4b64c8;
    color: #fff;
}

.content_body table tbody tr td button.questionnaire_ng{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    color: #222;
    text-decoration: none;
    border: 1px solid #4b64c8;
    font-size: 0.95em;
    padding: 0 0.5em;
    border-radius: 3px;
    background: #56ff56;
    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 20%);
    cursor: pointer;
    transition: .3s all ease;
    height: 2em;
}

.content_body table tbody tr td button.questionnaire_ng:hover{
    background: #4b64c8;
    color: #fff;
}

.content_body table tbody tr td input[type="button"],
.content_body table tbody tr td a:not(.link) {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    color: #222;
    height: 2em;
    text-decoration: none;
    border: 1px solid #4b64c8;
    font-size: 0.95em;
    padding: 0 0.5em;
    border-radius: 3px;
    background: #fff;
    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 20%);
    cursor: pointer;
    transition: .3s all ease;
}

.content_body table tbody tr td input[type="button"]:hover,
.content_body table tbody tr td a:hover{
    background: #4b64c8;
    color: #fff;
}

.content_body .td_checkbox {
    text-align: center;
}
.content_body .td_checkbox label {
    display: inline-block;
    width: 100%;
    cursor: pointer;
}
.content_body .td_checkbox label [type=checkbox] {
    vertical-align: middle;
    cursor: pointer;
}
.td_checkbox.changing_cell {
    background-color: #6fbbbb;
}
.td_checkbox.changed_cell {
    animation: changed-anime 1s ease-in;
}
.td_checkbox.change_failed_cell {
    background-color: #c99c9c;
}
@keyframes changed-anime {
    0% {
        background-color: #6fbbbb;
    }
    100%{
        background-color: initial;
    }
}

.MultiFile-list{}

.MultiFile-label{
    display: flex;
    align-items: center;
    margin: 5px 0;
}

.content_body table tbody tr td .MultiFile-label a{
    margin-right: 3px;
}


.content_body table tbody tr td ul{}

    .content_body table tbody tr td ul li{
        padding: 0.5em;
        border-top: 1px dotted #aaa;
        display: flex;
    }

    .content_body table tbody tr td ul li:first-child{
        border-top: none;
    }

        .content_body table tbody tr td ul li dl{
            display: flex;
            justify-content: flex-start;
        }

.content_body table tbody tr td ul.radio_list,
.search_box .box_inner .search_input dl dd ul.radio_list{
    display: flex;
}

    .content_body table tbody tr td ul.radio_list li{
        padding: 0;
        margin-right: 2em;
        border-top: none;
        display: unset;
    }

    .content_body table tbody tr td ul.radio_list li.narrow_li{
        padding: 0;
        margin-right: 2em;
        border-top: none;
        display: flex;
        align-items: center;
    }

    .content_body table tbody tr td ul.radio_list li.narrow_li span{
        margin-left: 1em;
    }

    .content_body table tbody tr td ul.radio_list li.narrow_li input[type="number"]{
        padding: 2px;
        border: 1px solid #aaa;
        width: 40px;
        text-align: right;
    }

    .search_box .box_inner .search_input dl dd ul.radio_list li{
        padding: 0;
        margin-right: 1em;
        border-top: none;
        display: unset;
    }

    .content_body table tbody tr td ul.radio_list li label,
    .search_box .box_inner .search_input dl dd ul.radio_list li label{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .content_body table tbody tr td ul.radio_list li label input,
    .search_box .box_inner .search_input dl dd ul.radio_list li label input{
        margin-right: 0.3em;
    }

/*contact_form_box*/
.contact_form_box{}

.contact_form_box .box_inner{}

.contact_form_box .box_inner .mousikomisha{
    margin-bottom: 2em;
}

.contact_form_box .box_inner p{
    margin: 0 0 0.5em 0;
}

.contact_form_box .box_inner .lbl_cf{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0.5em 0;
}

.contact_form_box .box_inner table{
   min-width: 800px;
}

.contact_form_box .box_inner table th{
    padding: 5px 1em;
    width: 8em;
    text-align: left;
    background: #e2eaff;
    border-bottom: 1px solid #fff;
}

.contact_form_box .box_inner table td{
    padding: 5px;
    /*border-bottom: 1px solid #fff;*/
}

.contact_form_box .box_inner table td .thumb_img{
    max-height: 6em;
}

.contact_form_box .box_inner table td .thumb_img img{
    max-height: 6em;
    width: auto;
}

.contact_form_box .box_inner table td p{
    margin: 0.5em 0;
}

.contact_form_box .box_inner table td input[type="text"],
.contact_form_box .box_inner table td input[type="password"],
.contact_form_box .box_inner table td input[type="email"],
.contact_form_box .box_inner table td select{
    padding: 2px;
    border: 1px solid #aaa;
}

.contact_form_box .box_inner table td input[type="text"]:focus,
.contact_form_box .box_inner table td input[type="password"]:focus,
.contact_form_box .box_inner table td input[type="email"]:focus,
.contact_form_box .box_inner table td select:focus{
    outline: none;
    border: 1px solid #4b64c8;
}

.contact_form_box .box_inner table td textarea{
    width: 450px;
    height: 5em;
    padding: 2px;
    border: 1px solid #aaa;
}

.contact_form_box .box_inner table td textarea:focus{
    outline: none;
    border: 1px solid #4b64c8;
}

.contact_form_box .box_inner table td .time_wrap{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.contact_form_box .box_inner table td .time_wrap input,
.contact_form_box .box_inner table td .time_wrap button,
.contact_form_box .box_inner table td .time_wrap span{
    margin: 0 0.5em 0 0;
}

.contact_form_box .box_inner table td .time_wrap button{
    padding: 0;
    border: 0;
    background: none;
    font-size: 1.3em;
    box-shadow: none;
}

.contact_form_box .box_inner table td .time_wrap button:hover{
    color: #222;
}

.contact_form_box .box_inner table td .detail_table{}

.contact_form_box .box_inner table td .detail_table table{
    min-width: unset;
}

.contact_form_box .box_inner table td .detail_table table th{
    width: auto;
}

.contact_form_box .box_inner table td .detail_table table tr td:first-child input[type="text"]{
    width: 150px;
}

.contact_form_box .box_inner table td .detail_table table tr td:nth-child(2) input[type="text"]{
    width: 300px;
}

.contact_form_box .box_inner table td .add_place_btn{
    padding: 0 5px;
}

.contact_form_box ol {
    list-style: auto;
}
.contact_form_box ol li {
    margin-left: 1em;
    padding-left: 0.5em;
}
.contact_form_box details {
    padding-left: 1em;
}
.contact_form_box details summary {
    margin-left: -1em;
    cursor: pointer;
}

.gyosyu_select_box{
    margin: 0.5em 1em 0.5em 1em;
    padding: 0.5em;
    background: #fff;
    display: flex;
    justify-content: flex-start;
}

.gyosyu_select_box label{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 1em;
}

.gyosyu_select_box label input[type="checkbox"]{
    margin-right: 0.3em;
}

.target_search{
    margin: 0.5em 0 0 1em;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.target_search .ts_content{
    margin-right: 1em;
}

.target_list{
    margin: 1em;
    padding: 0.5em;
    background: #fff;
}

.person_select_box .target_list{
    margin: 0;
    padding: 0;
    background: #fff;
}

.contact_form_box .box_inner .target_list table{
    min-width: unset;
}

.contact_form_box .box_inner table .target_list table th{
    width: auto;
}

.content_body .contact_form_box .box_inner table tbody tr td span{
    display: inline;
}

.content_body .contact_form_box .box_inner table tbody tr td .post_wrap{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.content_body .contact_form_box .box_inner table tbody tr td .post_wrap .input_notes{
    margin: 0 0.5em;
}

.contact_form_box .box_footer{}

.contact_form_box .box_footer .btn{
    width: 800px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.contact_form_box .box_footer .btn .approve_new_app,
.contact_form_box .box_footer .btn .approve_rejected_app{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto;
}

.contact_form_box .box_footer .btn .right_btns,
.contact_form_box .box_footer .btn .approve_approved_app{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0 auto;
}

.contact_form_box .box_footer .btn button,
.contact_form_box .box_footer .btn input[type="button"]{
    margin-right: 0;
    background: #4b64c8;
    color: #fff;
    text-decoration: none;
    padding: 0.3em 1em;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    line-height: 1.5em;
}

.contact_form_box .box_footer .btn button[name="submitApprove"]{
    margin-right: 1em;
    background: #058700;
    color: #fff;
    text-decoration: none;
    padding: 0.3em 1em;
    border-radius: 2px;
    border: none;
    cursor: pointer;
}

.contact_form_box .box_footer .btn button#deleteBtn,
.contact_form_box .box_footer .btn button[name="submitDisApprove"],
.contact_form_box .box_footer .btn button[name="submitDelete"]{
    margin-right: 0;
    background: #cecece;
    color: #000;
    text-decoration: none;
    padding: 0.3em 1em;
    border-radius: 2px;
    border: none;
    cursor: pointer;
}

.contact_form_box .box_footer .btn button:hover,
.contact_form_box .box_footer .btn input[type="button"]:hover{
    opacity: 0.8;
}

/*kaijo_list*/
.kaijo_list{
    margin-top: 2em;
}

.kaijo_list .btn{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.kaijo_list .btn a{
    margin-right: 1em;
    background: #4b64c8;
    color: #fff;
    text-decoration: none;
    padding: 0.3em 1em;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    line-height: 1.5em;
}

.kaijo_list .btn a:hover{
    opacity: 0.8;
}

/*organization_input*/
.organization_input dl dd input[type="button"]{
    box-sizing: border-box;
    display: flex;
    align-items: center;
    color: #222;
    height: 2em;
    text-decoration: none;
    border: 1px solid #4b64c8;
    font-size: 0.95em;
    padding: 0 0.5em;
    border-radius: 3px;
    background: #fff;
    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 20%);
    cursor: pointer;
    transition: .3s all ease;
}

.organization_input dl dd input[type="button"]:hover{
    background: #4b64c8;
    color: #fff;
}

.up_box_wrapper{
    margin: 10px 0 0 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.contents .up_box_input{
    margin-right: 10px;
}

.contents .up_box_btn{}

.contents .up_box_btn.btn_style02 button{
    padding: 0.3em 1em;
}

.master_add{
    margin-bottom: 3em;
}

.master_add .group_list{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.group_list_wrapper {
    display: flex;
    justify-content: space-between;
    width: 800px;
    margin-top: 2em;
}
.group_list_wrapper .group_list table {
    min-width: auto;
}
.group_list_wrapper .group_list .th_name,
.person_select_box .target_list .th_name {
    min-width: 5em;
    width: auto;
}
.group_list_wrapper .group_list .th_company,
.person_select_box .target_list .th_company {
    min-width: 8em;
    width: auto;
}
.group_list_wrapper .group_list .th_actions,
.person_select_box .target_list .th_actions {
    min-width: 3em;
    width: auto;
}
.person_select_box .target_search {
    display: flex;
    flex-direction: column;
    align-items: start;
    gap: 2px;
}

.person_select_box .target_search input[type=button] {
    align-self: end;
}

.person_select_box .target_search{}

.person_select_box .target_search .ts_content{}

.content_body .master_add table{
    margin-right: 1em;
    margin-bottom: 0;
}

.content_body .master_add table tr th{
    padding: 5px;
    width: 6em;
    text-align: center;
    background: #e2eaff;
    border-bottom: 1px solid #fff;
}

.content_body .master_add table tr td{
    padding: 5px;
    border-bottom: 1px solid #fff;
}

.content_body .master_add table tr td input[type="text"]{
    padding: 2px;
    border: 1px solid #aaa;
}

.master_add .btn{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.master_add .btn input[type="button"]{
    margin-right: 1em;
    background: #4b64c8;
    color: #fff;
    text-decoration: none;
    padding: 0.3em 1em;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    line-height: 1.5em;
}

.master_add .btn input[type="button"]:hover{
    opacity: 0.8;
}

.show_disabled_wrap{
    margin:0 0 0.5em 0.5em;
}

.show_disabled_wrap label{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.show_disabled_wrap label input[type="checkbox"]{
    margin-right: 0.3em;
}

.master_list table tr td input[type="text"]{
    padding: 2px;
    border: 1px solid #aaa;
}

/*ダッシュボード*/
.tool_box{
    max-width: 800px;
}

.tool_box h3{
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0.8em 0;
    line-height: 1.5em;
    background: #e2eaff;
    padding: 0.4em 0.5em 0.3em 0.4em;
    border-radius: 5px;
    border-left: 7px solid #4b64c8;
}

.tool_box h4{
    font-weight: bold;
    margin: 0.5em 0;
}

.tool_box table{}

.tool_box table tbody tr:nth-child(odd){
    background: none;
}

.tool_box table tbody tr th{
    padding: 0.2em 0.5em;
    background: #efefef;
    border-bottom: 1px solid #fff;
}

.tool_box table tbody tr th.kaijo{
    border-left: 1px solid #ccc;
}

.tool_box table tbody tr th span{
    max-width: 36em;
    display: block;
    white-space: nowrap;
    overflow: hidden;
}

.tool_box table tbody tr td{
    padding: 0.2em 0.8em;
    border-bottom: 1px solid #ccc;
    text-align: right;
    min-width: 4em;
}

.tool_box table tbody tr td .fw_bold{
    font-weight: bold;
    font-size: 1.3em;
    padding-right: 0.2em;
}

.member_tool{
    margin-bottom: 2.5em;
}

.member_tool .member_count_list{
    display: flex;
    margin-left: 1em;
    gap: 3em;
}

.member_tool .member_count{
    /*margin: 0 1em 1em 1em;*/
}

.member_tool .member_count ul li{
    border-bottom: 1px solid #ccc;
    padding: 2px;
}

.member_tool .member_count ul li .fw_bold{
    font-size: 1.3em;
    padding-right: 0.1em;
}

.member_tool .count_uchiwake{
    /*margin: 0 2em 0.5em 2em;*/
    margin-left: 0.5em;
}

.seminar_tool{
    margin-bottom: 2.5em;
}

.seminar_tool .seminar_count{
    margin: 0 1em 0.5em 1em;
}

.live_office_tool{
    margin-bottom: 2.5em;
}

.live_office_tool .live_office_count_wrapper{
    margin: 0 1em 0.5em 1em;
    display: flex;
    justify-content: flex-start;
}

.live_office_tool .live_office_count_wrapper .live_office_count{
    margin-right: 2em;
}

.notice_tool{}

.notice_tool .notice_count{
    margin: 0 1em 0.5em 1em;
}

.notice_tool .notice_count ul{
    display: flex;
    justify-content: flex-start;
}

.notice_tool .notice_count ul li{
    margin-right: 2em;
    font-size: 1.2em;
    border-bottom: 1px solid #ccc;
    padding: 2px;
}

.notice_tool .notice_count ul li .fw_bold{
    font-weight: bold;
    font-size: 1.3em;
    padding-right: 0.1em;
}

/*汎用*/
.ta_center{
    text-align: center;
}

.ta_left{
    text-align: left;
}

.ta_right{
    text-align: right;
}

.fc_red{
    color: #ff0000;
}

/*横幅汎用*/
.w10{
    width: 10px;
}

.w20{
    width: 20px;
}

.w30{
    width: 30px;
}

.w40{
    width: 40px;
}

.w80{
    width: 80px;
}

.w100{
    width: 100px;
}

.w120{
    width: 120px;
}

.w150{
    width: 150px;
}

.w200{
    width: 200px;
}

.w300{
    width: 300px;
}

.w400{
    width: 400px;
}

.w450{
    width: 450px;
}

.w500{
    width: 500px;
}

.datetimes .datetime_selector {
    display: flex;
    gap: 1em;
}

/* ON、アクティブな状態用のラベルに着色 */
.status_label_on {
    color: #f30000;
}

.content_body ul.horizontal_list {
    display: flex;
    gap: 5px;
}
.content_body .horizontal_list li {
    border: none;
    padding: 0;
    display: initial;
}

.search_popup_iframe.mfp-wrap .mfp-content {
    max-width: 90%;
    max-height: 90%;
}

#set_user{
    max-height: 600px;
    width: 480px;
    min-height: 110px;
    margin: 0 auto;
    padding: 20px;
    overflow: auto;
    overflow-x: hidden;
}

    #set_user p{
        font-weight: bold;
        font-size: 1.2em;
        margin-bottom: 20px;
    }

    #set_user select{
        font-size: 1.1em;
        margin-bottom: 10px;
    }

    #set_user input[type=button]{
        margin-left: 20px;
    }

    #set_user .set_user_box{
        display: inline-block;
    }

    #set_user .set_user_box input[type="button"]{
        box-sizing: border-box;
        align-items: center;
        color: #222;
        height: 2em;
        text-decoration: none;
        border: 1px solid #4b64c8;
        font-size: 0.95em;
        padding: 0 0.5em;
        border-radius: 3px;
        background: #fff;
        box-shadow: 1px 1px 0 0 rgb(0 0 0 / 20%);
        cursor: pointer;
        transition: .3s all ease;
    }

    #set_user .btn_box{
        text-align: center;
        margin-top: 20px;
    }

    #set_user .btn_box input[type="button"]{
        background: #cecece;
        color: #000;
        margin-left: 10px;
        text-decoration: none;
        width: 6.5em;
        padding: 2px 0.5em;
        border-radius: 2px;
        border: none;
        cursor: pointer;
        box-shadow: 1px 1px 0 0 rgb(0 0 0 / 40%);
        transition: .3s all ease;
    }

#admin_top_page .mfp-content{
    width: 480px;
}

.contact_form_box .box_footer .btn .approve_delete_app{
    margin-left: 20px;
}

.questionnaire_url_text {
    cursor: pointer;
    text-decoration: underline;
}

.content_body .search_cnt{
    margin: 30px 0 10px 0;
    font-size: 1.2em;
}

.search_input dl:last-child {
    margin-bottom: 10px; !important;
}

.seminar_delete_box{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 0 0 auto;
}

.check_flg{
    font-weight: bold;
}

#import_box{
    max-height: 600px;
    width: 480px;
    min-height: 110px;
    margin: 0 auto;
    padding: 20px;
    overflow: auto;
    overflow-x: hidden;
}

#import_box .btn_box{
    text-align: center;
    margin-top: 20px;
}

#import_box .btn_box .import_box_close{
    background: #cecece;
    color: #000;
    margin-left: 10px;
    text-decoration: none;
    width: 6.5em;
    padding: 2px 0.5em;
    border-radius: 2px;
    border: none;
    cursor: pointer;
    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 40%);
    transition: .3s all ease;
}

#import_box .btn_box .import_box_submit{
    box-sizing: border-box;
    align-items: center;
    color: #222;
    height: 2em;
    text-decoration: none;
    border: 1px solid #4b64c8;
    font-size: 0.95em;
    padding: 0 0.5em;
    border-radius: 3px;
    background: #fff;
    box-shadow: 1px 1px 0 0 rgb(0 0 0 / 20%);
    cursor: pointer;
    transition: .3s all ease;
}

#import_box .file_box{
    margin: 15px 0 0 0;
}

/*プッシュ通知プレビュー*/
.content_body_wrapper{
    display: flex;
    justify-content: flex-start;
}

.content_body_wrapper .apply_box{
    margin-right: 50px;
}

.content_body_wrapper .contact_form_box .box_inner table td textarea{
    width: 300px;
    max-width: 300px;
    min-width: 300px;
    height: 400px;
}

.preview_box_scale{
    width: calc(430px * 0.8);
    height: calc(860px * 0.8);
}

.preview_box{
    min-width: 374px;
    width: 374px;
    height: 734px;
    padding: 68px 28px 58px 28px;
    background: url(../shared/push_bg.png) no-repeat;
    background-size: contain;
    transform-origin:left top;
    transform: scale(0.8);
}

.preview_box_inner{
    width: 100%;
    height: 100%;
    background: #f2f6fa;
    font-size: 13.4px;
    overflow: hidden;
    overflow-y: auto;
    /* IE, Edge 対応 */
    -ms-overflow-style: none;
    /* Firefox 対応 */
    scrollbar-width: none;
}

.preview_box_inner::-webkit-scrollbar{
    display:none;
}

.preview_box_inner .bg_white_area{
    margin: 4%;
    border-radius: 5px;
    background: #ffffff;
    padding: 4%;
    font-size: 1.1em;
    line-height: 1.5;
}

.notice_detail_box .box_header{
    margin-bottom: 0.3em;
}

.notice_detail_box .box_header .entry_title{
    padding: 0 0.3em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 0.3em;
    font-weight: bold;
}

.notice_detail_box .box_header .entry_date{
    text-align: right;
}

.notice_detail_box .box_inner{
    padding: 0 0.3em;
}