@charset "UTF-8";

section.content{
    width: 100%;
    margin: 0 auto 0;
    padding: 0;

    .w100{
        width: 100%;
    }

    .w64{
        width: 64%;
    }

    .w75{
        width: 75%;
    }
}
section{
    .links ul{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap:2%;

        li{
            max-width: 390px;
            width: 48%;

            a{
                display: block;
                background: var(--color01);
                color: var(--colorW);
                text-align: center;
                padding: 15px 0 30px;
                position: relative;
                overflow: hidden;

                span{
                    position: relative;
                    z-index: 1;
                }

                &:before{
                    content:"";
                    background: var(--color01h);
                    transition: all ease 0.5s;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    top: 20px;
                    left: 0;
                    opacity: 0;
                    z-index: 0;
                }
                &:hover:before{
                    top: 0;
                    opacity: 1;
                }

                &:after{
                    content: "";
                    background: url(/bunjyo/funabashi-nichidaimaejt5/images/common/line_white.svg);
                    background-repeat: no-repeat;
                    background-size: 100%;
                    max-width: 172px;
                    width: 90%;
                    height: 5px;
                    position: absolute;
                    bottom: 12px;
                    left: 50%;
                    transform: translate(-50%,0);
                }
            }
        }
    }
}

section#section01{
    padding: 145px 0 0;
}


@media all and (max-width:768px){
    section{
        .links ul{
            width: 70%;
            margin: 0 auto;

            li{
                width: 100%;
                margin: 0 auto 5%;
            }
        }
    }
    section#section01{
        padding: 65px 0 0;
    }
}

@media all and (min-width:769px) and (max-width:960px){
    section.content{
        width: 97%;
    }
}