img {
    width: 100%;
}

.container_extend {
    background: linear-gradient(to bottom, #1E201E, #7F8487, #1E201E);
    width: 100vw;
    margin-left: calc(-50vw + 50%);
}

.container {
    max-width: 1440px;
    margin: auto;
    background: linear-gradient(to bottom, #1E201E, #7F8487, #1E201E);
}

.gallery {
    display: flex;
    position: relative;
}

.gallery img {
    position: absolute;
    bottom: -17px;
    left: 73px;
}

.gallery_header_background {
    background-image: url(../image/gallery_header_background.jpg);
    background-position: center;
    background-size: cover;
    min-height: 360px;
    position: relative;
    margin-bottom: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery_text_mobile {
    display: none;
}

.gallery_content {
    text-align: center;
    display: flex;
    justify-content: center;
}

.gallery_image_info_mobile {
    display: none;
}

.gallery_image_info {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0% 9%;
}

.gallery_images {
    display: flex;
    gap: 5%;
    margin-bottom: 5%;
}

.gallery_image_2 {
    display: flex;
    flex-direction: column;
    gap: 8%;
}

.gallery_image_3 {
    display: flex;
    justify-content: center;
    gap: 5%;
    margin-bottom: 5%;
}

.gallery_content2 {
    text-align: center;
    margin-top: 200px;
}

.gallery_image_masonry {
    column-count: 2;
    column-gap: 5%;
    padding: 0% 9%;
    margin-bottom: 5%;
}

.illus,
.illus1,
.illus2 {
    box-sizing: border-box;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
    counter-increment: illus;
    margin-bottom: 5%;
}

.illus2 {
    display: flex;
    gap: 2%;
    margin-top: 5%;
}

.illus2 img {
    width: 100%;
}

/* Mobile */
@media screen and (max-width: 500px) {

    .gallery_content h1,
    .gallery_content2 h1 {
        font-size: 64px;
    }
}

@media screen and (max-width: 414px) {
    .gallery_header_background {
        display: none;
    }

    .gallery_image_masonry {
        display: none;
    }

    .gallery_text_mobile {
        display: block;
        text-align: center;
    }

    .gallery_text_mobile h1 {
        line-height: 58px;
    }

    .gallery_image_info {
        display: none;
    }

    .gallery_image_info_mobile {
        display: flex;
        flex-direction: column;
        padding: 10px;
        gap: 10px;
    }

    .gallery_image_mobile {
        display: flex;
        justify-content: space-around;
        gap: 10px;
    }

    .gallery_content2 {
        margin-top: 100px;
    }

    .footer {
        margin-top: 30px;
    }
}