.header_main{
    padding: 0 20px;
    height: 80px;
    display: flex;
    justify-content: space-between;
    background: #000;
    .logo{
        height: 100%;
        a{
            padding-left: 20px;
            height: 100%;
            display: flex;
            align-items: center;
            font-size: 28px;
            color: #fff;
        }
    }
    nav.menu_pc{
        height: 100%;
        @media (max-width: 1040px){
            display: none;
        }
        /* 1階層目 */
        >ul{
            height: 100%;
            display: flex;
            >li{
                position: relative;
                height: 100%;
                >a{
                    padding: 0 20px;
                    height: 100%;
                    display: flex;
                    align-items: center;
                    color: #fff;
                    transition: .3s;
                    &:hover{
                        background: #333;
                    }
                }
                &:hover{
                    >ul{
                        display: block;
                    
                    }
                }
                &:nth-last-of-type(1),
                &:nth-last-of-type(2){
                    >ul{
                        left: initial;
                        right: 0;
                        ul{
                            left: initial;
                            right: 100%;
                            padding-right: 2px;
                        }
                    }
                }
                /* 2階層目 */
                ul{
                    position: absolute;
                    top:100%;
                    left: 0;
                    z-index: 1000;
                    min-width: 200px;
                    display: none;
                    li{
                        position: relative;
                        margin-bottom: 2px;
                        a{
                            padding: 10px 20px;
                            display: flex;
                            justify-content: center;
                            color: #fff;
                            text-align: center;
                            font-size: 14px;
                            background: #1f1919;
                            &:hover{
                                opacity: .8;
                            }
                        }
                        &:hover{
                            ul{
                                display: block;
                            }
                        }
                        /* 3階層目 */
                        ul{
                            padding-left: 2px;
                            position: absolute;
                            top: 0;
                            left: 100%;
                            display: none;
                        }
                    }
                }
            }
        }
    }
}