@charset "UTF-8";
:root{
    --body--block-color: white;
    --body--line-color: rgb(255, 255, 255);
}

.body-block-1{
    width: 100%;
    height: fit-content;
    background-color: var(--body--block-color);
}.body-block-1::before, .body-block-1::after{
    content: "";
    background-image: url(../image/background/bk-line-1.png);
    background-repeat: repeat-x;
    background-size: contain;
    background-position: top center;
    width: 100%;
    display: block;
}

.body-block-2{
    width: 100%;
    height: fit-content;
    background-color: rgb(254, 250, 243);
    color: rgb(91, 78, 77);
}

.body-content{
    margin: auto;
    position: relative;
    max-width: 1350px;
}

.bk-temp-1{
    background-image: url("../image/background/bk-1.png");
    width: 100%;
}

.line-block{
    width: 100%;
    height: 1px;
    background-color: var(--body--line-color);
    margin: 0 auto;

}
/* PC */
@media screen and (min-width: 769px) {
    .body-content{
        padding: 1.5em 0 1em 0;
        width: 85%;
    }

    .contents-container{
        margin: auto;
    }   

    .body-block-1::before, .body-block-1::after{
        height: 4em;
    }
}

/* SP */
@media screen and (max-width: 768px) {
    .body-content{
        padding: 1.5em 0;
        width: 95%;
    }

    .body-block-1::before, .body-block-1::after{
        height: 2em;
    }
}