@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

body {
    font-family: "Noto Sans JP", sans-serif;
    background: #151b17;
    margin: 0;
    padding: 0;
}

.page_title {
    width: calc(100% - 30px);
    text-align: center;
    padding: 15px;
}
.report_title {
    color: #fff;
    text-align: center;
    font-size: 56px;
    font-weight: 600;
}

.page_title img {
    width: 100%;
    max-width: 1200px;
}

#information {
    padding: 1% 2%;
    line-height: 2;
}

.information_inner {
    color: #fff;
    font-weight: 600;
    font-size: 2vw;
    text-align: center;
    max-width: 1400px;
    margin: 0 auto;
}

.movie_info {
    width: 90%;
    margin: 0 auto 50px auto;
}

.movie_info_h2 {
    margin: 10px auto;
}

.movie_info_box {
    background: #fff;
    color: #000;
    padding: 2% 2% 4% 2%;
    width: 90%;
    margin: 0 auto;
}

.movie_info_box_top {
    text-align: left;
    width: 90%;
    margin: 3% auto;
    line-height: 1.3;
    font-size: 90%;
}

.movie_info_box_top_ttl {
    margin-bottom: 3%;
}

.qr_box_font {
    font-size: 80%;
}

.kokuchi_chirashi {
    box-shadow: 0px 0px 6px 1px #c3c3c3;
}
.kokuchi_chirashi img {
    width: 100%;
}

.saihanboshi {
    text-align: left;
    font-size: 80%;
    line-height: 1.8;
    margin: 2% auto;
    padding: 2%;
}

@media screen and (max-width: 768px) {
    #information {
        padding: 0 2%;
        line-height: 2;
    }

    .information_inner {
        font-size: 4vw;
        width: unset;
    }

    .movie_info_box_top {
        width: 100%;
        margin: 5% auto;
    }
    .movie_info {
        width: unset;
        margin: 0 auto 50px auto;
    }

    .movie_info_h2 {
        margin: 10px auto;
        font-size: 80%;
    }

    .movie_info_box {
        padding: 3% 5%;
        width: unset;
        margin: 0 auto;
    }
    .report_title {
        font-size: 5vw;
    }

}
@media screen and (max-width: 480px) {
    .information_inner {
        color: #fff;
        font-weight: 600;
        font-size: 5.5vw;
        text-align: center;
        width: 60%;
        margin: 0 auto;
    }

    #information {
        font-family: 'Noto Sans JP', sans-serif;
    }

    .information_inner {
        font-size: 6vw;
        width: 100%;
    }

    .qr_box_font {
        margin: 2% 0;
    }

}