@charset "utf-8";

/* CSS Document */

/*=====================================
    +.main_link
======================================*/
.main_link ul {
    margin: 70px auto 0;
    display: flex;
    flex-wrap: wrap;
}
.main_link ul li {
    width: 18%;
    margin: 0 1% 20px;
    font-weight: 600;
    font-family: '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;
    border: 2px solid #d5d5d5;
    background: #FFF;
    height: 50px;
    line-height: 50px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 16px;
    transition: 0.5s;
}
.main_link ul li:hover{
    border:2px solid #0E1D50;
    color:#0E1D50 !important;
}
.main_link ul li:hover a{
    color:#0E1D50 !important;

}
.main_link ul li:first-child {
    margin: 0 1% 0 0
}
.main_link ul li:last-child {
    margin: 0 0 0 1%
}
.main_link ul li a{
    display:block;
    color: #4f4f4f;
    transition: 0.5s;
}

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


    .main_link ul li {
        width: 48%;
    }

    .main_link ul li:first-child {
        margin: 0 1% 20px;
    }
    .main_link ul li:last-child {
        margin: 0 1% 20px;
    }





}


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


    .main_link ul li {
        width: 98%;
    }

    .main_link ul li:first-child {
        margin: 0 1% 20px;
    }
    .main_link ul li:last-child {
        margin: 0 1% 20px;
    }





}