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

/*==========================================================
__トップ
==========================================================*/

section#top_visual {
    overflow: hidden;
}

section#top_visual .top__visual__inner {
    position: relative;
}

section#top_visual .top__visual__inner figure img {
    padding: 25px;
}

.img_top {
    z-index: 0;
    position: absolute;
    bottom: -45px;
    width: 125%;
    left: -11%;
}

section#main_visual {
    position: relative;
}

section#main_visual .main__visual__inner figure img {
    width: 100%;
}

section#footer__visual .footer__visual__inner {
    padding: 25px 0;
}

section#footer__visual .footer__visual__inner figure.visual {
    margin-bottom: 30px;
    /* margin-left: -35px; */
}

section#footer__visual .footer__visual__inner figure.visual02 {
    max-width: 350px;
    margin: 0 auto;
}

footer {
    padding-bottom: 50px;
}

footer ul.sns__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 120px;
    margin: 0 auto;
}

@media (min-width: 768px) {

    section#top_visual {
        padding: 55px;
        overflow: inherit;
    }

    section#top_visual .top__visual__inner {
        max-width: 767px;
        margin: 0 auto;
    }

    section#footer__visual .footer__visual__inner {
        position: relative;
        width: 100%;
        /* margin-left: -5.1%; */
    }

    section#footer__visual .footer__visual__inner figure.visual {
        margin: 0 auto 35px;
    }

    section#footer__visual .footer__visual__inner figure.visual img {
        width: 100%;
        /* margin-left: -25px; */
    }

    .img_top {
        left: -24%;
        width: 150%;
        bottom: -20%;
    }
}