body {
    margin: 0;
    padding: 0;
}

.family-thankyou,
.family-thankyou * {
    box-sizing: border-box;
}

.family-thankyou {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color: #e7e5e8;
}

.family-thankyou__intro {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
    background-color: #e7e5e8;
}

.family-thankyou__picture,
.family-thankyou__picture img {
    display: block;
    width: 100%;
    max-width: 1920px;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.family-thankyou__body {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.family-thankyou__body-picture,
.family-thankyou__body-picture img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
}

.family-thankyou__body--01,
.family-thankyou__body--03 {
    background-color: #232323;
}

.family-thankyou__body--02 {
    background-color: #e7e5e8;
}

.family-thankyou__body-picture,
.family-thankyou__body-picture img {
    max-width: 1564px;
}

@media screen and (max-width: 767px) {
    .family-thankyou__body {
        --family-mobile-gutter: clamp(8px, 3.0769vw, 12px);
        padding-right: var(--family-mobile-gutter);
        padding-left: var(--family-mobile-gutter);
    }
}