@charset "UTF-8";

main{
    width: 100%;
    margin: 0 auto;
    padding: 145px 0 0;
    position: relative;
}
section#section01{
    background: url(/bunjyo/funabashi-nichidaimaejt5/images/design/content01_bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 0 0 0;
    h2{
        color: var(--color04);
        font-family: var(--font02);
        font-weight: 500;
        font-size: var(--font32-50);
        text-align: center;
        width: 100%;
        margin: 0 auto 5%;
        padding: 3% 0 0;

        span{
            display: block;
            font-size: var(--font24-30);
        }
    }
    h3{
        color: var(--color04);
        font-size: var(--font24-30);
        line-height: 1.6em;
        text-align: center;
        width: 100%;
        margin: 0 auto 5%;
        padding: 0 0 0;
    }
    p{
        color: var(--color04);
        line-height: 1.8em;
        max-width: var(--width03);
        width: 98%;
        margin: 0 auto 5%;
        padding: 0 0 0;
    }
    .swiper{
        width: 100%;
        padding: 0;

        .L-pagination{
            text-align: center;
            padding: 20px 0;
        }
        &.gallery-main{
            margin: 0 auto 0%;
            .swiper-slide {
                height: 720px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: #f5f5f5;
                overflow: hidden;
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: contain;
                    display: block;
                }
            }
        }

        &.gallery-thumb {
            margin: 0 auto 0%;
            .swiper-slide {
                height: 180px;
                overflow: hidden;
                background: #f5f5f5;
            
                img {
                    width: 100%;
                    height: 100%;
                    object-fit: cover;
                    display: block;
                }
            }
        }
    }
}

@media all and (max-width:768px){
main{
    padding: 65px 0 0;

    img{
        object-fit: cover;
        height: 270px;
    }
}
section#section01{
    padding: 30px 0 0;

    h2{
        width: 90%;
    }
    h3{
        text-align: left;
        width: 90%;
    }
    p{
        width: 90%;
    }
    .swiper{
        margin: 10% auto;

        &.gallery-main .swiper-slide {
            height: 280px;
        }
        &.gallery-thumb .swiper-slide {
            height: 90px;
        }
    }
}
}

@media all and (min-width:769px) and (max-width:960px){
    main{
        padding:165px 0 0;
    }
    section#section01{
        .swiper{
            &.gallery-main{
                .swiper-slide{
                    height: 500px;
                }
            }
        }
    }

}