/**■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 * 汎用　デバックブロック
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■**/
ul.___debug_list_box {
    padding: 0;
    margin: 0;

    &>li {
        padding: 0;
        margin: 0;
        list-style: none;

        &.no_history {
            a {
                background-color: #a51313;
                color: #fff;
            }

        }

        a {
            display: block;
            padding: .5rem 1rem;
            margin-bottom: 5px;

            background-color: #eeeeee;
            border-radius: 10px;
            text-decoration: none;
            font-size: .85rem;
        }
    }

}

/**■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 * 汎用　管理ブロック
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■**/

.gtc_manage_sect {
    margin-bottom: 3rem;

    &>.GTConnect_title {
        h2 {
            padding-left: 12px;
            position: relative;
            font-size: 1.2rem;
            margin-bottom: 1rem;

            &::before {
                content: "";
                width: 7px;
                height: 1.3rem;
                display: inline-block;
                background-color: var(--AKcolor1);
                border-radius: 2px;
                position: absolute;
                top: 4px;
                left: 0px;
            }
        }
    }

    &>.contents {
        display: block;
        padding-left: 5px;
    }

    &.gtc_manage_sect__pickup {
        .menu_list {
            display: flex;
            flex-wrap: wrap;

            .pickupmenu_item {
                flex: 0 0 calc(100% / 1);
                padding-right: 10px;
                padding-bottom: 10px;

                &>.box {
                    display: block;
                    width: 100%;
                    min-height: 100%;
                    background-color: #fff;
                    border: none;
                    box-shadow: 0px 3px 10px #00000040;
                    display: flex;
                    flex-wrap: wrap;
                    align-items: center;
                    border-radius: 10px;
                    cursor: pointer;
                    padding: 15px 10px;

                    .ico {
                        &>span {
                            display: inline-block;
                            background-color: #deecf0;
                            width: 50px;
                            aspect-ratio: 1 / 1;
                            position: relative;
                            border-radius: 1000px;

                            i {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                transform: translateY(-50%) translateX(-50%);
                                font-size: 1.8rem;
                                color: var(--AKcolor1);

                            }

                            svg {
                                position: absolute;
                                top: 50%;
                                left: 50%;
                                transform: translateY(-50%) translateX(-50%);
                                width: 1.8rem;
                                margin: 0;
                                color: var(--AKcolor1);
                            }
                        }


                    }

                    .context {
                        padding: 5px 10px;
                        flex: 1;

                        h3 {
                            font-size: 1rem;
                            margin-top: .3rem;
                            margin-bottom: .3rem;
                            text-align: left;
                        }

                        p {
                            font-size: .75rem;
                            margin-top: .3rem;
                            margin-bottom: .3rem;
                            text-align: left;
                        }
                    }

                    .arrow {
                        i {
                            color: var(--AKcolor1);
                            margin-right: 0;
                        }
                    }
                }

                &.admin {
                    &>.box {
                        background-color: #dae1e8;
                    }
                }
            }

            @media (min-width:551px) {
                .pickupmenu_item {
                    flex: 0 0 calc(100% / 2);
                }
            }

            @media (min-width:992px) {
                .pickupmenu_item {
                    flex: 0 0 calc(100% / 3);
                }
            }

        }

    }

    &.gtc_manage_sect__job_info {
        .my_job_box {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            background-color: #ecf7f7;
            padding: 10px 12px;
            border-radius: 10px;

            .summary {
                flex: 1;
                display: flex;
                gap: 15px;

                .summary_box {
                    width: calc(100% / 3);
                    background-color: #fff;
                    padding: 10px;
                    border-radius: 10px;

                    div {
                        text-align: center;

                        &.ico {
                            font-size: 1.8rem;
                            color: var(--AKcolor1);
                            margin-bottom: .5rem;

                            i {
                                margin: 0;
                            }
                        }

                        &.title {
                            h3 {
                                text-align: center;
                                font-size: 1rem;
                                font-weight: 600;
                            }
                        }

                        &.number {
                            .no {
                                color: var(--AKcolor1);
                                font-size: 1.8rem;
                                font-weight: 900;
                            }

                            .unit {
                                font-size: .9rem;
                                font-weight: 600;
                            }
                        }
                    }

                    &.summary_2 {
                        .ico {
                            color: #7e7e7e;
                        }

                        .number {
                            .no {
                                color: #7e7e7e;
                            }
                        }
                    }
                }
            }

            .link {
                flex: 0 0 100%;
                padding: 0;

                .button {
                    width: 100%;

                    a {
                        display: block;
                        text-align: center;
                        width: 100%;
                        border-radius: 5px;
                        box-shadow: 0px 3px 10px #00000040;
                        font-weight: 600;
                        font-size: .9rem;
                        margin-top: 1rem;
                        margin-bottom: .3rem;
                        background-color: #fff;
                        color: var(--AKcolor1);
                        padding: 1rem 1rem;
                        border: 2px solid var(--AKcolor1);

                        i {
                            margin-left: 1rem;
                            margin-right: 0;
                        }
                    }
                }
            }

        }

        @media (min-width:992px) {
            .my_job_box {
                padding: .7rem 1.5rem;

                .summary {
                    flex: 1;
                    gap: 20px;
                }

                .link {
                    flex: 0 0 340px;
                    padding-left: 40px;

                    .button {
                        a {
                            margin-top: .3rem;
                            margin-bottom: .3rem;
                        }
                    }
                }
            }
        }
    }


}


/**■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
 * マイ求人情報
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■**/
.job-mylist-management-search {
    .job_keyword_outer {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;

        .input_box {
            flex: 1;
            input{
                margin: 0;
            }
        }

        .submit_button {
            flex: 0 0 60px;
            border: 1px solid var(--AKcolor2);
            background-color: var(--AKcolor2);
            border-radius: 5px;
            box-shadow: 0px 3px 3px #00000030;
            color: #fff;
            cursor:pointer;
        }
    }

    .job_keyword_cancellation {
        text-align: right;
        padding: .5rem 0;
        a{
            background-color: #333;
            color: #fff;
            font-size: .8rem;
            padding: 4px 10px;
            border-radius: 5px;
        }
    }

}