@charset "utf-8";
/* CSS Document */

/*--------------------------------------
　Main Index
---------------------------------------*/


/*メニュー*/

#keyOut.lower .inner {
    background: url(../img/menu/key_lower_menu.png) 50% 50% no-repeat;
    background-size: cover;
    position: relative;
}


.cateBlock {
    width: 110rem;
    margin: 0 auto 10rem;
}

.ancLink {
    margin: 5rem auto 8rem;
}

.ancLink ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10%;
}

.ancLink ul li {
    width: 50%;
    border-left: .1rem solid #ddd;
}

.ancLink ul li:last-child {
    width: 50%;
    border-right: .1rem solid #ddd;
}

.ancLink ul li a {
    display: block;
    font-size: 1.6rem;
    text-align: center;
    padding: 1rem 3rem 2.6rem 2rem;
    position: relative;
    transition: .2s;
}

.ancLink ul li a:hover {
    opacity: 0.7;
}

.ancLink ul li a:before {
    content: "";
    position: absolute;
    border-left: .2rem solid #333;
    border-bottom: .2rem solid #333;
    width: 1.2rem;
    height: 1.2rem;
    bottom: 1rem;
    left: calc(50% - .6rem);
    transform: rotate(-45deg);
    transition: .3s;
}

.ancLink ul li a:hover:before {
    bottom: .4rem;
}

.premenu_img {
    width: 90rem;
    margin: 0 auto 8rem;
}
.premenu_img img {
    width: 100%;
}




@media screen and (max-width: 599px) {



.ancLink {
    margin: 3rem auto;
}

.ancLink ul {
    padding: 0 2%;
}

.ancLink ul li a {
    font-size: 1.4rem;
    padding: .6rem 3rem 2rem 2rem;
}
.ancLink ul li a:before {
    width: .8rem;
    height: .8rem;
    bottom: 1rem;
    left: calc(50% - .4rem);
}

.premenu_img {
    width: calc(100% - 3rem);
    margin: 0 auto 2rem;
}


}